:root{--bg:#f5f0e6;--card:#fffdf8;--fg:#2a2418;--muted:#6e6455;--line:#e6ddcb;--box:#f0e9da;--accent:#d9530e;--accent-press:#c04a0c;--accent-ink:#ad4408;--accent-soft:#f9e2d0;--good:#4d7a4d;--good-soft:#e4eedd;--sleep:#5f59a6;--sleep-soft:#e9e6f7;--sleep-bar:#8d86d8;--night-1:#23244a;--night-2:#40315f;--night-fg:#f1edff;--night-muted:#b6aede;--shadow-card:0 1px 2px rgba(74,56,28,0.04),0 6px 20px rgba(74,56,28,0.06);--shadow-btn:0 2px 10px rgba(217,83,14,0.25);--font-num:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root{--bg:#131210;--card:#1d1a16;--fg:#ece4d4;--muted:#a09585;--line:#2e2a23;--box:#26221b;--accent:#ff8043;--accent-press:#f0703a;--accent-ink:#ff9c6b;--accent-soft:#3a2314;--good:#93bd86;--good-soft:#223020;--sleep:#a79ef2;--sleep-soft:#282546;--sleep-bar:#7d75c9;--night-1:#1a1c3a;--night-2:#2f2751;--night-fg:#eee9ff;--night-muted:#a49bd4;--shadow-card:none;--shadow-btn:none}}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{background:var(--bg);color:var(--fg);font:15px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans Thai,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}main{max-width:480px;margin:0 auto;padding:20px 16px 96px;display:flex;flex-direction:column;gap:12px}h1{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}a{color:var(--accent-ink);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow-card)}.card.sleep{background:radial-gradient(120% 90% at 85% -10%,rgba(141,134,216,.35),transparent 60%),linear-gradient(150deg,var(--night-1),var(--night-2));border-color:transparent;color:var(--night-fg);padding:18px}.card.sleep .lbl,.card.sleep .mut{color:var(--night-muted)}.card.sleep .pill.zz{background:rgba(255,255,255,.14);color:var(--night-fg);font-weight:600}.card.today{border-left:4px solid var(--accent);background:linear-gradient(to right,var(--accent-soft),var(--card) 38%)}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.lbl{color:var(--muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.big{font-size:1.1rem}.big,.huge{font-weight:700}.huge{font-family:var(--font-num);font-size:2.6rem;line-height:1.1;letter-spacing:-.04em}.mut{color:var(--muted);font-size:.82rem}.num{font-family:var(--font-num);font-size:.92em;letter-spacing:-.02em}.pill{display:inline-block;border-radius:999px;padding:3px 11px;font-size:.72rem;font-weight:700;letter-spacing:.01em}.pill.q{background:var(--accent);color:#fff}.pill.e{background:var(--box);border:1px solid var(--line);color:var(--muted)}.pill.ok{background:var(--good-soft);color:var(--good)}.pill.zz{background:var(--sleep-soft);color:var(--sleep)}.btn{border:1.5px solid var(--line);border-radius:14px;text-align:center;padding:12px;font-weight:700;font-size:.9rem;font-family:inherit;background:var(--card);color:var(--fg);width:100%;cursor:pointer;transition:transform .06s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-btn)}.btn.pri:active{background:var(--accent-press)}.btn:disabled{opacity:.6;cursor:default}.input{padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--fg);font-size:1rem;font-family:inherit;width:100%}.input::placeholder{color:var(--muted);opacity:.7}.input:focus{outline:none;border-color:var(--accent)}.banner{border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:12px;padding:10px 14px;font-size:.85rem;color:var(--fg)}.gauge{height:8px;background:var(--box);overflow:hidden}.gauge,.gauge i{border-radius:99px}.gauge i{display:block;height:100%;background:linear-gradient(to right,var(--good),var(--good))}.bars{display:flex;justify-content:space-between;align-items:flex-end;height:52px;padding:0 4px}.bars i{width:14px;min-height:8px;background:var(--sleep-bar);border-radius:99px}table{width:100%;border-collapse:collapse;font-size:.85rem}td,th{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left}tr:last-child td{border-bottom:none}th{color:var(--muted);font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}td.col-cool,td.col-hot{font-family:var(--font-num);font-size:.82rem}td.col-cool,th.col-cool{color:var(--sleep)}td.col-hot,th.col-hot{color:var(--accent-ink)}td.col-cool,td.col-hot{font-weight:600}td.col-cool.mut,td.col-hot.mut{color:var(--muted);font-weight:400}nav.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:10px 0 max(10px,env(safe-area-inset-bottom));max-width:480px;margin:0 auto}nav.tabbar a{flex:1 1;text-align:center;font-size:.66rem;font-weight:500;color:var(--muted);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:3px}nav.tabbar a svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}nav.tabbar a.on{color:var(--accent);font-weight:700}nav.tabbar a.on svg{stroke-width:2.2}