/* Google Sans for the interface; Roboto for longer reading and form copy. */
html[data-theme] body{font-family:'Roboto',Arial,sans-serif;font-optical-sizing:auto}
html[data-theme] :is(h1,h2,h3,h4,.brand,.hero h1,.next-heading h2,.graph-heading h3,.result-value,#basic-expression,.summary-card strong,.saved-card>strong,.outlook-card strong){font-family:'Google Sans','Roboto',Arial,sans-serif}
html[data-theme] :is(button,input,select,textarea){font-family:'Google Sans','Roboto',Arial,sans-serif}
html[data-theme] :is(.hero h1 em,.next-heading h2 em,.ws-heading h1 em){font-style:normal;font-weight:500}
html[data-theme] :is(.hero h1,.next-heading h2){letter-spacing:-1px;line-height:1.18}
html[data-theme] .hero h1{font-size:40px}
html[data-theme] .next-heading h2{font-size:36px}
html[data-theme] #basic-expression{font-variant-numeric:tabular-nums;letter-spacing:-1px}
/* Transparent layers and soft light, without restoring decorative outlines. */
html:is([data-theme=glass],[data-theme=midnight]){
 --frosted-surface:linear-gradient(135deg,#f0f6ff16 0%,#f0f6ff08 55%,#ced6ff0d 100%);
 --glass-shadow:inset 0 1px 0 #eff7ff21,0 3px 8px #07142614,0 14px 35px #07142622;
}
html[data-theme=glass] body{background:radial-gradient(ellipse at 12% 10%,#86c4e52b,transparent 48%),radial-gradient(ellipse at 90% 28%,#c7a9df24,transparent 43%),radial-gradient(ellipse at 30% 85%,#d0c4aa13,transparent 48%),#26313f;background-attachment:fixed}
html[data-theme=midnight] body{background:radial-gradient(ellipse at 15% 15%,#387da42b,transparent 50%),radial-gradient(ellipse at 85% 35%,#795da32b,transparent 45%),#0c1320;background-attachment:fixed}
html:is([data-theme=glass],[data-theme=midnight]) :is(header,.workspace-active header){background:#253342a6;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 4px 24px #0a14221c}
html:is([data-theme=glass],[data-theme=midnight]) :is(#everyday-calculator,.card,.next-suggestions button,.number-bridge,.bottom-banner,.summary-card,.calendar-shell,.saved-card,.outlook-card,.signin-card,.workspace-sidebar,.journey-input-card,.journey-output-card,.inputs-panel,.results-panel,.interactive-chart,.account-identity,.linked-calculation,#snapshot-preview){background:var(--frosted-surface);border-color:transparent;box-shadow:var(--glass-shadow);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)}
html:is([data-theme=glass],[data-theme=midnight]) .next-suggestions button{background:linear-gradient(135deg,var(--tile-bg),#ffffff09);box-shadow:var(--glass-shadow)}
html:is([data-theme=glass],[data-theme=midnight]) .journey-output-card{background:linear-gradient(135deg,var(--accent-soft),#ecf5ff08);box-shadow:var(--glass-shadow)}
html:is([data-theme=glass],[data-theme=midnight]) :is(dialog,#journey-dialog){background:#253342e6;backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%);box-shadow:inset 0 1px 0 #f0f7ff29,0 18px 70px #07101f55;border-color:transparent}
html[data-theme=midnight] :is(dialog,#journey-dialog){background:#101c2de8}
html:is([data-theme=glass],[data-theme=midnight]) dialog::backdrop{background:#101a2873;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html:is([data-theme=glass],[data-theme=midnight]) .dialog-top{background:#253342e8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html[data-theme=midnight] .dialog-top{background:#101c2de8}
html:is([data-theme=glass],[data-theme=midnight]) #everyday-calculator .everyday-keys button:not(.equals){background:linear-gradient(145deg,#f1f7ff1f,#d3e7ff0c);box-shadow:inset 0 1px 0 #f1f7ff1f,0 3px 7px #0b15272b;border-color:transparent}
html:is([data-theme=glass],[data-theme=midnight]) #everyday-calculator .everyday-keys .operator{background:linear-gradient(145deg,var(--accent-soft),#d3e7ff0c)}
html:is([data-theme=glass],[data-theme=midnight]) #everyday-calculator .everyday-keys button:not(.equals):hover{background:linear-gradient(145deg,#f1f7ff2e,#d3e7ff15)}
html:is([data-theme=glass],[data-theme=midnight]) :is(input,select,textarea,.everyday-display,.library>.search-wrap){background-color:#14233385;box-shadow:inset 0 2px 5px #07132426,0 1px 0 #e7f2ff0c}
html:is([data-theme=glass],[data-theme=midnight]) option{background:#263747}
html:is([data-theme=glass],[data-theme=midnight]) :is(#journey-result,#everyday-calculator.expanded){backdrop-filter:none;-webkit-backdrop-filter:none}
@supports not (backdrop-filter:blur(1px)){
 html:is([data-theme=glass],[data-theme=midnight]) :is(.card,.journey-input-card,.journey-output-card,.calendar-shell,dialog,#journey-dialog){background:#303e50}
}
@media(max-width:720px){html[data-theme] .hero h1{font-size:31px}html[data-theme] .next-heading h2{font-size:31px}html:is([data-theme=glass],[data-theme=midnight]) body{background-attachment:scroll}}
@media(prefers-reduced-transparency:reduce){html:is([data-theme=glass],[data-theme=midnight]) :is(header,dialog,#journey-dialog,.card,.next-suggestions button,.number-bridge,.summary-card,.calendar-shell,.saved-card,.outlook-card,.signin-card,.workspace-sidebar,.journey-input-card,.journey-output-card,.inputs-panel,.results-panel,.interactive-chart){background:#303e50;backdrop-filter:none;-webkit-backdrop-filter:none}}