:root { color-scheme:light dark; --paper:#f3efe6; --surface:#fffdf8; --surface-soft:rgba(255,253,248,.72); --surface-faint:rgba(255,253,248,.6); --field:#fff; --ink:#20211d; --edge:#898a82; --hard-shadow:rgba(27,28,23,.14); --placeholder:#96958d; --inverse-ink:#fff; --contrast-surface:#20211d; --contrast-ink:#fff; --muted:#65665f; --subtle:#898981; --line:#d7d3c8; --line-soft:rgba(32,33,29,.11); --blue:#3157ca; --blue-soft:#e8edff; --blue-strong:#203d98; --blue-highlight:rgba(49,87,202,.18); --focus-ring:rgba(49,87,202,.14); --red:#d95a43; --red-soft:#ffebe6; --red-strong:#963c2d; --red-highlight:rgba(217,90,67,.18); --acid:#d8f35b; --on-acid:#33352e; --acid-card:rgba(255,253,248,.45); --acid-line:rgba(32,33,29,.18); --danger:#b42318; --success:#287a35; --disabled-shadow:#c7c5be; --nav:rgba(243,239,230,.9); --hover:rgba(255,255,255,.5); --overlay:rgba(23,24,18,.45); --impact-bg:rgba(23,24,18,.86); --impact-ink:#fff; --page-glow:rgba(216,243,91,.22); --shadow:0 16px 40px rgba(27,25,18,.09); }
* { box-sizing:border-box; }
html { background:var(--paper); scroll-behavior:smooth; }
body { margin:0; color:var(--ink); font:15px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; background:var(--paper); }
button,input,textarea,select { font:inherit; }
button { cursor:pointer; }
.skip-link { position:fixed; top:10px; left:10px; z-index:50; padding:9px 12px; color:var(--inverse-ink); background:var(--ink); transform:translateY(-160%); }
.skip-link:focus { transform:translateY(0); }
.nav { height:clamp(56px,7vh,72px); display:flex; align-items:center; justify-content:space-between; padding:0 max(24px,calc((100vw - 1180px)/2)); border-bottom:1px solid var(--line-soft); background:var(--nav); backdrop-filter:blur(18px); position:sticky; top:0; z-index:5; }
.wordmark { display:flex; align-items:center; gap:11px; color:inherit; font-size:18px; font-weight:800; letter-spacing:-.04em; text-decoration:none; }
.wordmark:hover span:last-child { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.brand-mark { width:28px; height:28px; flex-shrink:0; border-radius:6px; transition:transform .2s ease; display:block; }
.wordmark:hover .brand-mark { transform:scale(1.06); }
.nav-actions { display:flex; align-items:center; gap:8px; }
.text-button { border:1px solid transparent; border-radius:999px; background:transparent; color:var(--ink); padding:8px 12px; font-size:13px; font-weight:650; }
.text-button:hover { border-color:var(--line); background:var(--hover); }
.page { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.landing { min-height:calc(100vh - 72px); min-height:calc(100dvh - clamp(56px,7vh,72px)); display:grid; grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr); gap:clamp(32px,5vw,84px); align-items:center; padding:clamp(16px,3.2vh,48px) 0 clamp(20px,4vh,56px); }
.intro { max-width:630px; }
.position-stage { grid-column:1/-1; width:min(840px,100%); margin:0 auto; text-align:center; }
.position-stage[hidden],.question-part[hidden] { display:none; }
.position-stage h1 { max-width:none; font-size:clamp(44px,6vw,68px); }
.position-grid { display:grid; gap:13px; margin:32px 0 22px; text-align:left; }
.position-card { background:var(--surface); border:1px solid var(--line); border-radius:5px; padding:17px; box-shadow:0 5px 16px var(--hard-shadow); }
.position-model { font-weight:800; margin-bottom:10px; overflow-wrap:anywhere; }
.position-actions { display:flex; justify-content:center; gap:11px; }
.assignment-option { display:flex; justify-content:center; margin:0 0 24px; }
.toggle { display:flex; align-items:center; gap:9px; color:var(--ink); font-size:12px; font-weight:700; letter-spacing:0; text-transform:none; cursor:pointer; }
.toggle input { width:17px; height:17px; accent-color:var(--blue); }
.eyebrow { display:inline-flex; align-items:center; gap:9px; margin-bottom:clamp(10px,1.8vh,22px); font-size:clamp(11px,1.2vh,12px); font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.eyebrow::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--blue); }
h1 { max-width:650px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(38px,min(5.2vw,6.8vh),76px); line-height:1.02; letter-spacing:-.05em; margin:0 0 clamp(12px,2vh,24px); font-weight:700; }
#heroTitle { min-height:2.05em; }
#heroTitle.typing::after { content:""; display:inline-block; width:.05em; height:.9em; margin-left:.09em; background:currentColor; vertical-align:-.1em; animation:hero-caret 1.05s steps(2,start) infinite; }
@keyframes hero-caret { 0%,50%{opacity:1} 50.01%,100%{opacity:0} }
.subtitle { color:var(--muted); font-size:clamp(15px,min(1.6vw,2.1vh),19px); line-height:1.44; margin:0 0 clamp(14px,2.2vh,26px); max-width:580px; }
.proof { display:flex; flex-wrap:wrap; gap:clamp(6px,1vh,9px) clamp(12px,1.5vw,18px); color:var(--muted); font-size:clamp(11px,1.3vh,12px); font-weight:650; }
.proof span { display:flex; align-items:center; gap:7px; }
.proof span::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--ink); }
.prompt-panel { position:relative; }
.prompt-panel::before { content:attr(data-label-for); position:absolute; top:-12px; right:20px; color:var(--blue); font-size:10px; font-weight:900; letter-spacing:.15em; transform:rotate(3deg); padding:2px 7px; border:1px solid var(--blue); border-radius:2px; background:var(--surface); box-shadow:0 2px 5px var(--hard-shadow); z-index:3; pointer-events:none; }
.question-box { position:relative; background:var(--surface); border:1px solid var(--line); border-radius:6px; padding:clamp(6px,1vh,10px); box-shadow:0 14px 35px var(--hard-shadow); text-align:left; }
.question-box::after { content:attr(data-label-against); position:absolute; bottom:-10px; left:20px; color:var(--red); font-size:10px; font-weight:900; letter-spacing:.15em; transform:rotate(-3deg); padding:2px 7px; border:1px solid var(--red); border-radius:2px; background:var(--surface); box-shadow:0 2px 5px var(--hard-shadow); z-index:3; pointer-events:none; }
.question-box::before { content:attr(data-label-header); display:block; padding:clamp(6px,1vh,11px) 14px 4px; color:var(--muted); font-size:clamp(10px,1.2vh,11px); font-weight:850; letter-spacing:.13em; }
textarea { display:block; width:100%; min-height:clamp(100px,13vh,145px); resize:vertical; border:0; outline:0; padding:clamp(8px,1.2vh,12px) 14px clamp(10px,1.5vh,18px); color:var(--ink); background:transparent; font:600 clamp(17px,2.1vh,22px)/1.35 Georgia,"Times New Roman",serif; }
textarea::placeholder { color:var(--placeholder); opacity:1; }
.question-actions { display:flex; align-items:center; justify-content:flex-end; gap:16px; padding:clamp(8px,1.2vh,12px) 10px clamp(14px,2vh,18px) 10px; border-top:1px solid var(--line); color:var(--muted); font-size:clamp(11px,1.3vh,12px); }
.question-actions .primary { flex-shrink:0; white-space:nowrap; }
.question-subline { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:clamp(6px,1vh,10px) 4px 0; }
.question-status { display:flex; align-items:center; gap:7px; border:0; background:none; padding:0; color:var(--muted); font-size:12px; font-weight:700; cursor:pointer; text-decoration:none; text-underline-offset:3px; }
.question-status:hover { color:var(--ink); text-decoration:underline; text-decoration-color:var(--line); }
.question-status::before { content:""; width:7px; height:7px; flex-shrink:0; border-radius:50%; background:var(--subtle); }
.question-status.ready::before { background:var(--success); }
.question-example { margin:0; color:var(--muted); font-size:clamp(11px,1.3vh,12px); }
.example-link { border:0; background:none; padding:0; color:var(--blue); font:inherit; font-weight:700; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.example-link:hover { color:var(--blue-strong); }
.primary { border:1px solid #b6cf44; background:var(--acid); color:var(--on-acid); border-radius:5px; padding:11px 18px; font-weight:750; box-shadow:0 4px 12px rgba(89,104,25,.2); transition:transform .16s,box-shadow .16s,background .16s; }
.primary:hover { transform:translateY(-1px); background:#e2f76f; box-shadow:0 7px 16px rgba(89,104,25,.24); }
.primary:disabled { opacity:.45; cursor:wait; transform:none; box-shadow:none; }
.homepage-method { margin:clamp(10px,1.8vh,20px) 0 0; color:var(--muted); font-size:clamp(11px,1.3vh,12px); line-height:1.5; }
.homepage-method summary { width:max-content; color:var(--ink); }
.homepage-method p { max-width:520px; margin:8px 0 0; }
.landing-privacy { margin:clamp(8px,1.4vh,16px) 0 0; color:var(--muted); font-size:clamp(11px,1.3vh,12px); }
.landing-privacy a { color:inherit; text-underline-offset:3px; }
.framing-intro { max-width:700px; margin:0 auto 26px; }
.framing-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin:20px 0; text-align:left; }
.framing-grid .wide { grid-column:1/-1; }
.context-field { padding:15px; background:var(--surface-faint); border:1px solid var(--line); }
.context-field textarea { min-height:92px; padding:9px 10px; border:1px solid var(--line); background:var(--field); font:14px/1.45 Inter,ui-sans-serif,sans-serif; resize:vertical; }
.context-field textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px var(--focus-ring); }
.context-help { display:block; margin-top:6px; color:var(--subtle); font-size:12px; }
.framing-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:9px; }
.framing-tools button { padding:7px 10px; font-size:11px; }
.framing-status { color:var(--muted); font-size:11px; }
.method-note { margin:14px auto 22px; max-width:720px; color:var(--muted); font-size:11px; text-align:left; }
.method-note summary { width:max-content; }
.error { color:var(--danger); font-size:13px; margin-top:16px; min-height:20px; font-weight:650; }
.session-error { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:4px 13px; align-items:center; width:min(720px,100%); margin:28px auto 0; padding:16px 17px; color:var(--red-strong); background:var(--red-soft); border:1px solid var(--red); border-left:5px solid var(--red); }
.session-error[hidden] { display:none; }
.session-error-icon { grid-row:1/3; display:grid; place-items:center; width:28px; height:28px; border:1.5px solid currentColor; border-radius:50%; font-size:15px; font-weight:900; }
.session-error-title { font-size:13px; font-weight:850; }
.session-error-detail { color:var(--ink); font-size:12px; line-height:1.45; }
.session-error-action { grid-column:3; grid-row:1/3; border:1px solid currentColor; border-radius:2px; padding:7px 10px; color:inherit; background:transparent; font-size:11px; font-weight:800; white-space:nowrap; }
.session-error-action:hover { color:var(--ink); background:var(--surface-faint); }
.session-error.stopped { color:var(--blue-strong); background:var(--blue-soft); border-color:var(--blue); }
.session { width:min(900px,100%); margin:0 auto; padding:54px 0 100px; }
.session[hidden],.landing[hidden] { display:none; }
.session-header { padding-bottom:29px; border-bottom:1.5px solid var(--ink); margin-bottom:32px; }
.session-topic-bar { position:fixed; top:clamp(56px,7vh,72px); left:50%; z-index:4; width:min(900px,calc(100% - 48px)); padding:10px 16px 11px; transform:translateX(-50%); border:1px solid var(--line); border-top:0; border-radius:0 0 7px 7px; background:var(--nav); box-shadow:0 8px 22px var(--hard-shadow); backdrop-filter:blur(18px); }
.session-topic-bar[hidden] { display:none; }
.session-topic-bar-kicker { margin-bottom:3px; color:var(--muted); font-size:9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.session-topic-bar-text { display:-webkit-box; overflow:hidden; font:700 clamp(17px,2.4vw,21px)/1.2 Georgia,"Times New Roman",serif; letter-spacing:-.025em; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.hosted-limit-note { margin:14px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
.session-dashboard { margin-bottom:34px; padding:18px 20px 16px; border:1px solid var(--line); border-radius:6px; background:var(--surface-faint); box-shadow:0 5px 16px var(--line-soft); }
.session-tools { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:20px; }
.session-tools-label { display:flex; align-items:center; gap:9px; color:var(--muted); font-size:11px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.session-tools-label::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--blue); }
.view-switch { display:inline-flex; gap:3px; padding:3px; border:1px solid var(--line); border-radius:999px; background:var(--surface-faint); }
.view-button { min-width:88px; border:0; border-radius:999px; padding:7px 13px; color:var(--muted); background:transparent; font-size:11px; font-weight:800; }
.view-button[aria-pressed="true"] { color:var(--inverse-ink); background:var(--ink); }
.session-kicker { color:var(--muted); font-size:11px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; margin-bottom:12px; }
.topic { font:700 clamp(32px,5vw,50px)/1.06 Georgia,"Times New Roman",serif; letter-spacing:-.045em; margin:0; overflow-wrap:anywhere; }
.steps { display:grid; grid-template-columns:repeat(5,1fr); color:var(--subtle); counter-reset:session-step; }
.step { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:9px; min-width:0; padding-right:10px; font-size:11px; font-weight:800; letter-spacing:.07em; line-height:1.2; text-transform:uppercase; counter-increment:session-step; }
.step::before { content:counter(session-step); position:relative; z-index:1; display:grid; place-items:center; width:26px; height:26px; border:1.5px solid var(--line); border-radius:50%; color:var(--subtle); background:var(--surface); font-size:9px; font-variant-numeric:tabular-nums; }
.step::after { content:""; position:absolute; top:12px; left:26px; right:0; height:2px; background:var(--line); }
.step:last-child { padding-right:0; }
.step:last-child::after { display:none; }
.step.active { color:var(--ink); }
.step.active::before { color:var(--inverse-ink); background:var(--ink); border-color:var(--ink); box-shadow:0 0 0 4px var(--focus-ring); }
.step.done { color:var(--blue); }
.step.done::before { content:"\2713"; color:var(--inverse-ink); background:var(--blue); border-color:var(--blue); font-size:12px; }
.step.done::after { background:var(--blue); }
.coin-panel { text-align:center; padding:24px 0 54px; cursor:pointer; }
.coin-panel[hidden] { display:none; }
.coin { width:92px; height:92px; margin:0 auto 21px; display:grid; place-items:center; border-radius:50%; background:var(--blue-soft); border:1px solid var(--blue); box-shadow:0 8px 20px var(--hard-shadow); font-size:12px; font-weight:900; letter-spacing:.08em; color:var(--blue-strong); }
.coin.flipping { animation:flip .9s cubic-bezier(.2,.8,.2,1); }
@keyframes flip { 0%{transform:rotateY(0) translateY(0)} 50%{transform:rotateY(900deg) translateY(-22px)} 100%{transform:rotateY(1800deg) translateY(0)} }
.coin-result { font:700 20px Georgia,serif; } .coin-note { color:var(--muted); font-size:13px; margin-top:4px; }
.conversation { display:grid; gap:18px; }
.message { position:relative; padding:22px 24px 24px; background:var(--surface-soft); border:1px solid var(--line); }
.message.a { border-left:5px solid var(--blue); margin-right:7%; }
.message.b { border-right:5px solid var(--red); margin-left:7%; }
.speaker { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-width:0; font-size:13px; font-weight:800; margin:0 0 11px; }
.speaker-name { min-width:0; overflow-wrap:anywhere; }
.speaker-model { color:var(--muted); font-size:11px; font-weight:750; letter-spacing:.04em; }
.unavailable-label { padding:3px 7px; border:1px solid var(--red); border-radius:999px; color:var(--red-strong); background:var(--red-soft); font-size:10px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.message.unavailable { border-style:dashed; }
.position { display:inline-block; border-radius:999px; padding:3px 8px; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.message.a .position { background:var(--blue-soft); color:var(--blue); }
.message.b .position { background:var(--red-soft); color:var(--red-strong); }
.round { color:var(--muted); font-size:11px; font-weight:700; margin-left:auto; text-transform:uppercase; letter-spacing:.08em; }
.generation-status { display:flex; align-items:center; gap:9px; min-height:27px; margin:2px 0 8px; color:var(--muted); font-size:12px; font-weight:700; }
.generation-status[hidden] { display:none; }
.generation-status::before { content:""; width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:currentColor; animation:status-pulse 1.2s ease-in-out infinite; }
.generation-status.retry { color:var(--red); }
@keyframes status-pulse { 0%,100%{opacity:.28;transform:scale(.78)} 50%{opacity:1;transform:scale(1)} }
.response-summary { position:relative; display:flex; align-items:flex-start; gap:9px; width:fit-content; max-width:min(100%,680px); margin:4px 0 17px; padding:10px 13px; border:1px solid var(--line); border-radius:14px; background:var(--surface); color:var(--ink); font-size:13px; line-height:1.45; box-shadow:0 5px 13px var(--hard-shadow); }
.response-summary[hidden] { display:none; }
.response-summary::after { content:""; position:absolute; bottom:-6px; width:10px; height:10px; background:var(--surface); border-right:1px solid var(--line); border-bottom:1px solid var(--line); transform:rotate(45deg); }
.message.a .response-summary::after { left:18px; }
.message.b .response-summary { margin-left:auto; }
.message.b .response-summary::after { right:18px; }
.response-summary-label { flex:0 0 auto; margin-top:1px; color:var(--muted); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.response-summary-text { font-weight:750; }
.message-text { font:17px/1.68 Georgia,"Times New Roman",serif; white-space:pre-wrap; overflow-wrap:anywhere; }
.message-text:empty { display:none; }
.reasoning { margin:16px 0 0; padding-top:12px; border-top:1px dashed var(--line); }
.reasoning[hidden] { display:none; }
.reasoning > summary { display:flex; align-items:center; gap:7px; width:max-content; list-style:none; color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.reasoning > summary::-webkit-details-marker { display:none; }
.reasoning > summary::before { content:"+"; display:grid; place-items:center; width:15px; height:15px; border:1px solid var(--line); border-radius:50%; font-size:12px; line-height:1; }
.reasoning[open] > summary::before { content:"−"; }
.reasoning-text { margin:11px 0 2px 22px; color:var(--muted); font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.response-meta { display:flex; flex-wrap:wrap; gap:5px 12px; margin-top:13px; padding-top:10px; border-top:1px solid var(--line-soft); color:var(--subtle); font-size:11px; font-weight:600; letter-spacing:.025em; font-variant-numeric:tabular-nums; }
.response-meta:empty { display:none; }
.message-text strong { position:relative; z-index:0; font-weight:700; padding:0 .08em; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.message.a .message-text strong { background:linear-gradient(transparent 50%,var(--blue-highlight) 50%); color:var(--blue-strong); }
.message.b .message-text strong { background:linear-gradient(transparent 50%,var(--red-highlight) 50%); color:var(--red-strong); }
.message.has-emphasis::after { content:"Central claim"; position:absolute; top:50%; color:var(--muted); font-size:9px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; writing-mode:vertical-rl; }
.message.a.has-emphasis::after { right:-22px; }
.message.b.has-emphasis::after { left:-22px; transform:rotate(180deg); }
.message.decisive-source { outline:3px solid var(--blue); outline-offset:4px; }
.cursor::after { content:""; display:inline-block; width:2px; height:17px; margin-left:3px; background:currentColor; vertical-align:-2px; animation:blink .8s infinite; }
@keyframes blink { 50% { opacity:0; } }
.thinking { color:var(--muted); font-size:12px; min-height:38px; margin:22px 0 0; font-weight:650; }
.thinking.assessing { display:grid; grid-template-columns:auto 1fr; gap:4px 15px; align-items:center; min-height:0; padding:19px 21px; color:var(--inverse-ink); background:var(--ink); border:1px solid var(--edge); border-radius:6px; box-shadow:0 9px 22px var(--hard-shadow); }
.assessment-pulse { grid-row:1/4; width:14px; height:14px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 0 var(--blue); animation:assessment-pulse 1.35s ease-out infinite; }
.assessment-progress-title { color:var(--blue-strong); font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.assessment-progress-copy { font:700 20px/1.25 Georgia,"Times New Roman",serif; }
.assessment-progress-model { color:var(--subtle); font-size:11px; font-weight:750; letter-spacing:.04em; }
@keyframes assessment-pulse { 0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--blue) 65%,transparent)} 75%,100%{box-shadow:0 0 0 13px transparent} }
.judge { margin:42px 0; padding:32px; color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:6px; box-shadow:0 12px 32px var(--hard-shadow); }
.judge[hidden] { display:none; }
.judge-label { color:var(--muted); font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.1em; }
.winner { font:700 36px/1 Georgia,"Times New Roman",serif; letter-spacing:-.04em; margin:10px 0 13px; overflow-wrap:anywhere; }
.verdict { color:var(--ink); font:500 16px/1.7 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; margin-bottom:28px; max-width:720px; overflow-wrap:anywhere; }
.brief-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:12px; margin:22px 0; }
.brief-card { padding:17px; border:1px solid var(--line); background:var(--surface-faint); }
.brief-card.crux { grid-column:1/-1; background:var(--contrast-surface); color:var(--contrast-ink); border-color:var(--contrast-surface); }
.brief-card h3 { margin:0 0 9px; font-size:11px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.brief-card.crux h3 { color:#aebdff; }
.brief-card p,.brief-card li { margin:0; font:400 15px/1.65 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.brief-card p,.brief-card li,.verdict-card p,.verdict-card blockquote,.claim-copy,.claim-note,.reason { overflow-wrap:anywhere; }
.brief-card.crux p { color:var(--contrast-ink); }
.brief-card ul { margin:0; padding-left:18px; }
.brief-card li+li { margin-top:5px; }
.brief-summary { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:24px 0; }
.brief-summary .brief-card { min-height:132px; }
.brief-summary .next { background:var(--blue-soft); color:var(--ink); border-color:var(--blue); }
.brief-summary .next h3 { color:var(--blue-strong); }
.full-analysis { margin:26px 0 0; padding-top:18px; border-top:1px solid var(--line); }
.full-analysis > summary { display:flex; align-items:center; justify-content:space-between; width:100%; list-style:none; padding:12px 0; color:var(--ink); font-size:12px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.full-analysis > summary::-webkit-details-marker { display:none; }
.full-analysis > summary::after { content:"+"; display:grid; place-items:center; width:24px; height:24px; border:1px solid var(--line); border-radius:50%; font-size:16px; }
.full-analysis[open] > summary::after { content:"−"; }
.full-analysis-body { padding-top:8px; }
.trust-note { margin:20px 0 0; padding-top:15px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; line-height:1.6; }
.claim-audit { margin:18px 0 24px; }
.claim-row { display:grid; grid-template-columns:auto 1fr; gap:5px 10px; padding:10px 0; border-top:1px solid var(--line); }
.claim-status { align-self:start; padding:3px 7px; border-radius:999px; color:var(--ink); background:var(--paper); border:1px solid var(--line); font-size:10px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.claim-copy { font-size:13px; line-height:1.55; }
.claim-note { grid-column:2; color:var(--muted); font-size:12px; line-height:1.55; }
.verdict-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:22px 0; }
.verdict-card { padding:16px; border:1px solid var(--line); background:var(--surface-faint); }
.verdict-card h3 { margin:0 0 9px; font-size:11px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.verdict-card p { margin:0; color:var(--ink); font:400 15px/1.65 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.verdict-card blockquote { margin:11px 0 0; padding-left:13px; border-left:3px solid var(--ink); font:600 14px/1.65 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.decisive-card { grid-column:1/-1; background:var(--contrast-surface); color:var(--contrast-ink); border-color:var(--contrast-surface); }
.decisive-card h3 { color:#aebdff; }
.decisive-card p { color:var(--contrast-ink); }
.decisive-card blockquote { border-color:#aebdff; color:var(--contrast-ink); }
.find-point { border:0; background:none; color:#aebdff; padding:10px 0 0; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.confidence { display:flex; align-items:center; gap:12px; margin-top:16px; font-size:11px; font-weight:800; }
.confidence-track { flex:1; height:6px; background:var(--line); overflow:hidden; }
.confidence-fill { height:100%; background:var(--blue); }
.assessment-retry { display:flex; align-items:center; gap:12px; margin:18px 0; }
.assessment-retry span { font-size:12px; color:var(--muted); }
table { width:100%; table-layout:fixed; border-collapse:collapse; font-size:13px; line-height:1.45; }
th,td { border-top:1px solid var(--line); padding:12px 6px; text-align:right; overflow-wrap:anywhere; } th:first-child,td:first-child { text-align:left; } th { color:var(--ink); font-weight:700; }
.post-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:34px; }
.post-actions[hidden],.post-actions button[hidden] { display:none; }
.secondary { border:1px solid var(--edge); background:transparent; color:var(--ink); border-radius:5px; padding:10px 16px; font-weight:700; }
.secondary:hover { background:var(--surface); }
.export-menu { position:relative; margin:0; }
.export-menu > summary { list-style:none; border:1px solid var(--edge); background:transparent; color:var(--ink); border-radius:5px; padding:10px 16px; font-size:15px; font-weight:700; cursor:pointer; }
.export-menu > summary::-webkit-details-marker { display:none; }
.export-options { position:absolute; right:0; bottom:calc(100% + 9px); z-index:4; width:190px; display:grid; padding:7px; background:var(--surface); border:1px solid var(--line); border-radius:5px; box-shadow:0 8px 22px var(--hard-shadow); }
.export-options button { border:0; background:none; color:var(--ink); padding:9px 10px; text-align:left; font-size:12px; font-weight:700; }
.export-options button:hover { background:var(--blue-soft); color:var(--blue); }
.live-controls { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:8px; margin:17px 0 0; padding-top:14px; border-top:1px solid var(--line-soft); }
.live-controls[hidden] { display:none; }
.control { border:1px solid var(--line); border-radius:2px; background:var(--surface); color:var(--muted); padding:7px 11px; font-size:11px; font-weight:800; }
.control:hover { color:var(--ink); border-color:var(--ink); }
.control.assess { color:var(--inverse-ink); background:var(--ink); border-color:var(--ink); }
.control.assess:hover { color:var(--inverse-ink); transform:translateY(-1px); }
.control.danger { margin-left:4px; color:var(--danger); border-color:color-mix(in srgb,var(--danger) 42%,transparent); background:var(--red-soft); }
.control.danger:hover { color:var(--danger); border-color:var(--danger); background:var(--red-soft); }
.control:disabled { opacity:.35; cursor:default; transform:none; }
dialog { width:min(650px,calc(100% - 28px)); max-height:calc(100vh - 50px); border:1px solid var(--line); border-radius:7px; padding:0; box-shadow:0 18px 44px var(--hard-shadow); color:var(--ink); background:var(--surface); }
dialog::backdrop { background:var(--overlay); backdrop-filter:blur(4px); }
.dialog-head { display:flex; align-items:center; justify-content:space-between; padding:20px 22px 16px; border-bottom:1px solid var(--line); }
.dialog-head h2 { margin:0; font:700 24px Georgia,serif; letter-spacing:-.025em; outline:none; }
.close { border:1px solid var(--line-soft); background:var(--surface-faint); color:var(--ink); padding:6px 12px; font-size:12px; font-weight:700; border-radius:2px; cursor:pointer; transition:background .15s, border-color .15s; }
.close:hover { background:var(--hover); border-color:var(--line); color:var(--ink); }
.dialog-body { padding:21px 22px 28px; overflow-y:auto; max-height:calc(100vh - 125px); }
.role { padding:16px 0; border-bottom:1px solid var(--line); } .role:first-child { padding-top:0; }
.role-head { display:flex; align-items:center; justify-content:space-between; }
.model-name { font-size:16px; font-weight:750; overflow-wrap:anywhere; }
.settings-intro { margin:0 0 18px; color:var(--muted); font-size:12px; }
.settings-tabs { display:flex; gap:6px; margin:0 0 18px; border-bottom:1px solid var(--line); }
.settings-tabs[hidden] { display:none; }
.settings-tab { padding:8px 14px; border:1px solid transparent; border-bottom:none; border-radius:8px 8px 0 0; background:transparent; color:var(--muted); font-size:12px; font-weight:800; margin-bottom:-1px; cursor:pointer; }
.settings-tab:hover { color:var(--ink); background:var(--surface-faint); }
.settings-tab.active { color:var(--ink); border-color:var(--line); background:var(--surface); }
.settings-tab[hidden] { display:none; }
.settings-panel[hidden] { display:none; }
.hosted-defaults { margin:0 0 20px; padding:15px; border:1px solid var(--blue); background:var(--blue-soft); }
.hosted-defaults[hidden] { display:none; }
.hosted-defaults strong { display:block; color:var(--blue-strong); font-size:13px; }
.hosted-defaults span { display:block; margin-top:4px; color:var(--ink); font-size:11px; line-height:1.5; }
.hosted-limits { margin:10px 0 0; padding-top:10px; border-top:1px solid var(--line); color:var(--ink); font-size:11px; line-height:1.6; }
.settings-section-label { margin:20px 0 4px; color:var(--muted); font-size:11px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.settings-section-label[hidden] { display:none; }
.independence-note { margin-top:15px; padding:11px 12px; background:var(--blue-soft); color:var(--blue-strong); font-size:11px; }
.health { color:var(--muted); font-size:11px; font-weight:700; } .health.ready,.health.loaded { color:var(--success); } .health.unreachable,.health.missing,.health.invalid,.health.unauthorized,.health.busy { color:var(--danger); }
.health-action { display:flex; justify-content:flex-end; margin-top:18px; }
.account-panel { display:grid; gap:16px; }
.account-panel[hidden] { display:none; }
.account-panel p { margin:0; color:var(--muted); font-size:13px; }
.account-name { color:var(--ink); font:700 20px/1.25 Georgia,serif; overflow-wrap:anywhere; }
.profile-allowance { display:grid; gap:9px; padding:15px; border:1px solid var(--line); background:var(--surface-soft); }
.profile-allowance-head { display:flex; justify-content:space-between; align-items:baseline; gap:16px; }
.profile-allowance-head span { color:var(--muted); font-size:11px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.profile-allowance-head strong { color:var(--blue); font-size:14px; }
.profile-allowance-track { display:block; width:100%; height:7px; overflow:hidden; border:0; border-radius:999px; background:var(--line); appearance:none; }
.profile-allowance-track::-webkit-progress-bar { background:var(--line); border-radius:inherit; }
.profile-allowance-track::-webkit-progress-value { background:var(--blue); border-radius:inherit; }
.profile-allowance-track::-moz-progress-bar { background:var(--blue); border-radius:inherit; }
.profile-allowance p { margin:0; font-size:11px; line-height:1.5; }
.account-actions { display:flex; flex-direction:column; gap:9px; padding-top:12px; width:100%; }
.account-actions button { width:100%; }
.account-actions .danger-button { color:var(--danger); border-color:var(--danger); }
.account-actions .danger-button:hover { background:var(--red-soft); }
.google-signin { display:flex; align-items:center; justify-content:center; width:min(400px,100%); min-height:44px; margin:16px auto 4px; position:relative; }
.google-signin iframe { display:block!important; margin:0 auto!important; max-width:100%!important; }
.account-status { min-height:20px; color:var(--danger); font-size:12px; font-weight:650; }
.reason-list { display:grid; gap:12px; margin:22px 0 28px; }
.reason { color:var(--ink); font-size:13px; line-height:1.6; } .reason strong { color:var(--ink); }
label { display:block; font-size:12px; color:var(--muted); font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:7px; }
select,input { width:100%; border:1px solid var(--line); border-radius:2px; background:var(--field); padding:10px 11px; color:var(--ink); outline:none; }
select:focus,input:focus { border-color:var(--blue); box-shadow:0 0 0 3px var(--focus-ring); }
details { margin-top:9px; } summary { color:var(--blue); font-size:11px; font-weight:700; cursor:pointer; }
.connection { display:grid; gap:7px; margin-top:10px; }
.reasoning-control { display:grid; grid-template-columns:1fr minmax(130px,180px); align-items:center; gap:12px; margin-top:14px; }
.reasoning-control label { color:var(--muted); font-size:12px; font-weight:700; }
.reasoning-control small { display:block; margin-top:3px; color:var(--subtle); font-size:11px; font-weight:500; }
.settings-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:22px; }
.settings-row[hidden] { display:none; }
.history-list { display:grid; gap:0; }
.history-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:start; border-bottom:1px solid var(--line); padding:18px 2px; }
.history-open { display:grid; gap:7px; min-width:0; padding:0; border:0; background:none; color:var(--ink); text-align:left; }
.history-open:hover .history-topic { color:var(--blue); }
.history-delete { border:0; border-radius:4px; padding:6px 8px; color:var(--muted); background:transparent; font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.history-delete:hover { color:var(--danger); background:var(--red-soft); }
.history-delete:focus-visible { color:var(--danger); }
.history-topline { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.history-topic { font:700 18px/1.25 Georgia,serif; overflow-wrap:anywhere; }
.history-meta { color:var(--muted); font-size:11px; }
.history-summary { display:-webkit-box; overflow:hidden; color:var(--muted); font:13px/1.45 Georgia,serif; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.history-status { flex:0 0 auto; padding:3px 7px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:10px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.history-status.done { color:var(--blue-strong); border-color:var(--blue); background:var(--blue-soft); }
.empty-state { padding:32px 8px; text-align:center; color:var(--muted); }
.sound-setting { display:flex; align-items:flex-start; gap:10px; margin-top:20px; padding:14px; border:1px solid var(--line); background:var(--surface-faint); }
.sound-setting input { flex:0 0 auto; width:17px; height:17px; margin-top:2px; accent-color:var(--blue); }
.sound-setting label { margin:0; color:var(--ink); font-size:12px; letter-spacing:0; text-transform:none; }
.sound-setting small { display:block; margin-top:3px; color:var(--muted); font-weight:500; }
.speech-options { margin-top:8px; padding:12px 14px; border:1px solid var(--line); border-radius:4px; background:var(--surface); display:flex; flex-direction:column; gap:10px; }
.speech-options[hidden] { display:none; }
.speech-option-row { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); gap:12px; }
.speech-option-row label { display:block; font-size:11px; font-weight:750; color:var(--muted); margin-bottom:4px; text-transform:uppercase; letter-spacing:.05em; }
.speech-option-row select { width:100%; padding:7px 9px; border:1px solid var(--line); border-radius:4px; background:var(--field); color:var(--ink); font-size:13px; }
.speech-preview-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:2px; flex-wrap:wrap; }
.speech-test-btn { display:inline-flex; align-items:center; gap:6px; padding:6px 11px; font-size:12px; font-weight:700; border-radius:4px; border:1px solid var(--line); background:var(--surface-faint); color:var(--ink); cursor:pointer; }
.speech-test-btn:hover { background:var(--hover); border-color:var(--ink); }
.speech-test-btn.speaking { color:var(--blue); border-color:var(--blue); background:var(--blue-soft); }
.speech-badge { font-size:11px; font-weight:650; color:var(--muted); }
.speech-badge.neural { color:var(--success); }
.judge-speak-btn { margin-left:8px; vertical-align:middle; display:inline-grid; }
.speak-btn { display:inline-grid; place-items:center; width:26px; height:26px; margin:0; padding:0; border:1px solid var(--line); border-radius:999px; background:var(--surface); color:var(--muted); cursor:pointer; }
.speak-btn:hover { color:var(--ink); border-color:var(--line-strong); }
.speak-btn .speaker-on { display:none; }
.speak-btn.speaking { color:var(--blue); border-color:var(--blue); background:var(--blue-soft); }
.speak-btn.speaking .speaker-off { display:none; }
.speak-btn.speaking .speaker-on { display:flex; align-items:flex-end; gap:2px; height:12px; }
.speak-btn .speaker-on span { display:block; width:2px; background:currentColor; border-radius:1px; animation:speak-bar 1s ease-in-out infinite; }
.speak-btn .speaker-on span:nth-child(2) { animation-delay:.18s; }
.speak-btn .speaker-on span:nth-child(3) { animation-delay:.36s; }
@keyframes speak-bar { 0%,100%{height:4px;opacity:.55} 50%{height:12px;opacity:1} }
.session.debate-view .judge { display:none!important; }
.session.report-view .steps,.session.report-view .live-controls,.session.report-view .coin-panel,.session.report-view .conversation,.session.report-view .thinking { display:none!important; }
.session.report-view .judge { margin-top:0; }
.privacy-note { margin:34px 0 0; color:var(--muted); font-size:12px; }
.privacy-note a { color:inherit; text-underline-offset:3px; }
.impact { position:fixed; inset:0; z-index:20; display:grid; place-items:center; pointer-events:none; visibility:hidden; opacity:0; background:var(--impact-bg); }
.impact.verdict { inset:0 50% 0 0; background:rgba(32,33,29,.9); }
.impact.show { visibility:visible; animation:impact-in .82s cubic-bezier(.2,.8,.2,1); }
.impact-word { color:var(--impact-ink); font:italic 900 clamp(50px,11vw,132px)/.9 Georgia,serif; letter-spacing:-.07em; text-transform:uppercase; text-shadow:0 4px 12px rgba(0,0,0,.3); transform:skew(-3deg); }
.impact.b .impact-word { color:#ffd0c7; }
.impact.verdict .impact-word { color:#e6f78c; font-size:clamp(38px,7vw,86px); }
@keyframes impact-in { 0%{opacity:0} 18%,70%{opacity:1} 100%{opacity:0} }
:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
@media(prefers-color-scheme:dark){
  :root { --paper:#0f110e; --surface:#181a16; --surface-soft:rgba(24,26,22,.84); --surface-faint:rgba(24,26,22,.7); --field:#141612; --ink:#d8d8cf; --edge:#686b61; --hard-shadow:rgba(0,0,0,.32); --placeholder:#b8b8ae; --inverse-ink:#171812; --contrast-surface:#080906; --contrast-ink:#dcdcd4; --muted:#aaa99f; --subtle:#8f9087; --line:#40433b; --line-soft:rgba(216,216,207,.12); --blue:#8da0ff; --blue-soft:#252d54; --blue-strong:#b6c1ff; --blue-highlight:rgba(141,160,255,.18); --focus-ring:rgba(141,160,255,.2); --red:#ff806b; --red-soft:#502a24; --red-strong:#ffad9f; --red-highlight:rgba(255,128,107,.18); --acid-card:rgba(20,22,17,.1); --acid-line:rgba(23,24,18,.28); --danger:#ff8b7e; --success:#78ce85; --disabled-shadow:#34362f; --nav:rgba(15,17,14,.88); --hover:rgba(216,216,207,.07); --overlay:rgba(0,0,0,.68); --impact-ink:#dcdcd4; --page-glow:rgba(216,243,91,.08); --shadow:0 16px 40px rgba(0,0,0,.3); }
}
@media(max-width:880px){ .landing{grid-template-columns:1fr;gap:62px;padding-top:60px}.intro{max-width:720px}.prompt-panel{width:min(620px,calc(100% - 14px))}h1{max-width:760px}.page{width:min(100% - 36px,900px)} }
@media(max-width:600px){ .nav{height:64px;padding:0 16px}.wordmark{font-size:16px}.brand-mark{width:25px;height:25px}.text-button{padding:8px}.page{width:min(100% - 28px,900px)}.landing{min-height:auto;padding:48px 0 82px;gap:50px}h1{font-size:53px}.subtitle{font-size:17px}.proof{display:grid;gap:7px}.impact.verdict{inset:0 18% 0 0}.question-box{box-shadow:0 10px 24px var(--hard-shadow)}textarea{min-height:150px;font-size:20px}.question-actions{flex-direction:column;align-items:stretch}.question-actions span{max-width:none}.framing-grid,.brief-grid,.brief-summary{grid-template-columns:1fr}.framing-grid .wide,.brief-card.crux{grid-column:auto}.session{padding-top:38px}.session-dashboard{padding:14px;margin-bottom:26px}.session-tools{align-items:flex-start;margin-bottom:17px}.session-tools-label{padding-top:7px}.view-button{min-width:0;padding:7px 10px}.steps{grid-template-columns:repeat(5,26px);justify-content:space-between}.step{display:block;width:26px;padding:0}.step-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.step::after{left:26px;right:auto;width:calc((100vw - 186px)/4)}.live-controls{justify-content:stretch}.control{flex:1}.control.danger{flex-basis:100%;margin-left:0}.topic{font-size:34px}.message.a{margin-right:0}.message.b{margin-left:0}.message{padding:18px}.message.has-emphasis::after{display:none}.session-error{grid-template-columns:auto 1fr}.session-error-action{grid-column:2;grid-row:3;margin-top:7px;width:max-content}.judge{padding:22px;box-shadow:0 10px 26px var(--hard-shadow)}.verdict-grid{grid-template-columns:1fr}.decisive-card{grid-column:auto}.settings-row{grid-template-columns:1fr}.round{width:100%;margin-left:0}.winner{font-size:30px}.history-topline{align-items:flex-start;flex-direction:column}.history-status{order:-1} }
@media(max-width:880px){ .session-topic-bar{width:min(100% - 36px,900px)} }
@media(max-width:600px){ .session-topic-bar{top:64px;width:min(100% - 28px,900px);padding:9px 12px 10px} }
@media(max-width:380px){ .nav{padding:0 12px}.wordmark span:last-child{display:none}.nav-actions{gap:2px}.text-button{padding:8px 6px;font-size:12px}.page{width:calc(100% - 24px)}h1{font-size:45px}.position-actions{flex-wrap:wrap}.position-actions button{flex:1 1 135px}.framing-tools{align-items:flex-start;flex-direction:column}.post-actions>*{width:100%}.export-menu>summary{width:100%;text-align:center}.export-options{left:0;right:auto;width:100%} }
@media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto}.coin.flipping,.cursor::after,.generation-status::before,.assessment-pulse,.impact.show{animation:none}.impact.show{visibility:visible;opacity:1}.primary{transition:none} }
@media print { :root{color-scheme:light;--paper:#fff;--surface:#fff;--surface-soft:#fff;--field:#fff;--ink:#171812;--inverse-ink:#fff;--muted:#65665f;--subtle:#898981;--line:#cac6bb;--line-soft:rgba(23,24,18,.14);--blue:#2648e8;--red:#e84c31} body{background:#fff}.nav,.steps,.live-controls,.post-actions,.thinking,.impact,.session-topic-bar{display:none!important}.page,.session{width:100%;padding:0}.message{break-inside:avoid;background:#fff}.judge{break-inside:avoid;box-shadow:none;margin-top:28px} }

.lang-picker { position:relative; display:inline-flex; align-items:center; }
.lang-button { display:inline-flex; align-items:center; gap:6px; padding:7px 11px; font-size:13px; font-weight:650; border:1px solid transparent; border-radius:999px; background:transparent; color:var(--ink); cursor:pointer; transition:all .15s ease; user-select:none; }
.lang-button:hover, .lang-button[aria-expanded="true"] { border-color:var(--line); background:var(--hover); }
.lang-button:focus-visible { outline:3px solid var(--blue); outline-offset:2px; }
.lang-flag { font-size:14px; line-height:1; }
.lang-code { font-size:12px; font-weight:750; letter-spacing:.04em; }
.lang-caret { width:9px; height:6px; opacity:.65; transition:transform .2s ease; }
.lang-button[aria-expanded="true"] .lang-caret { transform:rotate(180deg); }

.lang-menu { position:absolute; top:calc(100% + 8px); right:0; min-width:220px; max-height:380px; overflow-y:auto; background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:6px; box-shadow:0 14px 36px var(--hard-shadow), 0 2px 8px var(--hard-shadow); z-index:100; animation:lang-pop .18s cubic-bezier(.16,1,.3,1); }
.lang-menu[hidden] { display:none; }
@keyframes lang-pop { 0% { opacity:0; transform:translateY(-6px) scale(.98); } 100% { opacity:1; transform:translateY(0) scale(1); } }

.lang-item { display:flex; align-items:center; justify-content:space-between; width:100%; padding:8px 10px; border:0; border-radius:7px; background:transparent; color:var(--ink); text-align:left; font-size:13px; font-weight:600; cursor:pointer; transition:background-color .12s, color .12s; }
.lang-item:hover { background:var(--hover); }
.lang-item.active { background:var(--blue-soft); color:var(--blue); font-weight:750; }
.lang-item-content { display:flex; align-items:center; gap:9px; }
.lang-item-name { font-size:13px; }
.lang-item-sub { font-size:11px; color:var(--muted); font-weight:500; }
.lang-item.active .lang-item-sub { color:var(--blue-strong); }
.lang-item-check { font-size:12px; font-weight:900; color:var(--blue); }

.settings-select-wrap { position:relative; }
.settings-select-wrap select { appearance:none; -webkit-appearance:none; width:100%; height:38px; padding:0 32px 0 12px; background:var(--field); color:var(--ink); border:1px solid var(--line); border-radius:6px; font-size:13px; font-weight:600; cursor:pointer; outline:none; transition:border-color .15s; }
.settings-select-wrap select:focus { border-color:var(--blue); box-shadow:0 0 0 3px var(--focus-ring); }
.settings-select-wrap::after { content:""; position:absolute; right:12px; top:50%; transform:translateY(-50%); width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid var(--muted); pointer-events:none; }

.ip-location-badge { font-size:12px; color:var(--muted); display:flex; align-items:center; gap:4px; margin-top:4px; }
html[dir="rtl"] { direction:rtl; text-align:right; }
html[dir="rtl"] .nav-actions { margin-left:0; margin-right:auto; }
html[dir="rtl"] .lang-menu { right:auto; left:0; }
html[dir="rtl"] .lang-item { text-align:right; }
html[dir="rtl"] .settings-select-wrap select { padding:0 12px 0 32px; }
html[dir="rtl"] .settings-select-wrap::after { right:auto; left:12px; }
html[dir="rtl"] .message.a { margin-right:0; margin-left:54px; }
html[dir="rtl"] .message.b { margin-left:0; margin-right:54px; }
html[dir="rtl"] .round { margin-left:0; margin-right:auto; }
html[dir="rtl"] .dialog-head .close { margin-left:0; margin-right:auto; }
html[dir="rtl"] .question-actions { flex-direction:row-reverse; }
html[dir="rtl"] .question-subline { flex-direction:row-reverse; }
html[dir="rtl"] .impact.verdict { inset:0 0 0 50%; }