:root{--sandy-orange: #eb9300;--sandy-pink: #fcb0fb;--sandy-yellow: #fff46c;--sandy-sand: #f7e2c4;--ink: #2a1c0e;--ink-soft: #6b5638;--paper: #fdf6ea;--card: #fffaf0;--line: rgba(42, 28, 14, .12);--font-display: "Antarctican Mono", ui-monospace, "SF Mono", "Menlo", "Roboto Mono", monospace;--font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;--radius: 18px;--shadow: 0 10px 30px rgba(42, 28, 14, .1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(120% 80% at 50% -10%,var(--sandy-sand) 0%,transparent 60%),linear-gradient(180deg,var(--paper) 0%,#fbeeda 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased}.mono{font-family:var(--font-display);letter-spacing:.02em}.app{max-width:520px;margin:0 auto;min-height:100%;padding:env(safe-area-inset-top) 18px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.app--onboarding{justify-content:center;gap:22px}.content{display:flex;flex-direction:column;gap:16px;flex:1}.wordmark{display:flex;align-items:center;gap:12px;justify-content:center}.wordmark__mark{width:52px;height:52px}.wordmark__name{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.wordmark--small .wordmark__mark{width:30px;height:30px}.wordmark--small .wordmark__name{font-size:18px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 2px 18px}.topbar__place{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;font-size:13px;color:var(--ink);cursor:pointer}.topbar__gear{opacity:.6}.gauge{text-align:center;padding:8px 0 4px}.gauge__number{display:flex;flex-direction:column;align-items:center;line-height:.9}.gauge__value{font-family:var(--font-display);font-size:108px;font-weight:700}.gauge__label{font-size:15px;text-transform:uppercase;letter-spacing:.14em;margin-top:6px}.gauge__track{position:relative;height:10px;border-radius:999px;margin:20px 6px 0}.gauge__marker{position:absolute;top:50%;width:20px;height:20px;border-radius:50%;background:var(--card);border:3px solid var(--ink);transform:translate(-50%,-50%)}.gauge__advice{margin:16px 8px 0;font-size:16px;color:var(--ink-soft)}.peak{display:flex;align-items:center;justify-content:space-between;background:var(--sandy-orange);color:#3a2405;border-radius:var(--radius);padding:14px 18px}.peak__label{text-transform:uppercase;font-size:12px;letter-spacing:.12em}.peak__value{font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card__title{margin:0 0 14px;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.hours{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.hours__col{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:34px}.hours__uv{font-size:12px;font-weight:700}.hours__bar-wrap{height:90px;display:flex;align-items:flex-end}.hours__bar{width:10px;border-radius:999px;min-height:8px}.hours__time{font-size:11px;color:var(--ink-soft)}.days{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.days__row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.days__row:first-child{border-top:none}.days__name{font-size:14px}.days__sun{font-size:12px;color:var(--ink-soft)}.days__uv{min-width:30px;text-align:center;border-radius:8px;padding:4px 8px;font-weight:700;color:#3a2405}.timer__estimate,.timer__safe{font-size:17px;margin:0 0 16px;color:var(--ink)}.timer__clock{font-size:56px;font-weight:700;text-align:center;margin:6px 0 14px}.timer__clock[data-done=true]{font-size:26px;color:#e2562b}.timer__bar{height:10px;background:var(--sandy-sand);border-radius:999px;overflow:hidden}.timer__fill{height:100%;transition:width .6s linear}.timer__hint{font-size:14px;color:var(--ink-soft);margin:14px 0}.btn{font-family:var(--font-body);font-size:16px;border-radius:999px;padding:14px 20px;border:1px solid transparent;cursor:pointer;width:100%}.btn--primary{background:var(--sandy-orange);color:#3a2405;font-weight:700}.btn--primary:active{transform:translateY(1px)}.btn--ghost{background:transparent;border-color:var(--line);color:var(--ink);width:auto;padding:10px 16px;font-size:14px}.quiz{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.quiz__head{display:flex;align-items:center;gap:12px}.quiz__step{font-size:12px;color:var(--ink-soft);white-space:nowrap}.quiz__progress{flex:1;height:6px;background:var(--sandy-sand);border-radius:999px;overflow:hidden}.quiz__progress-fill{height:100%;background:var(--sandy-orange);transition:width .3s ease}.quiz__prompt{font-size:20px;margin:4px 0}.quiz__options{display:flex;flex-direction:column;gap:8px}.quiz__option{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:16px;font-family:var(--font-body);cursor:pointer}.quiz__option:active{background:var(--sandy-yellow)}.quiz--result{align-items:flex-start}.quiz__result-name{font-family:var(--font-display);font-size:34px;margin:0}.quiz__result-blurb{font-size:17px;color:var(--ink-soft);margin:0}.primer__title{font-size:24px;margin:4px 0;line-height:1.15}.primer__body{font-size:16px;color:var(--ink-soft);margin:0 0 6px;line-height:1.5}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);max-width:520px;margin:0 auto;padding:18px 18px calc(28px + env(safe-area-inset-bottom));overflow-y:auto;z-index:20}.sheet__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.setting{border-top:1px solid var(--line);padding:18px 0;display:flex;flex-direction:column;gap:10px}.setting__label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.setting__value{margin:0;font-size:16px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-width:44px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-family:var(--font-display);font-size:15px;cursor:pointer}.chip--on{background:var(--sandy-orange);color:#3a2405;border-color:var(--sandy-orange);font-weight:700}.search{display:flex;gap:8px}.search__input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid var(--line);font-size:16px;font-family:var(--font-body);background:var(--card)}.search__results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.search__result{width:100%;text-align:left;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-size:15px;cursor:pointer}.nudge{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#3a2405;background:linear-gradient(135deg,var(--sandy-pink),var(--sandy-yellow));border-radius:var(--radius);padding:20px}.nudge__eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em}.nudge__line{font-size:19px;font-weight:600;line-height:1.25}.nudge__cta{font-size:13px;margin-top:4px}.state{text-align:center;padding:40px 12px;color:var(--ink-soft);display:flex;flex-direction:column;gap:14px;align-items:center}.disclaimer{margin-top:22px;font-size:12px;line-height:1.5;color:var(--ink-soft);text-align:center;padding:0 6px}