@charset "UTF-8";
/* MANOMIJE 0.7.3 — LAYER ALPHA TEST
   Shared vocabulary for Jean/LURE design tuning.
   A1 = left/light information surfaces 77%
   A2 = right/dark MIJE base surface 10%
   B = conversation/intermediate surfaces 30%
   C = beige/top learning surfaces 70%
   D = buttons/interactive controls 80%
   E = smartphone-only newspaper texture overlay 15%
   F = smartphone-only newspaper texture scale 60%
   Only background alpha is changed here. Layout, typography, borders, blur and JS are untouched. */
 :root{
  --layer-a1-alpha:.77;
  --layer-a2-alpha:.10;
  --layer-b-alpha:.30;
  --layer-c-alpha:.66;
  --layer-d-alpha:.66;
  --layer-e-alpha:.15;
  --layer-f-scale:.60;
  --dark-button:linear-gradient(180deg,rgba(71,41,26,var(--layer-d-alpha)),rgba(27,15,9,var(--layer-d-alpha)));
  --paper-button:linear-gradient(180deg,rgba(253,243,223,var(--layer-d-alpha)),rgba(230,208,176,var(--layer-d-alpha)));
}

/* A1 — left/light large information surfaces */
.masthead{
  background:linear-gradient(rgba(249,240,222,var(--layer-a1-alpha)),rgba(225,204,168,var(--layer-a1-alpha)));
}
.intro{
  background:linear-gradient(120deg,rgba(252,245,232,var(--layer-a1-alpha)),rgba(249,240,222,var(--layer-a1-alpha)));
}
.connection-strip{background:rgba(249,240,222,var(--layer-a1-alpha));}
.world-column{
  background:linear-gradient(rgba(251,243,228,var(--layer-a1-alpha)),rgba(244,231,207,var(--layer-a1-alpha)));
}

/* A2 — right/dark MIJE base surface */
.conversation-column{
  background:rgba(22,12,7,var(--layer-a2-alpha));
}
@supports ((backdrop-filter:blur(3px)) or (-webkit-backdrop-filter:blur(3px))){
  .conversation-column{
    background:linear-gradient(155deg,rgba(36,19,10,var(--layer-a2-alpha)),rgba(16,8,4,var(--layer-a2-alpha)));
  }
}

/* B — middle conversation surfaces */
.conversation-column .message.assistant,
.conversation-column .message.assistant.message-guide,
.conversation-column .message.assistant.message-practice{
  background:linear-gradient(130deg,rgba(80,50,29,var(--layer-b-alpha)),rgba(34,19,10,var(--layer-b-alpha)));
}
.conversation-column .message.user{
  background:linear-gradient(135deg,rgba(106,58,34,var(--layer-b-alpha)),rgba(61,34,21,var(--layer-b-alpha)));
}
.conversation-column .subtitle-tabs{background:rgba(16,8,3,var(--layer-b-alpha));}
.conversation-column .composer textarea{background:rgba(22,11,5,var(--layer-b-alpha));}
.mobile-map-place{background:rgba(27,15,9,var(--layer-b-alpha));}

/* C — top/light learning surfaces */
.conversation-column .message .learning-bridge,
.conversation-column .message .natural-correction,
.conversation-column .action-card,
.conversation-column .local-language-card,
.conversation-column .reply-hints,
.conversation-column .speech-recovery{
  background:linear-gradient(135deg,rgba(253,242,219,var(--layer-c-alpha)),rgba(234,212,174,var(--layer-c-alpha)));
}
.conversation-column .turn-score{background:rgba(237,219,186,var(--layer-c-alpha));}
.pron-score,.review-card,.phrase-lesson,.scene-action-card,#rememberedList li{
  background:rgba(235,216,182,var(--layer-c-alpha));
}
.more-menu{background:rgba(244,228,199,var(--layer-c-alpha));}
dialog,.account-dialog{
  background:linear-gradient(rgba(248,237,215,var(--layer-c-alpha)),rgba(234,213,177,var(--layer-c-alpha)));
}
input,textarea,select{background:rgba(251,241,220,var(--layer-c-alpha));}
/* Restore the dark conversation composer after the general field rule above. */
.conversation-column .composer textarea{background:rgba(22,11,5,var(--layer-b-alpha));}

/* D — controls/buttons. Existing hues are preserved; only alpha is unified. */
.conversation-column .subtitle-tabs button[aria-pressed=true]{
  background:linear-gradient(rgba(227,199,148,var(--layer-d-alpha)),rgba(184,139,77,var(--layer-d-alpha)));
}
.conversation-column .learning-bridge-actions button{
  background:rgba(255,247,230,var(--layer-d-alpha));
}
.conversation-column .learning-bridge-actions button.learning-practice-primary,
.conversation-column .learning-bridge-actions button[data-practice-turn]{background:var(--dark-button);}
.conversation-column .tool-button{background:rgba(13,7,3,var(--layer-d-alpha));}
.conversation-column #recordButton{
  background:linear-gradient(rgba(139,55,38,var(--layer-d-alpha)),rgba(76,28,20,var(--layer-d-alpha)));
}
.conversation-column #sendButton{
  background:linear-gradient(rgba(219,179,116,var(--layer-d-alpha)),rgba(172,121,59,var(--layer-d-alpha)));
}
.mobile-map-actions button{background:rgba(31,17,10,var(--layer-d-alpha));}
.world-tabs button[aria-pressed="true"],
.primary,.action-buttons .primary,.move-card .primary,#nextScene.primary,
.account-dialog .account-primary,.paid-plan-actions button:first-child,.edit-interests-link{
  background:var(--dark-button);
}