/* A quiet, compact workspace: one task per page. */
:root{--paper:#f7f7f2;--ink:#24483c;--muted:#68736b;--line:#dce3d9;--white:#fffefa}
body{background:radial-gradient(ellipse at 95% 8%,#e8eddf 0,transparent 38%),var(--paper)}
.site-header{height:76px;max-width:1240px;border-bottom-color:#dde3d8}.brand-icon{color:#3b6652}.prototype-label{letter-spacing:.2px}
main{max-width:1120px}.tool-tabs{display:inline-flex;padding:5px;gap:3px;background:#e9ede3;border:1px solid #d9e0d3;border-radius:14px;margin:24px 0}.tool-tabs [data-tool]{border:0;border-radius:10px;padding:12px 22px;color:#68776b;min-height:42px}.tool-tabs [data-tool][aria-pressed=true]{background:#fffefb;color:#24483c;box-shadow:0 2px 7px #27453412}.tool-tabs [data-tool]:hover{background:#f7f8f1}
.hero,body.time-active .hero,body.currency-active .hero{padding:30px 0 25px}.hero h1,body.time-active .hero h1,body.currency-active .hero h1{font-size:46px;margin:15px 0 14px;letter-spacing:-1.7px}.hero-description{font-size:14px;line-height:1.7}.symbol-art{transform:scale(.83);transform-origin:right center;height:185px}.eyebrow{font-size:9px;letter-spacing:1.5px}.symbol-art .art-caption{top:-12px}
.personal-shelf,.world-shelf,.currency-shelf{border:1px solid #d9e1d0;border-radius:15px;background:#eef2e7;padding:18px 20px;box-shadow:0 3px 12px #24483c03}.personal-shelf{margin-top:0}.personal-shelf .shelf-heading h2,.currency-shelf .shelf-heading h2{font-size:15px}.favorites-empty{margin:12px 0 5px;font-size:12px}.shelf-storage{font-size:10px;margin:10px 0 0}.shelf-heading>span{font-size:11px}.world-shelf{background:linear-gradient(120deg,#edf2e5,#f7f8f1)}.city-clock{border-color:#dfe6d7;box-shadow:0 2px 7px #24483c03}
.search-panel{border:1px solid #c2d0ba;border-radius:18px;padding:20px 24px;box-shadow:0 3px 0 #e2e8d9,0 12px 30px #24483c05}.search-panel:focus-within{box-shadow:0 3px 0 #d9e4ce,0 0 0 3px #abc39820}.search-button{border-radius:10px;padding:13px 20px}.mic-button{border-radius:9px}#query{font-size:21px;min-height:88px}.mode-row{margin-bottom:12px}.examples{margin-top:16px}.examples button{background:#fffefa88}.search-meta{margin-top:13px}.results-section{margin-top:32px}.symbol-card{border-radius:12px;background:#fffefa;box-shadow:0 2px 8px #24483c03}.filters{border-bottom:1px solid var(--line);padding-bottom:14px}.filter.active{background:#dfe9d5}.site-footer{margin-top:45px}
body.currency-active .symbol-art,body.currency-active .personal-shelf{display:none}body.currency-active .hero{position:relative}body.currency-active .hero:after{content:'€  ⇄  $';font-family:'Instrument Serif',Georgia,serif;font-size:64px;font-style:italic;letter-spacing:-3px;color:#486a53;background:linear-gradient(130deg,#e5edda,#f2f5ea);border:1px solid #d4dfc6;border-radius:100px;padding:20px 32px;transform:rotate(-7deg);margin-right:26px;box-shadow:0 10px 25px #24483c06}
#currency-saved{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.currency-shortcut{display:flex;align-items:center;border:1px solid #d9e1d1;border-radius:10px;background:#fffefa;max-width:100%}.currency-chip{display:flex;gap:9px;align-items:center;background:none;border:0;padding:11px 8px 11px 13px;min-width:0}.currency-chip strong{font-size:12px;letter-spacing:.4px}.currency-chip span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.currency-remove{padding:10px;background:none;border:0;color:#7b8975}.currency-remove:hover{color:#a14d33}#currency-workspace{margin-top:28px;scroll-margin-top:20px}.fx-status{font-size:12px;line-height:1.7;color:#5d7059}.fx-status:empty,.fx-interpretation:empty{display:none}.fx-interpretation{background:#edf2e6;border-left:3px solid #94aa80;border-radius:0 9px 9px 0;padding:13px 16px;font-size:13px;line-height:1.7}.fx-desk{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d0dcc6;border-radius:19px;overflow:hidden;box-shadow:0 8px 30px #24483c05;background:var(--white)}.fx-form{padding:26px;min-width:0}.fx-form label{display:block;font-size:11px;font-weight:550;color:#63755e;margin:0 0 9px}.fx-form input,.fx-form select{background:#f9faf5;border:1px solid #d5dfcd;border-radius:10px;color:var(--ink);width:100%;min-width:0;padding:13px;font:13px var(--font)}.fx-form input{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.fx-form #currency-amount-hint{font-size:10px;color:var(--muted);margin:8px 0 24px}.fx-pair{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:8px;align-items:end;margin-bottom:22px}.fx-pair select{font-size:12px;padding:13px 6px}.fx-pair>div{min-width:0}#currency-swap{border:1px solid #d5dfcd;border-radius:50%;background:#eef3e6;font-size:21px;height:34px;margin-bottom:6px}.fx-form>.search-button{width:100%;justify-content:center}.fx-form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.fx-output{padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(145deg,#e5edda,#f3f6eb);border-left:1px solid #d0dcc6;min-width:0;min-height:315px}#currency-result{width:100%}.fx-result-label{font-size:13px;margin:0 0 12px}.fx-result-value{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;line-height:1.1}.fx-result-value strong{font-size:clamp(28px,4vw,48px);font-weight:500;letter-spacing:-1.7px;overflow-wrap:anywhere;max-width:100%;font-variant-numeric:tabular-nums}.fx-result-value>span{font-size:18px;font-weight:500;color:#607557}.fx-currency-name{font-size:12px;color:#6c7d62;margin:10px 0 24px}.fx-rate{font-size:12px;padding-top:16px;border-top:1px solid #cdd9c1}.fx-date,.fx-fetched{font-size:11px;color:#65765b;line-height:1.6}.fx-source{font-size:11px;text-underline-offset:3px}.fx-warning{font-size:12px;padding:10px;background:#fff3d5;border:1px solid #e4d2a1;border-radius:7px;line-height:1.6}.fx-disclaimer{font-size:11px;line-height:1.8;color:#74816c;margin:14px 4px}.fx-empty-mark{font-size:56px;color:#80956f;margin:0 0 15px}.fx-output>button{margin-top:15px;background:#fffefa}#currency-workspace[aria-busy=true] .fx-status{color:#8e6b3c}
@media(max-width:650px){.site-header{height:68px;padding:0 20px}main{padding:0 18px}.tool-tabs{width:100%;display:flex;justify-content:space-between;margin:18px 0}.tool-tabs [data-tool]{padding:10px 12px;flex:1;font-size:12px}.hero,.time-active .hero,.currency-active .hero{padding:24px 0 20px!important}.hero h1,body.time-active .hero h1,body.currency-active .hero h1{font-size:34px}.hero-description{font-size:13px}.symbol-art{display:none}.personal-shelf,.world-shelf,.currency-shelf{padding:15px}.shelf-heading>span{display:none}.currency-chip span{max-width:105px}.currency-chip{padding:10px 5px 10px 10px}.currency-remove{padding:10px 8px}.search-panel{padding:18px}#query{font-size:18px}.input-actions{gap:8px}.voice-controls{gap:5px}.search-button{padding:12px;font-size:12px;gap:10px}.fx-desk{grid-template-columns:1fr}.fx-form{padding:20px}.fx-output{border-left:0;border-top:1px solid #d0dcc6;padding:24px;min-height:235px}.fx-result-value strong{font-size:40px}.fx-pair{gap:5px}.fx-pair select{font-size:11px}.section-heading h2{font-size:21px}body.currency-active .hero:after{display:none}.fx-form-actions{gap:8px}.currency-shortcut{flex:0 1 auto}.examples button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Keep language and processing choices accessible on narrow screens. */
.voice-controls{flex-wrap:wrap;gap:8px}
#speech-provider,#speech-lang{max-width:145px;min-height:36px}
@media(max-width:540px){.input-actions{flex-wrap:wrap;gap:12px}.voice-controls{width:100%}}

.voice-confirmation{padding:24px;border:1px solid #b8c4a9;border-radius:18px;background:#f5f7ee;margin:16px 0;display:flex;flex-wrap:wrap;gap:14px;align-items:center}.voice-confirmation[hidden]{display:none}.voice-confirmation p{flex-basis:100%;margin:0;line-height:1.6}.voice-confirmation button{max-width:100%;white-space:normal}#voice-total{font-variant-numeric:tabular-nums;color:#244e40}

/* Saved currency board: one source amount, simultaneous dated conversions. */
.currency-board-controls{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1fr) auto;gap:14px;align-items:end;margin-top:18px;max-width:720px}.currency-board-controls label{display:grid;gap:7px;min-width:0;font-size:11px}.currency-board-controls input,.currency-board-controls select{width:100%;min-width:0;border:1px solid #cbd8c0;border-radius:9px;padding:12px;background:#fffefa;color:var(--ink);font:14px var(--font)}.currency-board-controls input{font-size:24px;font-variant-numeric:tabular-nums}.currency-board-controls button{min-height:43px}.currency-board-controls select{height:53px}#currency-saved{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}.currency-shortcut{position:relative;align-items:flex-start;min-width:0}.currency-chip{display:grid;gap:5px;text-align:left;width:100%;padding:14px;min-width:0}.currency-chip strong{padding-right:18px}.currency-chip .currency-board-name{max-width:100%;font-size:11px}.currency-chip .currency-board-value{font-size:25px;line-height:1.3;color:var(--ink);font-variant-numeric:tabular-nums;max-width:100%;white-space:normal;overflow-wrap:anywhere;letter-spacing:-.6px;margin-top:5px}.currency-board-date{font-size:10px;color:var(--muted);line-height:1.5}.currency-remove{position:absolute;right:2px;top:2px}.rate-unavailable{background:#f7f6ef}#currency-board-status{margin:12px 0 0;font-size:11px}
@media(max-width:650px){.currency-board-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.currency-board-controls button{grid-column:1/-1;justify-self:start;padding:9px 13px;min-height:36px}#currency-saved{grid-template-columns:repeat(2,minmax(0,1fr))}.currency-chip{padding:12px}.currency-chip .currency-board-value{font-size:22px}.currency-board-controls select{font-size:12px}}