@font-face{font-family:'IBM Plex Sans';font-weight:400;src:url('/fonts/IBMPlexSans-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:'IBM Plex Sans';font-weight:500;src:url('/fonts/IBMPlexSans-Medium.woff2') format('woff2');font-display:swap}
@font-face{font-family:'IBM Plex Sans';font-weight:600;src:url('/fonts/IBMPlexSans-SemiBold.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--top:#fefdfb;--bottom:#f8f7f4;--white:#fff;--ink:#202322;--muted:#626660;--rule:#dcded7;--accent:#b02b25;--signal:#b02b25;--tint:#faebe7;--hover:#fcf3ef;--sans:'IBM Plex Sans','PingFang SC','Microsoft YaHei',system-ui,sans-serif;font:15px/1.55 var(--sans);color:var(--ink);background:var(--bottom)}
html[lang=yue-Hant]{--sans:'IBM Plex Sans','PingFang HK','PingFang TC','Microsoft JhengHei',system-ui,sans-serif}
:root[data-theme=dark]{color-scheme:dark;--top:#161a19;--bottom:#1b201e;--white:#1d2220;--ink:#f0f2ed;--muted:#b3bcb5;--rule:#3c4540;--accent:#ffaaa0;--signal:#ad2f28;--tint:#3a2927;--hover:#2b2e29}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--top:#161a19;--bottom:#1b201e;--white:#1d2220;--ink:#f0f2ed;--muted:#b3bcb5;--rule:#3c4540;--accent:#ffaaa0;--signal:#ad2f28;--tint:#3a2927;--hover:#2b2e29}}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--top),var(--bottom));background-repeat:no-repeat}header,main,footer{max-width:1180px;margin:auto;padding:12px 24px}header{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--rule)}a{color:var(--accent);text-underline-offset:3px}button,select,input{font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--rule);border-radius:7px;min-height:36px;margin:0}button{padding:6px 10px;cursor:pointer;font-weight:500}select{appearance:none;padding:6px 28px 6px 10px;max-width:100%;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23777' stroke-width='1.5'%3E%3Cpath d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}option{background:var(--white);color:var(--ink)}button[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.45;cursor:default}.primary{background:var(--signal);border-color:var(--signal);color:white}button,a,summary,input,select{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(hover:hover){button:not(:disabled):hover{border-color:var(--accent);background:var(--hover)}button.primary:hover{background:var(--signal);filter:brightness(.93)}a:hover{text-decoration:underline}}
.brand{display:flex;align-items:center;gap:9px;margin-right:auto;text-decoration:none;color:var(--ink);font-size:23px;line-height:1.1;font-weight:600;white-space:nowrap}.brand-seal{border:2px solid var(--accent);border-radius:5px;padding:4px;color:var(--accent);font-size:22px}.brand small{font-size:12px;color:var(--muted);font-weight:400;margin-left:3px}.header-controls{display:flex;align-items:center;gap:8px}.header-controls label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.header-controls select{font-size:13px}.intro{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-bottom:9px}.intro h1{font-size:20px;line-height:1.4;margin:0}.intro span{font-size:12px;color:var(--muted)}form{display:flex;gap:6px}input{padding:9px 12px;min-width:0;flex:1;font-size:16px}nav{display:flex;gap:8px;align-items:center;margin:10px 0}nav button{font-size:13px}.mode-group{display:flex;gap:4px}#saved{margin-left:auto}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:start}.question-browser{border:1px solid var(--rule);border-radius:9px;overflow:hidden;background:var(--white)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:'⌄';color:var(--muted);margin-left:auto;padding-left:8px}details[open]>summary::after{content:'⌃'}.question-browser>summary{display:flex;align-items:center;gap:8px;padding:9px 11px;min-height:42px;font-size:13px}#count{font-size:12px;color:var(--muted)}#questions{display:grid;gap:4px;padding:5px;max-height:70vh;overflow:auto;border-top:1px solid var(--rule);scrollbar-width:thin}#questions button{text-align:left;padding:9px 10px;font-size:14px;line-height:1.5}#questions small{display:block;color:var(--muted);font-size:12px;margin-top:3px}#questions button[aria-pressed=true]{border-color:var(--rule)}article{border:1px solid var(--rule);border-radius:10px;background:var(--white);padding:18px;min-width:0;scroll-margin-top:12px}article:focus{outline:none}article:focus-visible{outline:2px solid var(--accent)}h2{font-size:19px;line-height:1.45;margin:0 0 12px;overflow-wrap:anywhere}h3{font-size:14px;margin:0}p{margin:7px 0}.answer-tools{display:flex;align-items:center;gap:5px;margin-bottom:8px;font-size:12px;color:var(--muted)}.answer-tools span{margin-right:auto}.answer-tools button{min-height:30px;padding:3px 9px}.field-label{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.choices{display:flex;gap:5px;flex-wrap:wrap}.choices button{font-size:13px}.expression{font-size:clamp(21px,2.2vw,27px);font-weight:500;line-height:1.38;margin:15px 0 5px;overflow-wrap:anywhere}.meaning{color:var(--muted);font-size:14px}.explanation{font-size:14px;margin-top:9px}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.actions button{font-size:12px}.comparison{margin-top:16px;padding:12px;border:1px solid var(--rule);border-radius:8px;background:var(--hover)}.comparison-heading{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:8px}.comparison-heading h3{margin-right:auto}.comparison-heading select{font-size:13px;max-width:100%}.alternative{font-size:18px;line-height:1.45;overflow-wrap:anywhere}.comparison .explanation{margin-bottom:0}.comparison-note{font-size:13px;padding-top:9px;margin-top:10px;border-top:1px solid var(--rule)}mark{color:var(--accent);background:var(--tint);border-radius:3px;padding:0 2px}.takeaway{font-size:13px;margin:12px 0 0;color:var(--muted)}.evidence{border-top:1px solid var(--rule);padding-top:9px;margin-top:13px;font-size:12px;color:var(--muted)}.evidence>summary{display:flex;align-items:center;min-height:32px;color:var(--ink)}.evidence a{overflow-wrap:anywhere}.machine{margin-top:8px}.machine summary{display:flex;align-items:center}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;font-size:11px;background:var(--hover);padding:9px;border:1px solid var(--rule);border-radius:6px}.related{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.related button{font-size:12px;text-align:left}.related-title{margin-top:14px}.empty{padding:15px}.empty p{font-size:14px;color:var(--muted)}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;border-top:1px solid var(--rule);margin-top:18px;background:var(--bottom);font-size:11px;color:var(--muted)}footer div{display:flex;flex-wrap:wrap;gap:12px}footer a{text-decoration:none;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-80px;background:var(--white);z-index:10;padding:8px}.skip:focus{top:8px}
@media(min-width:760px){.question-browser{position:sticky;top:12px}}
@media(max-width:759px){header,main,footer{padding:10px 12px}.brand{font-size:20px}.brand small{display:none}.header-controls{gap:5px}.header-controls label>span:not(.sr-only){display:none}.header-controls select{padding-left:8px;font-size:13px}header{gap:8px}.intro h1{font-size:18px}.intro span{font-size:11px}button,select{min-height:44px}.workspace{grid-template-columns:1fr;gap:9px}.question-browser>summary{min-height:44px}#questions{max-height:240px}article{padding:13px}h2{font-size:18px;margin-bottom:10px}.expression{font-size:23px;margin-top:12px}.answer-tools button{min-height:36px}.comparison{padding:10px;margin-top:13px}.comparison-heading{align-items:flex-start}.comparison-heading select{width:100%;font-size:16px}.evidence>summary,.machine>summary{min-height:44px}nav{gap:4px}.mode-group{gap:3px}nav button{padding:5px 8px;font-size:12px}.header-controls #theme{max-width:92px}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s,border-color .12s}}
/* Intent finding uses the existing comparison paragraph, not another panel. */
.comparison-note[data-verdict] strong{color:var(--accent)}
.comparison-note[data-verdict=needs_context] strong{color:var(--ink)}
#questions button small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:3px}
.real-link{font-size:12px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;min-height:36px}.intro .real-link{margin-left:auto;min-height:24px}.actions .real-link{order:3;margin-left:auto}.real-transcript{margin-top:13px;border:1px solid var(--rule);border-radius:8px;padding:10px}.transcript-note,.transcript-gap{font-size:11px;color:var(--muted);margin:5px 0}.transcript-turn{display:grid;grid-template-columns:38px minmax(0,1fr);gap:6px;padding:6px 0}.transcript-turn+.transcript-turn{border-top:1px solid var(--rule)}.transcript-turn p{margin:0;overflow-wrap:anywhere}.transcript-turn .meaning{font-size:13px;margin-top:3px}.speaker{font-size:12px;color:var(--muted);font-weight:600}.speaker small{display:block;font-size:10px;font-weight:400}.overlap{font-size:10px;color:var(--muted);display:block}.moment-context>summary,.moment-practice>summary{display:flex;align-items:center;font-size:12px;min-height:36px}.moment-context{border-top:1px solid var(--rule);margin-top:5px}.real-transcript:has(.moment-context[open]) .focus-turns{display:none}.moment-reading{font-size:14px;margin-top:12px}.moment-limit{font-size:13px}.moment-practice{border:1px solid var(--rule);border-radius:7px;background:var(--hover);padding:3px 10px;margin-top:10px}.moment-credit{font-size:11px;color:var(--muted);margin-top:12px}.moment-credit a{color:var(--muted)}
@media(max-width:759px){.moment-context>summary,.moment-practice>summary{min-height:44px}.real-link{min-height:44px}.intro .real-link{min-height:32px}.transcript-turn{font-size:14px}.actions .real-link{margin-left:0}}