/* Shared appearance tokens: no remote fonts, textures or animation runtime. */
:root,[data-theme="day"]{color-scheme:light;--bg:#edf2f6;--ink:#27313b;--muted:#687581;--accent:#326f79;--accent-ink:#fff;--glass:rgba(255,255,255,.66);--paper:rgba(255,255,255,.9);--solid:#f8fafb;--wash:#eaf0f2;--line:rgba(73,97,114,.16);--edge:rgba(255,255,255,.88);--shadow:0 16px 55px #3949570c;--glow1:#c2d7f3;--glow2:#eed8d1;--glow3:#dcd5ee}
[data-theme="night"]{color-scheme:dark;--bg:#151923;--ink:#e4e9f0;--muted:#a4aebc;--accent:#a5d6d6;--accent-ink:#192c32;--glass:rgba(33,41,55,.78);--paper:rgba(29,36,49,.94);--solid:#252e3d;--wash:#303b4d;--line:rgba(186,203,228,.17);--edge:rgba(203,223,255,.16);--shadow:0 18px 65px #0003;--glow1:#283759;--glow2:#323047;--glow3:#1a4146}
[data-theme="reading"]{color-scheme:light;--bg:#e9e9db;--ink:#363e32;--muted:#68715e;--accent:#526e4e;--accent-ink:#fffef4;--glass:rgba(250,248,234,.76);--paper:rgba(250,249,237,.95);--solid:#f4f3e5;--wash:#e4e8d6;--line:rgba(75,92,62,.19);--edge:rgba(255,255,237,.8);--shadow:0 15px 50px #505c3510;--glow1:#cedbc3;--glow2:#e5d5bb;--glow3:#dde0c3}
html{background:var(--bg);color:var(--ink)}body{min-height:100vh;background:transparent;color:var(--ink);isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 15%,var(--glow1),transparent 56%),radial-gradient(ellipse at 95% 35%,var(--glow2),transparent 53%),radial-gradient(ellipse at 55% 100%,var(--glow3),transparent 55%)}
.topbar,main,footer{max-width:1040px}.topbar{height:94px;gap:16px}.brand{font-size:22px;letter-spacing:.12em;color:var(--ink)}.brand small{color:var(--muted);font-size:9px;letter-spacing:.13em}.top-tools{display:flex;align-items:center;gap:7px;padding:5px;border:1px solid var(--edge);background:var(--glass);backdrop-filter:blur(18px);border-radius:30px}.top-tools>.text-button,.theme-menu>summary{padding:9px 17px;border-radius:22px;font-size:13px;color:var(--ink)}.theme-menu{position:relative}.theme-menu>summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center}.theme-menu>summary::-webkit-details-marker{display:none}.theme-menu[open]>summary,.top-tools>.text-button:hover{background:var(--paper)}.theme-options{position:absolute;right:0;top:calc(100% + 14px);width:154px;z-index:30;padding:7px;border:1px solid var(--line);border-radius:18px;background:var(--solid);box-shadow:var(--shadow)}.theme-options button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border-radius:11px;background:none;color:var(--ink);font-size:14px}.theme-options button[aria-pressed=true]{background:var(--wash);color:var(--accent)}
.hero{padding:48px 34px 34px}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.16em}.hero h1{font-family:inherit;font-size:clamp(32px,5vw,54px);font-weight:550;line-height:1.3;letter-spacing:-.045em}.hero h1 em{color:var(--accent)}.lede{color:var(--muted);font-size:14px;margin-top:16px}main:has(#result:not([hidden])) .hero{padding-top:14px;padding-bottom:22px}main:has(#result:not([hidden])) .hero h1{font-size:26px}main:has(#result:not([hidden])) .hero .eyebrow,main:has(#result:not([hidden])) .hero .lede{display:none}
.query-box{background:var(--glass);border:1px solid var(--edge);backdrop-filter:blur(20px);border-radius:26px;padding:22px 24px;box-shadow:var(--shadow)}.query-box textarea{color:var(--ink);background:transparent;font-size:21px;min-height:108px}.query-box textarea::placeholder{color:var(--muted);opacity:.8}.mode-switch{border:1px solid var(--line);background:var(--wash);border-radius:30px;gap:2px;padding:4px}.mode-switch button{color:var(--muted);border-radius:24px;padding:7px 15px}.mode-switch button[aria-pressed=true]{color:var(--ink);background:var(--paper);box-shadow:0 2px 6px #0000000a}.mode-badge,.example-button{color:var(--muted);font-size:12px}.primary{background:var(--accent);color:var(--accent-ink);border-radius:24px;padding:12px 24px}.primary:hover{background:var(--accent);filter:brightness(1.07)}.soft-button,.secondary{background:var(--wash);color:var(--ink);border-radius:20px}.soft-button:hover,.secondary:hover{background:var(--wash);filter:brightness(.97)}.text-button{color:var(--muted)}.text-button:hover{color:var(--accent)}button,summary,a,input,textarea,select{ -webkit-tap-highlight-color:transparent }button{transition:transform .16s ease,background-color .16s ease,filter .16s ease}button:active:not(:disabled){transform:translateY(1px) scale(.98)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.query-box:focus-within{border-color:var(--accent)}
.result{background:var(--paper);border:1px solid var(--edge);border-radius:26px;box-shadow:var(--shadow);padding:28px;animation:surface-in .24s ease-out}.answer,.answer h1,.answer h2,.answer h3,.answer h4,.answer h5,.answer h6{color:var(--ink)}.answer h2,.answer hr,.result-actions,.dictionary-panel{border-color:var(--line)}.answer a{color:var(--accent)}.answer blockquote{background:var(--wash);border-left-color:var(--accent);color:var(--muted)}.answer pre,.answer code,.answer th{background:var(--wash);color:var(--ink)}.answer-table,.answer td,.answer th,.answer pre{border-color:var(--line)}.answer li::marker{color:var(--accent)}.result #answerSource,.dictionary-panel>summary,.dictionary-panel>summary span,.status,.hint,.inline-status,.image-status,.source-description,.quota-reset,.quota-row,.service-usage,.image-reference,.image-more,.images figcaption{color:var(--muted)}.image-loading{min-height:250px;border-color:var(--line);background:var(--wash);color:var(--muted);border-radius:18px}.image-loading small{color:var(--muted)}.image-spinner{border-color:var(--line);border-top-color:var(--accent)}.image-area[data-state=empty]{background:var(--wash);color:var(--muted);min-height:250px;display:flex;flex-direction:column;justify-content:center}.images img{height:250px;background:var(--wash);border-radius:16px}.image-search-links a{color:var(--muted)}.sense-choice{color:var(--muted)}
#speak{width:44px;height:44px;background:var(--wash);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line)}.sound-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:25px}.sound-wave i{display:block;width:3px;background:currentColor;border-radius:4px;height:8px;transform-origin:center}.sound-wave i:nth-child(2){height:17px}.sound-wave i:nth-child(3){height:10px}.sound-wave i:nth-child(4){height:24px}.sound-wave i:nth-child(5){height:16px}.sound-wave i:nth-child(6){height:8px}#speak[data-state=playing] i{animation:sound-level .7s ease-in-out infinite alternate}#speak[data-state=playing] i:nth-child(2n){animation-delay:-.4s}#speak[data-state=playing] i:nth-child(3n){animation-delay:-.2s}#speak[data-state=loading] .sound-wave{animation:sound-wait 1.1s ease-in-out infinite alternate}@keyframes sound-level{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes sound-wait{from{opacity:.35}to{opacity:1}}@keyframes surface-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
#settingsDialog{color:var(--ink);background:var(--paper);backdrop-filter:blur(24px);border:1px solid var(--edge);border-radius:26px;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#101c304d;backdrop-filter:blur(7px)}#settingsDialog .dialog-head,#settingsDialog .settings-section,#settingsDialog .dialog-actions,#settingsDialog .settings-tabs{border-color:var(--line)}#settingsDialog .dialog-head h2{font-family:inherit;font-size:25px;font-weight:600}#settingsDialog .settings-tabs,#settingsDialog .dialog-actions{background:var(--solid)}#settingsDialog .settings-tabs button{color:var(--muted);background:transparent;border-radius:18px}#settingsDialog .settings-tabs button[aria-selected=true]{color:var(--accent);background:var(--wash)}#settingsDialog input:not([type=checkbox]):not([type=radio]),#settingsDialog textarea,#settingsDialog select,.sense-choice select{background:var(--solid);color:var(--ink);border-color:var(--line)}#settingsDialog .source-picker,.prompt-editor{background:var(--solid);border-color:var(--line)}#settingsDialog .source-picker>summary,#settingsDialog .source-picker>summary span:not(#connectionSummary){color:var(--ink)}#settingsDialog .picker-menu,#settingsDialog .source-option{border-color:var(--line)}#settingsDialog .source-option{color:var(--ink)}#settingsDialog .source-option:has(input:checked){color:var(--accent)}#settingsDialog input{accent-color:var(--accent)}#settingsDialog .source-details>summary,#settingsDialog .field,#settingsDialog .ready-hint,#settingsDialog .source-heading span,#settingsDialog .preference-link,#settingsDialog .check,#settingsDialog .prompt-meta{color:var(--muted)}#settingsDialog .preference-link,#settingsDialog .reset-confirm,#settingsDialog #importDocumentButton{background:var(--wash);color:var(--ink)}#settingsDialog .source-option:hover{background:var(--wash)}#settingsDialog .quota-notice,#settingsDialog #settingsError{color:var(--accent)}.search-help{margin:24px 34px 50px}.search-help .secondary{font-size:12px;background:var(--glass);border:1px solid var(--line)}footer{border-color:var(--line);color:var(--muted);font-size:11px}.dictionary-result{color:var(--ink)}
@media(max-width:600px){.topbar{height:78px;padding:0 20px}.brand small{display:none}.top-tools>.text-button,.theme-menu>summary{padding:8px 12px}.hero{padding:30px 22px 24px}.hero h1{font-size:34px}.query-box,.result{margin-left:16px;margin-right:16px;padding:20px;border-radius:22px}.status{margin-left:22px;margin-right:22px}.query-box textarea{font-size:19px}.query-actions{gap:5px}.query-actions #speak{margin-right:4px}.primary{padding:11px 18px}.mode-badge{display:none}.image-loading,.image-area[data-state=empty]{min-height:210px}.images img{height:210px}.search-help{margin:24px 22px 40px}footer{margin:0 20px;padding:18px 0}.answer-table{max-width:100%}.result>.answer{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports not (backdrop-filter:blur(10px)){.query-box,.top-tools,#settingsDialog{background:var(--solid)}}
:root{background:var(--bg);color:var(--ink)}
#settingsDialog .ready-hint{background:var(--wash)}
#settingsDialog .preference-link{padding:12px;border-radius:12px}
#settingsDialog .preference-link span,#settingsDialog summary span:not(#connectionSummary),#modelConnection h3,.dictionary-result .dictionary-brand{color:var(--muted)}
.quota-ring{background:radial-gradient(closest-side,var(--solid) 76%,transparent 78%),conic-gradient(var(--accent) var(--usage),var(--line) 0);color:var(--accent)}
.image-viewer{background:var(--paper);color:var(--ink);border-color:var(--line)}
.result{margin-top:22px}
.result>.answer[data-layout="brief"]{font-size:clamp(21px,2.5vw,26px);font-weight:500;line-height:1.75}
@media(max-width:600px){.result>.answer[data-layout="brief"]{font-size:21px}}
/* Unbranded, content-first glass workspace. */
:root,[data-theme="day"]{--bg:#edf0f7;--ink:#252537;--muted:#626276;--accent:#514776;--accent-ink:#fff;--glass:rgba(255,255,255,.5);--paper:rgba(255,255,255,.84);--solid:#f5f5fa;--wash:rgba(224,222,238,.56);--line:rgba(79,66,111,.17);--edge:rgba(255,255,255,.8);--glow1:#8bd5e8;--glow2:#ddb0d5;--glow3:#cab9ef;--glow4:#f0d79e;--shadow:0 20px 65px #34274b14}
[data-theme="night"]{--bg:#131422;--ink:#efedf7;--muted:#b4afc8;--accent:#c4b2ee;--accent-ink:#242034;--glass:rgba(32,29,49,.58);--paper:rgba(29,27,43,.89);--solid:#252334;--wash:rgba(76,64,96,.45);--line:rgba(199,180,231,.21);--edge:rgba(225,215,255,.2);--glow1:#12516a;--glow2:#662b60;--glow3:#3b2864;--glow4:#50402c;--shadow:0 22px 65px #0004}
[data-theme="reading"]{--bg:#ece9dd;--ink:#363b31;--muted:#656b5b;--accent:#536748;--accent-ink:#fffef7;--glass:rgba(249,246,229,.61);--paper:rgba(250,247,232,.9);--solid:#f4f1e2;--wash:rgba(216,222,193,.55);--line:rgba(77,89,54,.2);--edge:rgba(255,254,234,.8);--glow1:#c5d2b4;--glow2:#d8c1a9;--glow3:#d0c9af;--glow4:#e8d39d;--shadow:0 20px 60px #4c503515}
body:before{background:radial-gradient(ellipse at 12% 25%,var(--glow1),transparent 44%),radial-gradient(ellipse at 88% 38%,var(--glow2),transparent 45%),radial-gradient(ellipse at 60% 85%,var(--glow3),transparent 50%),radial-gradient(ellipse at 18% 95%,var(--glow4),transparent 45%)}
.topbar{justify-content:flex-end;height:92px}.top-tools{background:var(--glass)}main{padding-top:clamp(24px,12vh,120px);padding-bottom:64px}main:has(#result:not([hidden])){padding-top:24px}
.query-box,.result{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.query-box{padding:26px 28px}.query-box textarea{min-height:125px}.result{margin-top:24px}.query-actions>div{display:flex;align-items:center}.query-actions #speak{margin-left:auto}
#settingsDialog{-webkit-backdrop-filter:blur(26px)}#settingsDialog .appearance-section{padding-top:18px}#settingsDialog .appearance-section .field{margin:0}.search-help{margin:0;padding:18px 0}.search-help .secondary{background:var(--wash)}
#settingsDialog #settingsError,.error{color:#ad303f}[data-theme="night"] #settingsDialog #settingsError,[data-theme="night"] .error{color:#ffacb7}
@media(max-width:600px){.topbar{height:72px}main{padding-top:9vh;padding-bottom:32px}main:has(#result:not([hidden])){padding-top:12px}.query-box{padding:20px}.query-box textarea{min-height:125px}.query-actions{flex-wrap:wrap}.top-tools>.text-button{min-height:40px}.search-help{margin:0}}
/* Vertical dusk palettes. Opaque text and stable glass tints retain readability. */
:root,[data-theme="day"]{--bg:#e5edf6;--ink:#172033;--muted:#465168;--accent:#334b70;--accent-ink:#fff;--glass:rgba(255,255,255,.78);--paper:rgba(255,255,255,.94);--solid:#f7f9fc;--wash:#e6ecf3;--line:rgba(43,60,86,.24);--edge:rgba(255,255,255,.85);--sky:linear-gradient(180deg,#bed2ea 0%,#d7e3f1 24%,#e9e8f0 45%,#f4e5df 59%,#f3d9c3 69%,#e7ded7 84%,#d7d9dd 100%)}
[data-theme="night"]{--bg:#04070e;--ink:#f5f6fc;--muted:#c4c9da;--accent:#d4e3ff;--accent-ink:#14243c;--glass:rgba(13,21,38,.85);--paper:rgba(15,22,37,.95);--solid:#141e30;--wash:#253249;--line:rgba(212,226,248,.27);--edge:rgba(226,235,255,.26);--sky:linear-gradient(180deg,#020406 0%,#030918 14%,#0c2148 27%,#344e79 40%,#747a96 52%,#bd968f 61%,#de9b70 67%,#b3715e 73%,#664749 83%,#261b21 92%,#080606 100%)}
[data-theme="reading"]{--bg:#dfe4d5;--ink:#263329;--muted:#4f5c4d;--accent:#3e583a;--accent-ink:#fffef7;--glass:rgba(249,247,233,.84);--paper:rgba(249,247,233,.96);--solid:#f5f3e7;--wash:#e2e7d7;--line:rgba(55,77,48,.25);--edge:rgba(255,253,235,.85);--sky:linear-gradient(180deg,#bdcbb6 0%,#d3dcca 25%,#e4e4d4 45%,#eee5cd 60%,#e9d8b2 69%,#d6cab5 84%,#bcb8aa 100%)}
body:before{background:var(--sky)}
.query-box textarea::placeholder,#settingsDialog input::placeholder,#settingsDialog textarea::placeholder{color:var(--muted);opacity:1}
.query-box textarea,.answer,.dictionary-result,#settingsDialog input,#settingsDialog select,#settingsDialog textarea{color:var(--ink)}
.mode-switch button,.text-button,.example-button{color:var(--ink)}
#settingsDialog .field,#settingsDialog .check,#settingsDialog .source-option,#settingsDialog .settings-tabs button,#settingsDialog summary,#settingsDialog summary span:not(#connectionSummary){color:var(--ink)}
.mode-switch button[aria-pressed=true],#settingsDialog .settings-tabs button[aria-selected=true]{font-weight:650}
#settingsDialog .hint,#settingsDialog .inline-status,#settingsDialog .source-description,.image-status,.image-reference,.image-more,.images figcaption,.result #answerSource{color:var(--muted)}
.status:not(:empty){display:table;max-width:calc(100% - 68px);padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);backdrop-filter:blur(12px)}
.image-search-links a,.answer .image-alt{color:var(--muted)}
@media(max-width:600px){.status:not(:empty){max-width:calc(100% - 44px)}}
/* Avoid transient low contrast when changing light/dark themes. */
button{transition:transform .16s ease,filter .16s ease}
/* Native typography and tactile controls. Motion is confined to entry/actions/loading. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
#speak,#speak:hover,#speak:active{background:transparent;border:0;box-shadow:none;border-radius:0;color:var(--ink)}#speak:hover{color:var(--accent)}
.query-box{animation:surface-in .3s ease-out both}.result{animation:none}
#settingsDialog[open]{animation:surface-in .2s ease-out}
:root,[data-theme=day]{--dialog-glass:rgba(250,252,255,.83)}[data-theme=night]{--dialog-glass:rgba(16,24,39,.85)}[data-theme=reading]{--dialog-glass:rgba(248,246,231,.85)}
#settingsDialog{background:var(--dialog-glass);backdrop-filter:blur(32px) saturate(115%);-webkit-backdrop-filter:blur(32px) saturate(115%)}
#settingsDialog .settings-tabs,#settingsDialog .dialog-actions{background:var(--dialog-glass);backdrop-filter:blur(20px)}
.round-select{position:relative;min-width:120px;max-width:100%;color:var(--ink)}
.select-trigger{width:100%;min-height:44px;padding:10px 16px;border-radius:18px;border:1px solid var(--line);background:var(--glass);color:var(--ink);text-align:left;display:block}
.select-options{position:relative;margin-top:7px;padding:6px;border:1px solid var(--edge);border-radius:20px;background:var(--paper);backdrop-filter:blur(24px);box-shadow:0 12px 32px #0002;max-height:240px;overflow:auto;animation:surface-in .16s ease-out}
.select-options button{display:block;width:100%;position:relative;text-align:left;padding:11px 35px 11px 12px;border-radius:14px;background:transparent;color:var(--ink);overflow-wrap:anywhere}
.select-options button:hover,.select-options button:focus-visible,.select-options button[aria-selected=true]{background:var(--wash)}.select-options button[aria-selected=true]{font-weight:650}.select-options button[aria-selected=true]:after{content:'✓';position:absolute;right:12px}
#settingsDialog .source-picker,#settingsDialog input:not([type=checkbox]):not([type=radio]),#settingsDialog textarea,.prompt-editor{border-radius:18px}
#settingsDialog .picker-menu{margin:0 6px 6px;padding:6px;border-radius:16px;background:var(--paper)}#settingsDialog .source-option{border:0;border-radius:12px;margin:3px 0;padding:11px 10px}#settingsDialog .source-option:has(input:checked){background:var(--wash)}.source-picker[open] .picker-menu{animation:surface-in .17s ease-out}
#settingsDialog input[type=checkbox]{appearance:none;width:17px;height:17px;border:1.5px solid var(--muted);border-radius:6px;background:var(--solid);vertical-align:middle;display:inline-grid;place-content:center;flex-shrink:0}#settingsDialog input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}#settingsDialog input[type=checkbox]:checked:after{content:'✓';font-size:13px;color:var(--accent-ink);line-height:1}
.image-loading{position:relative;overflow:hidden;isolation:isolate}.image-loading:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,var(--edge) 50%,transparent 75%);transform:translateX(-100%);animation:loading-sheen 2.8s ease-in-out infinite;opacity:.32}
.loading-dots{display:flex;gap:7px;height:20px;align-items:center}.loading-dots i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:loading-dot 1.3s ease-in-out infinite}.loading-dots i:nth-child(2){animation-delay:.16s}.loading-dots i:nth-child(3){animation-delay:.32s}
@keyframes loading-sheen{to{transform:translateX(100%)}}@keyframes loading-dot{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.image-loading:before{display:none}}
.select-options{position:absolute;right:0;top:calc(100% + 7px);width:max(100%,180px);max-width:calc(100vw - 64px);margin:0;z-index:40}.round-select:has(.select-options:not([hidden])){z-index:40}
.mode-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;isolation:isolate}.mode-switch:before{content:'';position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:24px;background:var(--paper);box-shadow:0 2px 6px #0001;transition:transform .18s ease}.mode-switch:has(#customMode[aria-pressed=true]):before{transform:translateX(100%)}.mode-switch button[aria-pressed=true]{background:transparent;box-shadow:none}.images img{animation:image-arrive .22s ease-out}@keyframes image-arrive{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.mode-switch:before{transition:none}.images img{animation:none}}
/* Borderless surfaces; keyboard focus remains visible. */
.query-box,.result,.top-tools,.mode-switch,.select-trigger,.select-options,.image-loading,.answer-table,.answer pre,.answer th,.answer td,.answer h2,.answer hr,.dictionary-panel,.result-actions,.status:not(:empty),.image-viewer,#settingsDialog,#settingsDialog *{border-style:none!important}
#settingsDialog input[type=checkbox]:not(:checked){box-shadow:inset 0 0 0 1px var(--muted)}
.answer hr{height:1px;background:var(--wash)}.answer tbody tr:nth-child(even){background:var(--wash)}
.query-box{transition:box-shadow .2s ease}.query-box:focus-within{box-shadow:0 18px 55px #0002,0 0 24px color-mix(in srgb,var(--accent) 9%,transparent)}
.query-editor{position:relative}.query-editor textarea{position:relative;z-index:1;display:block;background:transparent}.daily-word{position:absolute;top:4px;left:2px;right:16px;pointer-events:none;user-select:none;color:var(--muted);opacity:.7;font-size:clamp(23px,3vw,32px);line-height:1.6;overflow-wrap:anywhere;transition:opacity .18s ease}.query-editor:focus-within .daily-word{opacity:.4}
.output-activity{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px;margin:0 0 14px}.output-activity .loading-dots{height:14px}
.result{animation:surface-in .2s ease-out}.source-details[open]>.source-description,.dictionary-panel[open]>.dictionary-result{animation:surface-in .16s ease-out}
button:not(:disabled):hover{filter:brightness(1.06)}button:not(:disabled):active{transform:translateY(1px) scale(.97)}
@media(prefers-reduced-motion:reduce){.query-box,.daily-word{transition:none}.result,.source-description,.dictionary-result{animation:none!important}}
#settingsDialog input[type=checkbox]:not(:checked){box-shadow:none;background:var(--wash)}
.settings-tabs button,.preference-link{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
#settingsDialog .settings-tabs button:hover,#settingsDialog .preference-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0001}
#settingsDialog .settings-tabs button:active,#settingsDialog .preference-link:active{transform:translateY(1px) scale(.98)}
#settingsDialog input[type=checkbox],#settingsDialog input[type=radio]{transition:transform .16s ease;cursor:pointer}
.daily-word.typing:after{content:'';display:inline-block;width:2px;height:.85em;margin-left:5px;background:currentColor;vertical-align:-.05em;animation:typing-caret .65s steps(2,end) infinite}
@keyframes typing-caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.settings-tabs button,.preference-link,#settingsDialog input{transition:none}.daily-word.typing:after{animation:none}#settingsDialog .settings-tabs button:hover,#settingsDialog .preference-link:hover{transform:none}}


.images img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}.image-viewer img{object-fit:contain;max-height:80vh}
#historyDialog{background:var(--paper);color:var(--ink);border:0;backdrop-filter:blur(24px);width:min(720px,calc(100% - 28px))}.history-shell{padding:24px}#historySearch{width:100%;padding:12px;border:0;border-radius:14px;background:var(--wash);color:var(--ink);margin-top:16px}#historyList{max-height:50vh;overflow:auto}.history-entry{padding:14px 0}.history-entry summary{cursor:pointer;overflow-wrap:anywhere}.history-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px}.history-entry time{font-size:12px;color:var(--muted);display:block}.history-actions,.history-entry-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:12px}#historyDialog button{min-height:44px}.top-tools{gap:16px}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.with-icon{display:inline-flex;align-items:center;justify-content:center;gap:7px}.icon-button{position:relative;width:44px;height:44px;padding:0;display:inline-grid;place-items:center;border:0;border-radius:50%;background:var(--wash);color:var(--ink)}.icon-button:hover{background:var(--paper);color:var(--accent)}.icon-button::after{content:attr(data-tooltip);position:absolute;z-index:20;left:50%;bottom:calc(100% + 8px);padding:6px 9px;border-radius:10px;background:color-mix(in srgb,var(--ink) 92%,transparent);color:var(--paper);font-size:12px;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity .16s ease,transform .16s ease}.icon-button:hover::after,.icon-button:focus-visible::after,.icon-button[data-tooltip-visible]::after{opacity:1;transform:translate(-50%,0)}.result-actions{display:flex;align-items:center;gap:10px}.dialog-head .icon-button{background:transparent;color:var(--muted)}.dialog-head .icon-button:hover{background:var(--wash);color:var(--ink)}

/* Compact glass controls: keep utility actions together without a dark capsule. */
.top-tools{gap:6px;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.top-tools .icon-button{background:transparent;color:var(--ink)}
.top-tools .icon-button:hover,.top-tools .icon-button:focus-visible{background:var(--wash);color:var(--accent)}
.history-entry-actions{justify-content:flex-start;gap:8px}
#historyDialog,#settingsDialog{background:color-mix(in srgb,var(--glass) 86%,transparent);backdrop-filter:blur(32px) saturate(120%);-webkit-backdrop-filter:blur(32px) saturate(120%);box-shadow:0 26px 90px #0003}
#historyDialog .history-shell,#settingsDialog form{background:transparent}
.query-box,.result{background:color-mix(in srgb,var(--glass) 88%,transparent);backdrop-filter:blur(26px) saturate(115%);-webkit-backdrop-filter:blur(26px) saturate(115%)}
@supports not (background:color-mix(in srgb,white,black)){#historyDialog,#settingsDialog,.query-box,.result{background:var(--glass)}}

/* Glass surfaces for every secondary window, menu and transient hint. */
:root,[data-theme=day]{--float-glass:rgba(255,255,255,.68)}
[data-theme=night]{--float-glass:rgba(23,29,47,.72)}
[data-theme=reading]{--float-glass:rgba(249,247,231,.72)}
.theme-options,.select-options,#settingsDialog .picker-menu,#settingsDialog .source-picker,.prompt-editor,.reset-confirm,.image-viewer,.image-loading,.status:not(:empty),#historySearch,.answer blockquote,.answer pre{background:var(--float-glass);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);box-shadow:0 16px 42px #10182a18}
#settingsDialog .settings-tabs,#settingsDialog .dialog-actions{background:color-mix(in srgb,var(--float-glass) 82%,transparent);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%)}
#settingsDialog .source-picker[open],#settingsDialog .source-picker[open] .picker-menu{background:color-mix(in srgb,var(--float-glass) 88%,transparent)}
.icon-button::after{background:color-mix(in srgb,var(--float-glass) 90%,var(--ink) 10%);color:var(--ink);border:1px solid color-mix(in srgb,var(--edge) 70%,transparent);box-shadow:0 10px 26px #10182a20;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
dialog::backdrop{background:color-mix(in srgb,var(--ink) 22%,transparent);backdrop-filter:blur(12px) saturate(110%);-webkit-backdrop-filter:blur(12px) saturate(110%)}
@supports not (background:color-mix(in srgb,white,black)){.theme-options,.select-options,#settingsDialog .picker-menu,#settingsDialog .source-picker,.prompt-editor,.reset-confirm,.image-viewer,.image-loading,.status:not(:empty),#historySearch,.answer blockquote,.answer pre,#settingsDialog .settings-tabs,#settingsDialog .dialog-actions{background:var(--float-glass)}}

/* Yee wordmark: rounded, quiet, and aligned with the input workspace. */
.topbar{justify-content:space-between}
.brand{display:inline-flex;align-items:center;text-decoration:none;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,"SF Pro Rounded","PingFang SC",sans-serif;font-size:27px;font-weight:720;letter-spacing:-.055em;line-height:1;color:var(--ink);transition:color .16s ease,transform .16s ease}
.brand:hover{color:var(--accent);transform:translateY(-1px)}
.brand:focus-visible{color:var(--accent)}
@media(max-width:600px){.brand{font-size:24px}}
/* Results: image and translation first, metadata on demand. */
#images{display:block;margin:0}#images[hidden],#images figure[hidden]{display:none!important}
#images figure{margin:0}#images .gallery-frame{position:relative;overflow:hidden;border-radius:24px}
#images img{aspect-ratio:16/9;object-fit:cover;width:100%;cursor:zoom-in}
#images figcaption{font-size:12px;line-height:1.5;margin:6px 0;color:var(--muted)}
#images figcaption details{display:inline-block;margin-left:10px}#images figcaption details[open]{display:block;margin-left:0}
.gallery-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px;opacity:0;transition:opacity .2s;pointer-events:none}
.gallery-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);box-shadow:0 0 3px rgba(0,0,0,.65)}
.gallery-dots span.active{background:white}.switching .gallery-dots{opacity:1}
.image-area{position:relative;margin:0 0 16px}.image-reference{font-size:12px;margin:8px 80px 4px}.image-sense-note{font-size:13px;color:var(--muted);margin:8px 0}
.image-search-links{display:inline-flex;gap:4px}.image-search-links a{padding:8px;text-decoration:none}
#imageDiagnostics{display:inline-block;font-size:12px;margin:0 4px}#imageDiagnostics>summary{list-style:none;display:inline-flex;padding:8px}#imageDiagnostics>summary::-webkit-details-marker{display:none}
#imageDiagnostics[open]{display:block;background:var(--wash);border-radius:14px;padding:8px}#imageDiagnostics ul{padding-left:20px}
.result>.answer[data-layout=brief]{font-size:clamp(28px,3vw,38px);font-weight:650;line-height:1.4}.answer>:first-child{margin-top:0}
.translation-details{font-size:12px;color:var(--muted);margin:8px 0}.translation-details summary{cursor:pointer}.translation-details p{margin:6px 0}
.result-actions{justify-content:flex-start;gap:8px;margin:12px 0}.dictionary-panel{margin:14px 0 0;font-size:14px}.dictionary-panel>summary{font-weight:500}
.save-toast{position:fixed;bottom:28px;left:50%;z-index:1000;transform:translate(-50%,6px);opacity:0;transition:opacity .2s,transform .2s;padding:12px 22px;border-radius:20px;background:var(--float-glass);color:var(--ink);backdrop-filter:blur(24px);box-shadow:0 8px 28px #0001;pointer-events:none}.save-toast.visible{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.gallery-dots,.save-toast{transition:none}}
.image-tools{display:flex;align-items:center;justify-content:flex-end;gap:2px;margin:0 0 4px}.image-tools .icon-button{background:transparent;width:36px;height:36px;padding:0}.image-tools .icon-button:hover{background:var(--wash)}
.image-area:has(#imageReference:not([hidden])) .image-tools{margin-top:-28px}.image-area:has(#imageDiagnostics[open]) .image-tools{margin-top:0;flex-wrap:wrap}.image-tools #imageDiagnostics[open]{width:100%;order:2}
.image-tools .image-search-links{margin:0}.image-tools #imageDiagnostics{margin:0}.result-actions .icon-button{background:transparent}.result-actions .icon-button:hover{background:var(--wash)}