:root{--bg:#0a0b10;--bg2:#141622;--bg3:#1c1e2d;--line:#262a3a;--text:#e8ecf8;--muted:#8b97b0;--accent:#4a94ba;--accent2:#82caeb;--grad:linear-gradient(135deg, #4a94ba, #5ea9d1);--good:#22c55e;--warn:#f59e0b;--radius:14px}body.tod-day{--bg:#eef4fb;--bg2:#fff;--bg3:#f0f6fd;--line:#d4e2f0;--text:#1e3344;--muted:#57738a}body.tod-dawn{--bg:#0c1426;--bg2:#122036;--bg3:#1a2c47;--line:#2b3f5a;--text:#e8eefb;--muted:#9bb0cc}body.tod-dusk{--bg:#0a1620;--bg2:#102330;--bg3:#173041;--line:#294253;--text:#e6f1f8;--muted:#9ab3c4}body.tod-night{--bg:#0a0b10;--bg2:#141622;--bg3:#1c1e2d;--line:#262a3a;--text:#e8ecf8;--muted:#8b97b0}body{transition:background-color .4s,color .4s}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#app{flex-direction:column;max-width:1000px;min-height:100vh;margin:0 auto;padding:1.25rem;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{color:var(--text);align-items:center;gap:.5rem;text-decoration:none;display:flex}.brand-logo{font-size:1.6rem}.brand-name{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.3rem;font-weight:800}.local-zone{color:var(--muted);font-size:.85rem}.tabs{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0;display:flex}.tab{background:var(--bg2);color:var(--muted);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{background:var(--grad);color:#fff;border-color:#0000}.view{flex:1}h1{margin-bottom:.25rem;font-size:1.7rem}.intro{color:var(--muted);max-width:70ch;margin-bottom:1.5rem}.card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.field{flex-direction:column;flex:180px;gap:.3rem;min-width:0;display:flex;position:relative}label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:.75rem;font-weight:600}input,select{background:var(--bg3);color:var(--text);border:1px solid var(--line);border-radius:10px;outline:none;width:100%;height:2.5rem;padding:0 .75rem;font-size:.95rem}input:focus,select:focus{border-color:var(--accent)}input[type=date],input[type=time]{min-width:0;max-width:100%;line-height:2.5rem}.suggest{z-index:60;background:var(--bg2);border:1px solid var(--line);-webkit-overflow-scrolling:touch;border-radius:10px;max-height:16rem;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000073}.suggest[hidden]{display:none}.sopt{cursor:pointer;border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:.5rem;padding:.6rem .75rem;font-size:.9rem;display:flex}.sopt:first-child{border-top:none}.sopt.on,.sopt:hover{background:var(--bg3)}.sopt-sub{color:var(--muted);white-space:nowrap;font-size:.78rem}button.btn{background:var(--grad);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;height:2.5rem;padding:0 1.2rem;font-size:.9rem;font-weight:700;display:inline-flex}button.ghost{background:var(--bg3);color:var(--text);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.3rem;height:2.5rem;padding:0 .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.result-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.result-row:first-child{border-top:none}.zone-name{font-weight:600}.zone-sub{color:var(--muted);font-size:.8rem}.big-time{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.daydiff{color:var(--warn);font-size:.8rem}.pill{background:var(--bg3);color:var(--muted);border-radius:999px;padding:.1rem .5rem;font-size:.7rem}.remove{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.1rem}.chips{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.chips:empty{display:none}.chips-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-right:.15rem;font-size:.75rem}.chip{background:var(--bg3);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:999px;padding:.25rem .7rem;font-size:.8rem}.chip:hover{border-color:var(--accent);color:var(--accent2)}.iconbtn{background:var(--bg3);border:1px solid var(--line);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.25rem .45rem;font-size:.8rem}.iconbtn:hover{color:var(--text);border-color:var(--accent)}.slotbtn{background:var(--bg3);border:1px solid var(--line);color:var(--text);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:8px;padding:.35rem .6rem;font-size:.85rem}.slotbtn:hover{border-color:var(--accent)}.slotbtn.sel{background:var(--good);border-color:var(--good);color:#04210f;font-weight:700}.countdown{font-variant-numeric:tabular-nums;background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:800}.passed{color:var(--warn)}.grid-wrap{overflow-x:auto}.tzgrid{border-collapse:collapse;width:100%;min-width:720px;font-size:.75rem}.tzgrid th,.tzgrid td{border:1px solid var(--line);text-align:center;padding:.25rem}.tzgrid td.work{background:#22c55e40}.tzgrid td.sleep{color:var(--muted);background:#00000040}.tzgrid th.zone{text-align:left;white-space:nowrap;padding:.4rem .6rem}.tzgrid th.best,.tzgrid td.best{box-shadow:inset 0 0 0 2px var(--accent2)}.hg{animation:3s ease-in-out infinite hgflip;display:inline-block}@keyframes hgflip{0%,38%{transform:rotate(0)}50%,88%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.faq{max-width:70ch;margin-top:2.5rem}.faq h2{margin-bottom:.5rem;font-size:1.1rem}.faq .q{border-top:1px solid var(--line);padding:.85rem 0}.faq .q h3{margin-bottom:.25rem;font-size:.95rem}.faq .q p{color:var(--muted);font-size:.9rem}.foot{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;font-size:.8rem;display:flex}.note{color:var(--muted);margin-top:.5rem;font-size:.85rem}.warnbox{color:var(--text);background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:10px;margin-top:.75rem;padding:.6rem .9rem;font-size:.85rem}@media (width<=600px){h1{font-size:1.4rem}.big-time{font-size:1.2rem}.row{gap:.6rem}.field{flex:100%!important}}