:root{color-scheme:dark;--bg:#111b22;--panel:#1b2831;--line:#34434b;--text:#f1f0e9;--muted:#b0bfc6;--accent:#f1ba88;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}main{max-width:860px;margin:auto;padding:24px 28px max(30px,env(safe-area-inset-bottom))}header,.toolbar,.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-size:30px;color:var(--accent);text-decoration:none}.brand span{font-size:23px;letter-spacing:-1px;color:var(--text)}button,a,input,select{-webkit-tap-highlight-color:transparent}button,.handoff{cursor:pointer;font:inherit;border:0;border-radius:12px;padding:13px 17px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.primary{background:var(--accent);color:#22201d;font-weight:650}.secondary{background:#344650;color:var(--text)}.ghost{background:transparent;color:var(--muted)}button:hover,.handoff:hover{filter:brightness(1.12)}.hero{position:relative;padding:56px 0 34px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:650}h1{position:relative;z-index:1;font-family:Georgia,serif;font-size:clamp(42px,7vw,68px);font-weight:400;letter-spacing:-2px;line-height:1.05;margin:22px 0 26px}h1 span{color:var(--accent)}.sun{position:absolute;right:10px;top:55px;width:225px;height:225px;border-radius:50%;background:linear-gradient(#f1ba88,#b87f6940);opacity:.48;box-shadow:0 0 0 25px #f1ba8808,0 0 0 50px #f1ba8805;mask-image:linear-gradient(black,transparent)}.live{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:13px}#clock{color:var(--text);font-size:22px;font-variant-numeric:tabular-nums}.notice{display:flex;gap:15px;padding:19px;border:1px solid #82694f;border-radius:16px;background:#f1ba8809;font-size:13px;line-height:1.6}.notice>span{font-size:23px;color:var(--accent)}p{color:var(--muted);line-height:1.6;margin:6px 0}h2{font-size:22px;font-weight:550;margin:0}h3{font-size:15px;margin:0 0 7px}.toolbar{margin:34px 0 20px}.toolbar p{font-size:12px}#alarms{display:grid;gap:13px}.alarm{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:23px}.alarm.disabled{opacity:.6}.alarm-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.alarm-time{font-size:49px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-2px}.alarm-label{font-size:14px;overflow-wrap:anywhere;margin-top:3px}.alarm-meta{font-size:11px;color:var(--muted);margin-top:7px}.alarm-actions{display:flex;align-items:center;gap:4px;margin-top:18px;border-top:1px solid var(--line);padding-top:14px;flex-wrap:wrap}.handoff{background:#f1ba8812;color:var(--accent);font-size:13px;margin-right:auto}.switch{position:relative;width:51px;height:31px;min-height:44px;background:transparent;padding:0}.switch:before{content:'';position:absolute;inset:7px 0;border-radius:20px;background:#50616b}.switch:after{content:'';position:absolute;left:4px;top:11px;width:22px;height:22px;border-radius:50%;background:white;transition:transform .2s}.switch[aria-checked=true]:before{background:var(--accent)}.switch[aria-checked=true]:after{transform:translateX(21px);background:#17212a}.empty{text-align:center;padding:38px 20px;border:1px dashed var(--line);border-radius:18px}.empty span{font-size:36px;color:var(--accent)}.night{margin-top:26px;padding:23px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line)}.night>div{flex:1 1 100%}.night p{font-size:12px}#audio-status{color:var(--accent)}footer{padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}footer>span{font-size:9px;letter-spacing:1.7px;color:var(--muted)}#status{flex-basis:100%;font-size:13px;color:var(--accent)}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:24px;padding:25px;width:min(480px,calc(100% - 24px));max-height:85dvh;overflow:auto}dialog::backdrop{background:#060d13c9;backdrop-filter:blur(7px)}.dialog-head{margin-bottom:24px}label{display:block;font-size:13px;color:var(--muted);margin:18px 0}input,select{display:block;width:100%;min-width:0;max-width:100%;margin-top:9px;border:1px solid #53646d;background:var(--bg);color:var(--text);font:inherit;padding:14px;border-radius:10px}input[type=time]{font-size:35px}.fine{font-size:12px;margin:16px 0}.full{width:100%;margin-top:12px}#guide h3{margin-top:24px}#guide p,#guide li{font-size:14px;line-height:1.7}ol{padding-left:22px;color:var(--muted)}li{margin:10px 0}#guide a{color:var(--accent);font-size:13px}.compact{display:block;margin-top:18px}#ring{text-align:center}.ring-icon{font-size:60px;color:var(--accent)}#ring h2{font-size:32px;margin-top:18px;overflow-wrap:anywhere}@media(max-width:480px){main{padding:18px 18px 28px}.hero{padding-top:43px}.sun{width:155px;height:155px;right:-25px;top:75px;opacity:.25}header .ghost{font-size:12px;padding-right:0}.toolbar{gap:8px}.toolbar .primary{font-size:13px;padding:12px}.alarm{padding:18px}.alarm-time{font-size:46px}.alarm-actions .ghost{font-size:12px;padding:12px 9px}.notice{padding:15px}.live{font-size:12px}.toolbar h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}