.hero{background:var(--sky-low);block-size:100svh;min-block-size:34rem;position:relative;overflow:hidden}.hero .scene{block-size:100%;inline-size:100%;position:absolute;inset:0}.hero-ui{z-index:2;align-items:flex-start;gap:var(--s3);padding:calc(var(--nav-h) + var(--s4)) var(--s4) var(--s4);max-width:var(--maxw);flex-direction:column;margin-inline:auto;display:flex;position:relative}.hero-title{margin:0 0 var(--s2);color:var(--ink);text-shadow:0 1px #ffffff8c,0 0 18px #ffffff73;max-inline-size:24ch;font-size:clamp(1.6rem,3.4vw,2.4rem)}.readout{-webkit-backdrop-filter:blur(10px);border-radius:var(--r-l);min-block-size:14.5rem;inline-size:min(24rem,100vw - 2rem);box-shadow:var(--shadow-card);padding:var(--s4) var(--s5);color:var(--ink);background:linear-gradient(#ffffffe6,#f2f8fdd1);border:1px solid #ffffffd9}.readout-head{justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex}.readout-field{margin:0;font-size:1.1rem;font-weight:700}.readout-main{justify-content:space-between;align-items:center;gap:var(--s4);margin-block:var(--s2) var(--s3);display:flex}.readout-temp{font-family:var(--font-display);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-size:3.4rem;line-height:1}.readout-deg{vertical-align:.5em;font-size:.55em}.readout-lines{font-size:var(--t-small);color:var(--ink-soft);text-align:start;gap:2px;display:grid}.readout-verdict{padding:var(--s1) var(--s4);color:#fff;background:var(--ok-strong);border-radius:999px;font-size:.95rem;font-weight:700;display:inline-block}.readout-verdict[data-level=sport],.readout-verdict[data-level=expert]{background:var(--warn-strong)}.readout-verdict[data-level=grounded]{background:var(--danger)}.readout-foot{color:var(--ink-soft);gap:var(--s1) var(--s3);flex-wrap:wrap;margin-block-start:var(--s3);font-size:.8rem;display:flex}.unit-toggle{border:1px solid var(--line);border-radius:999px;margin-inline-start:auto;display:inline-flex;overflow:hidden}.unit-toggle button{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;padding:2px 10px;font-size:.78rem}.unit-toggle button[aria-pressed=true]{background:var(--ink);color:#fff}.field-picker{align-items:center;gap:var(--s2);flex-wrap:wrap;max-inline-size:min(34rem,100vw - 2rem);display:flex}.chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--s1) var(--s4);cursor:pointer;color:var(--ink);background:#ffffffb8;border:1px solid #ffffffe6;border-radius:999px;font-size:.9rem;transition:background .12s}.chip:hover{background:#fff}.chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.field-search{position:relative}.field-search input{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--s1) var(--s4);font:inherit;inline-size:13rem;color:var(--ink);background:#ffffffb8;border:1px solid #ffffffe6;border-radius:999px;font-size:.9rem}.field-search input::placeholder{color:var(--ink-soft)}.field-search-results{border-radius:var(--r-m);inline-size:100%;box-shadow:var(--shadow-pop);padding:var(--s1);z-index:5;background:#fff;margin:0;list-style:none;position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:0}.field-search-results button{text-align:start;inline-size:100%;padding:var(--s2) var(--s3);border-radius:var(--r-s);cursor:pointer;background:0 0;border:0;display:block}.field-search-results button:hover{background:var(--paper)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:40rem){.hero-ui{padding-block-start:calc(var(--nav-h) + var(--s3))}.readout{inline-size:calc(100vw - 2rem)}.readout-temp{font-size:2.8rem}}