:root{color-scheme:dark;--bg:#11181c;--panel:#182227;--teal:#43d9de;--white:#f1f6f7;--muted:#a7b8bf;--red:#ff7070}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:590px;margin:auto;padding:max(22px,env(safe-area-inset-top)) 22px max(32px,env(safe-area-inset-bottom))}header{text-align:center}h1{font-size:clamp(38px,10vw,48px);line-height:1.2;letter-spacing:-1.8px;margin:8px 0 10px;font-weight:750}h1 span{background:linear-gradient(#b3f9f7,#43d9de 65%,#19b5c0);background-clip:text;-webkit-background-clip:text;color:transparent}select,input,button{font:inherit}select,button,input{border:1px solid #354b55;background:#1e2c32;color:var(--white);border-radius:12px;padding:10px 14px}button,select{cursor:pointer}button{min-height:44px}.location select{font-size:20px;font-weight:650;border-color:transparent;background:transparent;text-align:center;max-width:100%}.clock{margin:0 auto 28px}canvas{display:block;width:100%;aspect-ratio:1}#next{text-align:center;margin-top:-10px}.event{padding:4px 0;font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap}.event.high{color:var(--teal)}.extreme{color:var(--red);font-weight:700}#next .event{font-size:clamp(18px,5vw,24px)}.range{display:flex;gap:8px}.range button{flex:1;font-weight:600}.range button[aria-pressed=true]{background:var(--teal);color:var(--bg);border-color:var(--teal)}.legend{font-size:12px;color:var(--muted);text-align:center}.legend span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:6px}.day{padding-bottom:16px;border-bottom:1px solid #25353e;margin-bottom:10px}.day h2{text-align:left;font-size:20px;color:var(--teal);font-weight:700;margin:20px 0 10px}.day .event{text-align:center;font-size:17px}.settings,.offline{margin-top:28px;padding:20px;background:var(--panel);border-radius:18px}h2{font-size:18px;margin:0 0 14px}.settings label{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.settings input{width:95px}#offset-wrap{margin-top:20px}p{color:var(--muted)}.settings p,.offline p,.about p{font-size:14px}#offline-status.ready{color:var(--teal)}#offline-status.warning,#storage,#error{color:#ffca80}details{margin-top:18px}summary{cursor:pointer;min-height:40px;padding-top:8px;font-weight:600}a{color:var(--teal)}footer{text-align:center;color:var(--muted);font-size:12px;margin:24px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}@media(min-width:800px){main{margin:25px auto;background:var(--panel);border:1px solid #293b45;border-radius:24px;padding:32px}.settings,.offline{background:var(--bg)}}

.offset-summary{font-size:12px;margin:0;color:var(--muted)}.location select{font-size:clamp(14px,4vw,20px);width:100%}

/* Native desktop select popups need explicit option colours. */
select option,select optgroup{color:#11181c;background-color:#ffffff}

.install-options{margin:22px 0 30px;padding:20px;border:1px solid #354b55;border-radius:18px;background:var(--panel)}.install-options p,.install-options li{font-size:14px}.download-button{display:block;padding:13px 16px;text-align:center;border-radius:12px;background:var(--teal);color:var(--bg);font-weight:700;text-decoration:none;line-height:1.4}.download-button:hover{background:#8cebef}.download-note{font-size:12px!important;text-align:center;margin:8px 0 12px}.install-options ol{padding-left:20px}.install-options li{margin:9px 0}

.install-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.install-heading h2{margin:0}.install-heading button{font-size:14px;padding:8px 14px}#installation-info .install-options{margin:8px 0 0}#installation-info .install-heading:has(h2[hidden]){display:none}