.live-microphone-controls { min-width:0; min-height:76px; display:grid; place-items:center; }
    .mic-wrap { position:relative; width:104px; height:76px; display:grid; place-items:center; }
    .mic-orb {
      position:relative;
      width:68px; height:68px;
      display:grid; place-items:center;
      border:1px solid rgba(var(--cyan-rgb),.64);
      border-radius:50%;
      background:radial-gradient(circle at 40% 30%, rgba(var(--cyan-rgb),.23), rgba(4,12,20,.96) 58%);
      color:var(--cyan);
      box-shadow:0 0 0 12px rgba(var(--cyan-rgb),.025), 0 0 36px rgba(var(--cyan-rgb),.24), inset 0 0 24px rgba(var(--cyan-rgb),.08);
    }
    .mic-orb::before, .mic-orb::after { content:""; position:absolute; inset:-1px; border:1px solid rgba(var(--cyan-rgb),.32); border-radius:50%; opacity:0; }
    .listening .mic-orb::before { animation:orb-ring 2s var(--ease) infinite; }
    .listening .mic-orb::after { animation:orb-ring 2s .8s var(--ease) infinite; }
    @keyframes orb-ring { 0% { opacity:.6; transform:scale(.88); } 75%,100% { opacity:0; transform:scale(1.6); } }
    .paused .mic-orb { color:var(--muted); border-color:var(--line-strong); background:radial-gradient(circle at 40% 30%, rgba(255,255,255,.08), rgba(5,9,15,.95) 62%); box-shadow:0 0 0 12px rgba(255,255,255,.018), inset 0 0 18px rgba(255,255,255,.03); }
    .waveform { position:absolute; bottom:1px; display:flex; align-items:end; justify-content:center; gap:2px; height:14px; opacity:.38; transition:opacity .16s ease; }
    .waveform i { display:block; width:2px; border-radius:2px; background:var(--cyan); transform:scaleY(var(--meter-level-scale, .08)); transform-origin:bottom; transition:transform 55ms linear; opacity:.9; }
    .waveform i:nth-child(1), .waveform i:nth-child(7) { height:4px; }
    .waveform i:nth-child(2), .waveform i:nth-child(6) { height:8px; }
    .waveform i:nth-child(3), .waveform i:nth-child(5) { height:12px; }
    .waveform i:nth-child(4) { height:14px; }
    .meter-active .waveform { opacity:1; }
    .microphone-connecting .waveform { opacity:.62; }
    .manual-microphone-grid { width:100%; display:grid; grid-template-columns:repeat(var(--manual-mic-count, 3), minmax(0,1fr)); align-items:start; gap:5px; }
    .manual-mic { position:relative; min-width:0; display:flex; flex-direction:column; align-items:center; gap:4px; border:0; background:transparent; color:var(--muted-2); }
    .manual-mic-orb { position:relative; width:48px; height:48px; display:grid; place-items:center; border:1px solid var(--line-strong); border-radius:50%; background:radial-gradient(circle at 40% 30%, rgba(255,255,255,.08), rgba(5,9,15,.96) 62%); color:var(--muted); box-shadow:inset 0 0 18px rgba(255,255,255,.03); }
    .manual-mic-label { max-width:62px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:8px; font-weight:760; letter-spacing:.08em; }
    .manual-mic.listening .manual-mic-orb { color:var(--cyan); border-color:rgba(var(--cyan-rgb),.64); background:radial-gradient(circle at 40% 30%, rgba(var(--cyan-rgb),.23), rgba(4,12,20,.96) 58%); box-shadow:0 0 24px rgba(var(--cyan-rgb),.2), inset 0 0 18px rgba(var(--cyan-rgb),.08); }
    .manual-mic.listening .manual-mic-label { color:var(--cyan); }
    .manual-mic:hover .manual-mic-orb, .manual-mic:focus-visible .manual-mic-orb { color:var(--text); border-color:rgba(var(--cyan-rgb),.5); }
    .manual-mic .waveform { bottom:-1px; }
    .microphone-mode-description { min-height:12px; margin:0 0 4px; color:var(--muted-2); text-align:center; font-size:8px; letter-spacing:.05em; }
    .bottom-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:0; }
    .bottom-tabs a, .bottom-tabs button { min-height:29px; display:flex; align-items:center; justify-content:center; gap:6px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:rgba(255,255,255,.035); font-size:9px; font-weight:700; }
    .bottom-tabs a:hover, .bottom-tabs button:hover { color:var(--text); background:rgba(255,255,255,.065); }
    .bottom-tabs a.active, .bottom-tabs button.active { color:var(--cyan); border-color:rgba(var(--cyan-rgb),.35); background:rgba(var(--cyan-rgb),.08); }

    .drawer-backdrop {
      position:absolute; z-index:60; inset:0;
      display:none;
      background:rgba(0,0,0,.56);
      backdrop-filter:blur(7px);
    }
    .drawer-backdrop.open { display:block; animation:fade-in .2s ease both; }
    .drawer {
      position:absolute; inset:0 auto 0 0; width:78%; max-width:292px;
      border-right:1px solid var(--line);
      background:rgba(8,13,21,.97);
      padding:18px 12px;
      transform:translateX(-104%);
      transition:transform .3s var(--ease);
      box-shadow:24px 0 60px rgba(0,0,0,.45);
    }
    .drawer-backdrop.open .drawer { transform:none; }
    .drawer-header { display:flex; align-items:center; justify-content:space-between; padding:0 3px 12px; }
    .drawer-header strong { font-size:13px; }
    .drawer-nav { display:grid; gap:5px; }
    .drawer-nav a { min-height:40px; display:flex; align-items:center; gap:10px; border-radius:12px; padding:0 10px; color:var(--muted); font-size:11px; font-weight:650; }
    .drawer-nav a:hover { color:var(--text); background:rgba(255,255,255,.055); }

    .focus-screen { flex-direction:column; background:#02050a; }
    .focus-screen .screen-header { position:absolute; z-index:10; left:0; right:0; top:0; background:linear-gradient(180deg, rgba(2,5,10,.86), transparent); }
    .split-topbar { position:absolute; z-index:12; left:12px; right:12px; top:7px; display:flex; align-items:center; justify-content:space-between; }
    .focus-layout { flex:1; min-height:0; display:grid; position:relative; }
    .split-layout { grid-template-rows:1fr 84px 1fr; padding-top:46px; }
    .translation-pane {
      position:relative;
      min-height:0;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:28px 28px 18px;
      overflow:hidden;
    }
    .translation-pane::after { content:""; position:absolute; width:260px; height:180px; border-radius:50%; filter:blur(70px); opacity:.17; pointer-events:none; }
    .translation-pane.warm::after { background:var(--amber); top:10%; left:-30%; }
    .translation-pane.cool::after { background:var(--blue); right:-34%; bottom:4%; }
    .translation-pane .pane-content { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:12px; max-width:100%; }
    .pane-language { display:flex; align-items:center; gap:8px; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
    .warm .pane-language { color:var(--amber); } .cool .pane-language { color:var(--blue); }
    .pane-copy { margin:0; max-width:300px; font-size:clamp(24px,7.4vw,38px); line-height:1.06; letter-spacing:-.045em; font-weight:420; text-wrap:balance; }
    .pane-action { display:inline-flex; align-items:center; gap:7px; min-height:31px; border:1px solid var(--line); border-radius:999px; padding:0 11px; color:var(--muted); background:rgba(255,255,255,.035); font-size:9px; font-weight:720; cursor:pointer; }
    .pane-action:hover { color:var(--text); border-color:var(--line-strong); }
    .central-band { position:relative; display:grid; place-items:center; }
    .central-band::before { content:""; position:absolute; left:0; right:0; height:1px; background:linear-gradient(90deg, var(--amber), rgba(255,255,255,.35) 50%, var(--blue)); box-shadow:-60px 0 30px rgba(var(--amber-rgb),.18), 60px 0 30px rgba(var(--blue-rgb),.18); }
    .central-band .mic-wrap { width:100%; height:84px; }
    .central-band .mic-orb { width:82px; height:82px; background:radial-gradient(circle at 42% 35%, rgba(255,255,255,.08), #050a12 62%); border-color:rgba(255,255,255,.35); box-shadow:-10px 0 30px rgba(var(--amber-rgb),.22), 10px 0 30px rgba(var(--blue-rgb),.22), inset 0 0 24px rgba(255,255,255,.035); }
    .split-volume-meter { position:absolute; inset:0; display:grid; grid-template-columns:minmax(0,1fr) 98px minmax(0,1fr); align-items:center; opacity:.52; pointer-events:none; transition:opacity .16s ease; }
    .split-volume-side { height:46px; display:flex; align-items:center; gap:5px; }
    .split-volume-side.warm { justify-content:flex-end; color:var(--amber); }
    .split-volume-side.cool { justify-content:flex-start; color:var(--blue); }
    .split-volume-side i { display:block; width:4px; border-radius:999px; background:currentColor; box-shadow:0 0 12px currentColor; transform:scaleY(var(--meter-level-scale, .08)); transform-origin:center; transition:transform 55ms linear; opacity:.9; }
    .split-volume-side i:nth-child(1) { height:10px; }
    .split-volume-side i:nth-child(2) { height:18px; }
    .split-volume-side i:nth-child(3) { height:28px; }
    .split-volume-side i:nth-child(4) { height:38px; }
    .split-volume-side i:nth-child(5) { height:46px; }
    .split-volume-side.cool { flex-direction:row-reverse; }
    .meter-active .split-volume-meter { opacity:1; }
    .microphone-connecting .split-volume-meter { opacity:.72; animation:split-meter-breathe 1s ease-in-out infinite alternate; }
    @keyframes split-meter-breathe { to { opacity:.42; } }
    .focus-footer { position:absolute; z-index:11; left:12px; right:12px; bottom:10px; display:flex; align-items:center; justify-content:space-between; gap:8px; pointer-events:none; }
    .focus-footer > * { pointer-events:auto; }

    .landscape-screen { flex-direction:column; background:#02050a; }
    .landscape-topbar { position:absolute; z-index:10; left:12px; right:12px; top:7px; display:flex; align-items:center; justify-content:space-between; }
    .landscape-layout { flex:1; min-height:0; display:grid; grid-template-columns:1fr 108px 1fr; padding:25px 14px 8px; }
    .landscape-pane { min-width:0; display:flex; align-items:center; justify-content:center; padding:18px; text-align:center; position:relative; overflow:hidden; }
    .landscape-pane.warm { border:1px solid rgba(var(--amber-rgb),.34); border-radius:22px 0 0 22px; background:radial-gradient(circle at 10% 45%, rgba(var(--amber-rgb),.12), transparent 58%); }
    .landscape-pane.cool { border:1px solid rgba(var(--blue-rgb),.34); border-radius:0 22px 22px 0; background:radial-gradient(circle at 90% 45%, rgba(var(--blue-rgb),.12), transparent 58%); }
    .landscape-pane .pane-content { display:flex; flex-direction:column; align-items:center; gap:10px; max-width:100%; }
    .landscape-pane .pane-copy { max-width:300px; font-size:clamp(26px,4vw,44px); }
    .landscape-center { display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; }
    .landscape-center::before { content:""; position:absolute; top:11%; bottom:11%; width:1px; background:linear-gradient(var(--amber), rgba(255,255,255,.32), var(--blue)); }
    .landscape-center .mic-orb { width:78px; height:78px; z-index:1; background:#050a12; border-color:rgba(255,255,255,.36); box-shadow:-10px 0 30px rgba(var(--amber-rgb),.2), 10px 0 30px rgba(var(--blue-rgb),.2); }

    .face-layout { grid-template-rows:1fr 92px 1fr; }
    .face-topbar { position:absolute; z-index:10; left:12px; top:7px; }
    .face-pane { min-height:0; display:flex; align-items:center; justify-content:center; overflow:hidden; padding:18px 26px; text-align:center; }
    .face-pane.upper { background:radial-gradient(circle at 22% 22%, rgba(var(--amber-rgb),.13), transparent 55%); }
    .face-pane.lower { background:radial-gradient(circle at 78% 78%, rgba(var(--blue-rgb),.13), transparent 55%); }
    .participant-content { display:flex; flex-direction:column; align-items:center; gap:11px; width:100%; max-width:330px; }
    .face-pane.upper .participant-content { transform:rotate(180deg); }
    .face-pane .pane-copy { font-size:clamp(25px,7.5vw,38px); }
    .face-divider { display:grid; grid-template-columns:1fr 92px 1fr; align-items:center; border-top:1px solid rgba(var(--amber-rgb),.24); border-bottom:1px solid rgba(var(--blue-rgb),.24); }
    .face-divider .mic-wrap { width:92px; height:92px; }
    .face-divider .mic-orb { z-index:2; width:72px; height:72px; background:radial-gradient(circle, rgba(255,255,255,.08), #050a12 62%); border-color:rgba(255,255,255,.35); box-shadow:0 0 28px rgba(var(--cyan-rgb),.14), inset 0 0 22px rgba(255,255,255,.035); }
    .face-volume-meter { position:absolute; z-index:1; left:50%; top:50%; width:124px; height:124px; translate:-50% -50%; opacity:.48; pointer-events:none; transition:opacity .16s ease; }
    .face-volume-ring { position:absolute; inset:0; color:var(--muted); }
    .face-volume-ring i { --angle:0deg; --bar-height:14px; position:absolute; left:50%; top:50%; width:4px; height:var(--bar-height); border-radius:999px; background:currentColor; box-shadow:0 0 11px currentColor; opacity:.92; transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-52px) scaleY(var(--meter-level-scale, .08)); transform-origin:center; transition:transform 55ms linear; }
    .face-volume-ring i:nth-child(odd) { color:var(--amber); }
    .face-volume-ring i:nth-child(even) { color:var(--blue); }
    .face-volume-ring i:nth-child(1) { --angle:0deg; --bar-height:14px; }
    .face-volume-ring i:nth-child(2) { --angle:22.5deg; --bar-height:19px; }
    .face-volume-ring i:nth-child(3) { --angle:45deg; --bar-height:12px; }
    .face-volume-ring i:nth-child(4) { --angle:67.5deg; --bar-height:21px; }
    .face-volume-ring i:nth-child(5) { --angle:90deg; --bar-height:15px; }
    .face-volume-ring i:nth-child(6) { --angle:112.5deg; --bar-height:18px; }
    .face-volume-ring i:nth-child(7) { --angle:135deg; --bar-height:11px; }
    .face-volume-ring i:nth-child(8) { --angle:157.5deg; --bar-height:17px; }
    .face-volume-ring i:nth-child(9) { --angle:180deg; --bar-height:14px; }
    .face-volume-ring i:nth-child(10) { --angle:202.5deg; --bar-height:19px; }
    .face-volume-ring i:nth-child(11) { --angle:225deg; --bar-height:12px; }
    .face-volume-ring i:nth-child(12) { --angle:247.5deg; --bar-height:21px; }
    .face-volume-ring i:nth-child(13) { --angle:270deg; --bar-height:15px; }
    .face-volume-ring i:nth-child(14) { --angle:292.5deg; --bar-height:18px; }
    .face-volume-ring i:nth-child(15) { --angle:315deg; --bar-height:11px; }
    .face-volume-ring i:nth-child(16) { --angle:337.5deg; --bar-height:17px; }
    .meter-active .face-volume-meter { opacity:1; }
    .microphone-connecting .face-volume-meter { opacity:.72; animation:face-meter-breathe 1s ease-in-out infinite alternate; }
    @keyframes face-meter-breathe { to { opacity:.4; } }
    .face-divider-side { display:flex; justify-content:center; }

    .standard-screen { flex-direction:column; }
    .standard-body { flex:1; min-height:0; overflow-y:auto; scrollbar-width:none; padding:4px 12px 20px; }
    .section-label { margin:8px 3px 8px; color:var(--muted-2); font-size:8px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }

    .history-list { display:grid; gap:8px; }
    .history-card {
      width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px;
      border:1px solid var(--line); border-radius:17px; padding:12px;
      background:rgba(15,22,32,.72); text-align:left;
    }
    .history-card:hover { border-color:rgba(var(--cyan-rgb),.35); background:rgba(18,27,39,.9); }
    .history-card h3 { margin:0; font-size:12px; letter-spacing:-.02em; }
    .history-card p { margin:5px 0 0; color:var(--muted-2); font-size:9px; line-height:1.35; }
    .language-chips { display:flex; gap:4px; margin-top:8px; }
    .language-chip { border:1px solid currentColor; border-radius:999px; padding:2px 6px; font-size:7px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; opacity:.86; }
    .language-chip.pt { color:var(--green); } .language-chip.en { color:var(--blue); } .language-chip.no { color:var(--amber); }
    .history-duration { color:var(--muted); font-size:9px; white-space:nowrap; }
    .history-detail { display:none; }
    .history-detail.open { display:block; animation:screen-in .25s var(--ease) both; }
    .history-list-view.hidden { display:none; }
    .detail-toolbar { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
    .detail-title h2 { margin:0; font-size:13px; } .detail-title p { margin:3px 0 0; color:var(--muted-2); font-size:8px; }
    .transcript-line { border:1px solid var(--line); border-radius:16px; background:rgba(15,22,32,.68); padding:11px; margin-bottom:7px; }
    .transcript-line strong { display:block; margin-bottom:8px; color:var(--muted); font-size:9px; }
    .transcript-language { margin-bottom:7px; }
    .transcript-language:last-child { margin-bottom:0; }
    .transcript-language span { display:block; font-size:7px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
    .transcript-language p { margin:3px 0 0; font-size:11px; line-height:1.36; }

    .slots { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-bottom:13px; }
    .slot-button { min-width:0; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.035); padding:9px 5px; color:var(--muted); }
    .slot-button span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:8px; letter-spacing:.12em; text-transform:uppercase; }
    .slot-button b { display:block; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
    .slot-button.active { color:var(--cyan); border-color:rgba(var(--cyan-rgb),.42); background:rgba(var(--cyan-rgb),.09); box-shadow:0 0 18px rgba(var(--cyan-rgb),.07); }
    .language-list { display:grid; gap:7px; }
    .language-button {
      width:100%; display:grid; grid-template-columns:30px minmax(0,1fr) 22px; align-items:center; gap:9px;
      border:1px solid var(--line); border-radius:16px; padding:10px 11px; background:rgba(15,22,32,.7); text-align:left;
    }
    .language-button:hover { border-color:rgba(var(--cyan-rgb),.3); background:rgba(18,27,39,.9); }
    .language-button .flag { font-size:20px; }
    .language-button strong { display:block; font-size:11px; }
    .language-button small { display:block; margin-top:3px; color:var(--muted-2); font-size:8px; }
    .language-button.selected { border-color:rgba(var(--cyan-rgb),.46); background:rgba(var(--cyan-rgb),.08); }
    .checkmark { color:var(--cyan); opacity:0; } .language-button.selected .checkmark { opacity:1; }
    .language-button[disabled] { cursor:not-allowed; opacity:.38; }

    .routing-view-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; margin:0 0 13px; padding:4px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); }
    .routing-view-tab { min-width:0; min-height:34px; border:0; border-radius:10px; background:transparent; color:var(--muted-2); font-size:9px; font-weight:760; }
    .routing-view-tab span { margin-left:3px; color:var(--violet); font-size:6px; letter-spacing:.08em; text-transform:uppercase; vertical-align:2px; }
    .routing-view-tab.active { background:rgba(var(--cyan-rgb),.11); color:var(--cyan); box-shadow:inset 0 0 0 1px rgba(var(--cyan-rgb),.27); }
    .routing-view-panel[hidden] { display:none; }
    .routing-experiment-intro { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:4px 8px; margin-bottom:10px; }
    .routing-experiment-intro .experiment-badge { grid-row:1 / span 2; align-self:stretch; display:grid; place-items:center; border:1px solid rgba(var(--violet-rgb),.3); border-radius:11px; padding:0 8px; background:rgba(var(--violet-rgb),.08); color:var(--violet); font-size:7px; font-weight:820; letter-spacing:.08em; text-transform:uppercase; }
    .routing-experiment-intro strong { font-size:12px; }
    .routing-experiment-intro small { color:var(--muted-2); font-size:8px; }
    .routing-example-tabs { display:flex; gap:5px; overflow-x:auto; margin-bottom:10px; padding-bottom:2px; scrollbar-width:none; }
    .routing-example-tabs::-webkit-scrollbar { display:none; }
    .routing-example-tab { flex:0 0 auto; min-height:29px; border:1px solid var(--line); border-radius:999px; padding:0 9px; background:rgba(255,255,255,.025); color:var(--muted); font-size:8px; font-weight:700; }
    .routing-example-tab.active { border-color:rgba(var(--cyan-rgb),.38); background:rgba(var(--cyan-rgb),.09); color:var(--cyan); }
    .routing-source-row { display:flex; align-items:center; gap:5px; margin-bottom:10px; overflow-x:auto; scrollbar-width:none; }
    .routing-source-row > span { flex:none; color:var(--muted-2); font-size:7px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
    .source-choice { flex:0 0 auto; min-height:30px; display:flex; align-items:center; gap:4px; border:1px solid var(--line); border-radius:10px; padding:0 7px; background:rgba(255,255,255,.025); color:var(--muted); font-size:12px; }
    .source-choice span { font-size:7px; font-weight:720; }
    .source-choice.active { border-color:rgba(var(--amber-rgb),.42); background:rgba(var(--amber-rgb),.1); color:var(--text); }
    .people-profile-list { display:grid; gap:7px; }
    .person-profile { border:1px solid var(--line); border-radius:15px; padding:9px; background:rgba(15,22,32,.68); }
    .person-profile header { display:flex; align-items:center; gap:7px; margin-bottom:7px; }
    .person-profile header span { width:25px; height:25px; display:grid; place-items:center; border-radius:9px; background:rgba(var(--cyan-rgb),.1); color:var(--cyan); font-size:9px; font-weight:850; }
    .person-profile header strong { font-size:10px; }
    .person-profile dl { display:grid; gap:4px; margin:0; }
    .person-profile dl > div { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:start; gap:6px; }
    .person-profile dt { padding-top:4px; color:var(--muted-2); font-size:7px; font-weight:780; letter-spacing:.08em; text-transform:uppercase; }
    .person-profile dd { display:flex; flex-wrap:wrap; gap:3px; margin:0; }
    .route-language { display:inline-flex; align-items:center; gap:3px; border:1px solid currentColor; border-radius:999px; padding:3px 6px; font-size:7px; font-weight:750; white-space:nowrap; opacity:.88; }
    .route-language.pt { color:var(--green); } .route-language.en { color:var(--blue); } .route-language.no { color:var(--amber); }
    .route-none { color:var(--muted-2); font-size:8px; font-style:italic; }
    .derived-routing { display:grid; gap:6px; margin-top:9px; border:1px solid rgba(var(--cyan-rgb),.22); border-radius:16px; padding:10px; background:linear-gradient(145deg,rgba(var(--cyan-rgb),.075),rgba(var(--blue-rgb),.035)); }
    .derived-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-bottom:4px; }
    .derived-heading span { color:var(--cyan); font-size:8px; font-weight:820; letter-spacing:.1em; text-transform:uppercase; }
    .derived-heading b { color:var(--muted-2); font-size:7px; font-weight:700; }
    .derived-row { display:grid; grid-template-columns:58px minmax(0,1fr); align-items:center; gap:6px; }
    .derived-row > span { color:var(--muted-2); font-size:7px; font-weight:780; letter-spacing:.08em; text-transform:uppercase; }
    .derived-row > div { display:flex; flex-wrap:wrap; gap:4px; }
    .audience-decisions { display:grid; gap:3px; margin-top:2px; padding-top:7px; border-top:1px solid var(--line); }
    .audience-decisions span { color:var(--muted-2); font-size:7px; line-height:1.35; }
    .audience-decisions b { margin-right:4px; color:var(--text); }
    .flag-toggle-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-bottom:10px; }
    .flag-toggle { min-width:0; min-height:72px; display:grid; place-items:center; align-content:center; gap:3px; border:1px solid var(--line); border-radius:15px; background:rgba(15,22,32,.68); color:var(--muted-2); }
    .flag-toggle > span { font-size:22px; filter:grayscale(.86); opacity:.48; }
    .flag-toggle strong { max-width:100%; overflow:hidden; text-overflow:ellipsis; font-size:8px; }
    .flag-toggle small { font-size:7px; }
    .flag-toggle.active { border-color:rgba(var(--cyan-rgb),.36); background:rgba(var(--cyan-rgb),.075); color:var(--text); }
    .flag-toggle.active > span { filter:none; opacity:1; }
    .flag-route-visual { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1.3fr); align-items:center; gap:8px; min-height:82px; border:1px solid rgba(var(--cyan-rgb),.22); border-radius:16px; padding:10px; background:linear-gradient(145deg,rgba(var(--cyan-rgb),.075),rgba(var(--blue-rgb),.035)); }
    .flag-source, .flag-targets { display:flex; flex-wrap:wrap; gap:4px; }
    .flag-source small, .flag-targets small { flex-basis:100%; color:var(--muted-2); font-size:7px; line-height:1.35; }
    .flag-route-arrow { color:var(--cyan); font-size:16px; }
    .routing-tradeoff { display:grid; gap:3px; margin-top:8px; border-left:2px solid var(--amber); padding:5px 0 5px 9px; }
    .routing-tradeoff strong { font-size:9px; }
    .routing-tradeoff span { color:var(--muted-2); font-size:8px; line-height:1.35; }
    .quick-language-settings { display:grid; gap:7px; margin-bottom:12px; }

    .settings-list { display:grid; gap:7px; }
    .setting-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; border:1px solid var(--line); border-radius:16px; padding:11px; background:rgba(15,22,32,.7); }
    .setting-row strong { display:block; font-size:10px; }
    .setting-row small { display:block; margin-top:4px; color:var(--muted-2); font-size:8px; line-height:1.3; }
    .offline-readiness { display:grid; gap:9px; padding:11px; margin:0 0 12px; border:1px solid var(--line); border-radius:16px; background:rgba(15,22,32,.7); }
    .offline-readiness[hidden] { display:none; }
    .offline-readiness.compact { margin:0; }
    .offline-readiness strong { display:block; font-size:10px; }
    .offline-readiness small { display:block; margin-top:4px; color:var(--muted-2); font-size:8px; line-height:1.35; }
    .offline-readiness progress { width:100%; height:4px; accent-color:var(--green); }
    .offline-readiness .pill-button { justify-self:start; min-height:34px; font-size:9px; }
    .toggle { position:relative; width:42px; height:24px; border:1px solid var(--line-strong); border-radius:999px; background:rgba(255,255,255,.05); }
    .toggle::after { content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:var(--muted); transition:left .2s var(--ease), background .2s ease, box-shadow .2s ease; }
    .toggle[aria-checked="true"] { border-color:rgba(var(--cyan-rgb),.45); background:rgba(var(--cyan-rgb),.13); }
    .toggle[aria-checked="true"]::after { left:21px; background:var(--cyan); box-shadow:0 0 12px rgba(var(--cyan-rgb),.5); }
    .range-card { border:1px solid var(--line); border-radius:16px; padding:12px; background:rgba(15,22,32,.7); }
    .range-card label { display:flex; justify-content:space-between; color:var(--muted); font-size:9px; }
    input[type="range"] { width:100%; margin-top:12px; accent-color:var(--cyan); }

    .text-screen-body { flex:1; min-height:0; display:flex; flex-direction:column; padding:5px 12px 17px; }
    .text-language-row { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; padding-bottom:9px; }
    .text-language-row::-webkit-scrollbar { display:none; }
    .text-editor { flex:1; min-height:0; width:100%; resize:none; border:1px solid var(--line); border-radius:20px; background:rgba(11,17,26,.8); color:var(--text); padding:16px; font-size:18px; line-height:1.45; outline:none; }