:root{--bg: #fcf8eb;--card: #f8efcb;--card-inner: #fbf5dd;--surface: #ffffff;--accent: #f0b428;--accent-btn: #f4c34a;--accent-soft: #f8e7ae;--accent-deep: #c08f1a;--gold-label: #b9954a;--gold-icon: #a3823f;--khaki: #7a6a45;--ink: #26221a;--muted: #97907d;--muted-2: #c2bba6;--line: #f0e8cd;--line-soft: #f5efdb;--radius-lg: 24px;--radius: 18px;--radius-sm: 14px;--nav-h: 74px;--shadow: 0 1px 2px rgba(124, 104, 44, .05), 0 4px 14px rgba(124, 104, 44, .07);--shadow-soft: 0 1px 6px rgba(124, 104, 44, .05)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#root{max-width:430px;margin:0 auto;min-height:100dvh;position:relative}button{font:inherit;border:none;background:none;color:inherit;cursor:pointer;text-align:left}input{font:inherit}.screen{padding:max(22px,env(safe-area-inset-top)) 22px calc(var(--nav-h) + 30px) 22px;animation:fade-in .22s ease}.screen.no-nav{padding-bottom:34px}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.brand{margin-bottom:22px}.brand h1{color:var(--accent);font-size:34px;font-weight:800;letter-spacing:-.8px;line-height:1}.brand p{color:var(--muted);font-size:12px;font-weight:500;margin-top:5px;letter-spacing:.1px}.greeting{display:flex;align-items:center;gap:7px;font-size:18px;font-weight:650;letter-spacing:-.2px;margin-bottom:16px}.greeting svg{color:var(--accent)}.page-title{font-size:26px;font-weight:750;letter-spacing:-.6px;line-height:1.18;margin-bottom:6px}.page-subtitle{color:var(--muted);font-size:14px;line-height:1.45;margin-bottom:20px;max-width:300px}.card{background:var(--card);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.card.surface{background:var(--surface);box-shadow:var(--shadow-soft);border-radius:var(--radius)}.card-inner{background:var(--card-inner);border-radius:var(--radius-sm);padding:13px 15px}.section-label{font-size:10.5px;font-weight:750;letter-spacing:1.3px;text-transform:uppercase;color:var(--gold-label);margin-bottom:8px}.section-label.tight{margin-bottom:4px}.icon-bubble{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.icon-bubble.gold{background:var(--surface);color:var(--gold-icon);box-shadow:var(--shadow-soft)}.icon-bubble.plain{background:var(--card-inner);color:var(--gold-icon)}.btn{display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:16px 22px;border-radius:999px;font-size:15.5px;font-weight:650;letter-spacing:-.1px;transition:transform .08s ease,filter .15s ease}.btn:active{transform:scale(.985)}.btn.primary{background:var(--accent-btn);color:var(--ink)}.btn.ghost{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-soft)}.btn.quiet{background:transparent;color:var(--muted);border:1.5px solid var(--line)}.btn:disabled{background:#f1ead0;color:var(--muted-2);cursor:default}.btn .btn-end{position:absolute;right:20px;display:inline-flex;align-items:center}.btn.small{width:auto;padding:10px 18px;font-size:13.5px}.chip-row{display:flex;gap:9px}.chip{flex:1;background:var(--bg);border-radius:var(--radius-sm);padding:13px 2px 11px;text-align:center;border:1.5px solid var(--line-soft);transition:background .12s ease,border-color .12s ease}.chip .chip-value{font-size:16.5px;font-weight:700;display:block;letter-spacing:-.2px}.chip .chip-unit{font-size:10.5px;font-weight:500;color:var(--muted)}.chip.active{background:var(--accent-soft);border-color:var(--accent-soft)}.chip.active .chip-unit{color:var(--gold-label)}.toggle{position:relative;width:50px;height:30px;border-radius:999px;background:#ece4c8;transition:background .18s ease;flex-shrink:0}.toggle.on{background:var(--accent-btn)}.toggle .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #3c300c38;transition:transform .18s ease}.toggle.on .knob{transform:translate(20px)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-card{background:var(--surface);border-radius:var(--radius);padding:17px 18px;margin-bottom:12px;box-shadow:var(--shadow-soft)}.row-title{display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:600;letter-spacing:-.1px}.row-title svg{color:var(--ink);flex-shrink:0}.row-title.gold svg{color:var(--gold-icon)}.row-sub{font-size:13px;color:var(--muted);line-height:1.45;margin-top:3px}.chev{color:var(--muted-2);display:inline-flex}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:16px}.stat-card{background:var(--surface);border-radius:var(--radius);padding:14px 13px 15px;box-shadow:var(--shadow-soft)}.stat-card .stat-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1.2px solid var(--line);color:var(--gold-icon);margin-bottom:9px}.stat-card .stat-label{font-size:9.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:5px;white-space:nowrap}.stat-card .stat-value{font-size:21px;font-weight:750;letter-spacing:-.4px}.stat-card .stat-unit{font-size:13px;font-weight:600}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:8px 6px env(safe-area-inset-bottom);background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line-soft);display:flex;z-index:50}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#a09a86;font-size:10px;font-weight:600;letter-spacing:.1px}.nav-item svg{width:21px;height:21px}.nav-item.active{color:var(--ink)}.nav-icon-wrap{display:flex;align-items:center;justify-content:center;width:46px;height:29px;border-radius:999px;transition:background .15s ease}.nav-item.active .nav-icon-wrap{background:var(--accent-soft);color:var(--ink)}.ring-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.ring-center{position:absolute;text-align:center}.ring-big{font-size:42px;font-weight:750;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.ring-big .ring-dim{color:var(--muted-2);font-weight:700}.ring-sub{font-size:13px;color:var(--muted);font-weight:500;margin-top:2px}.chart-title{font-size:15px;font-weight:700;letter-spacing:-.2px;margin-bottom:14px}.bars{display:flex;align-items:flex-end;gap:9px;height:132px;padding-top:30px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;height:100%;justify-content:flex-end;position:relative}.bar{width:100%;max-width:24px;border-radius:7px;background:var(--accent-soft);min-height:5px}.bar.peak{background:var(--accent-btn)}.bar-label{font-size:10.5px;font-weight:500;color:var(--muted)}.bar-badge{position:absolute;top:-26px;background:var(--accent-btn);color:var(--ink);font-size:10px;font-weight:700;border-radius:999px;padding:4px 8px;white-space:nowrap;box-shadow:var(--shadow-soft)}.pulse-card{display:flex;flex-direction:column;align-items:center;padding:40px 20px 30px}.bell-wrap{width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,#f7da7c,#f6d56a 60%,#f4cd55);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:18px;color:#8a6510}.bell-wrap:before,.bell-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--accent-btn);animation:pulse 1.7s ease-out infinite;opacity:0}.bell-wrap:after{animation-delay:.85s}@keyframes pulse{0%{transform:scale(1);opacity:.65}to{transform:scale(1.5);opacity:0}}.bell-swing{animation:ring-shake 1.2s ease-in-out infinite;transform-origin:top center}@keyframes ring-shake{0%,55%,to{transform:rotate(0)}60%{transform:rotate(11deg)}70%{transform:rotate(-9deg)}80%{transform:rotate(6deg)}90%{transform:rotate(-3deg)}}.divider{height:1px;background:var(--line-soft);margin:13px 0}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--ink);border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:650}.badge.white{background:var(--surface);box-shadow:var(--shadow-soft)}.badge.green{background:#e3f3e8;color:#2c7a4b}.badge svg{color:var(--gold-icon)}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.center-note{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;color:var(--muted);font-size:11.5px;font-weight:500;margin-top:12px}.center-note svg{color:var(--muted)}input.text-input{width:100%;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:13px 14px;font-size:14px;color:var(--ink);outline:none}input.text-input:focus{border-color:var(--accent-btn)}.outfit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.outfit-card{background:var(--surface);border-radius:var(--radius);padding:20px 8px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:var(--shadow-soft)}.outfit-card svg{color:var(--khaki)}.outfit-card .outfit-label{font-size:12px;font-weight:600;color:var(--ink)}.boost-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:8px;margin-top:14px}.boost-cell .boost-label{font-size:8.5px;font-weight:750;text-transform:uppercase;letter-spacing:.7px;color:var(--gold-label);margin-bottom:5px;line-height:1.4}.boost-cell .boost-value{font-size:19px;font-weight:750;letter-spacing:-.3px}.boost-cell .boost-value small{font-size:12px;font-weight:600;color:var(--muted)}.temp-hero{display:flex;align-items:center;gap:14px}.temp-hero .temp-icon{color:var(--accent)}.temp-hero .temp-value{font-size:38px;font-weight:750;letter-spacing:-1px;line-height:1}.temp-hero .temp-cond{font-size:13px;color:var(--muted);font-weight:500;margin-top:4px}.vdivider{width:1px;align-self:stretch;background:#efe2b4}.day-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line-soft)}.day-row:first-of-type{border-top:none}.day-row.off .day-name,.day-row.off .time-input{opacity:.4}.day-name{width:42px;font-size:13px;font-weight:650;flex-shrink:0}.day-row .toggle{width:40px;height:24px}.day-row .toggle .knob{width:18px;height:18px}.day-row .toggle.on .knob{transform:translate(16px)}input.time-input{flex:1;min-width:0;background:var(--bg);border:1.5px solid var(--line-soft);border-radius:10px;padding:7px 8px;font-size:12.5px;font-weight:600;color:var(--ink);outline:none;font-family:inherit}input.time-input:focus{border-color:var(--accent-btn)}input.time-input:disabled{background:transparent}.day-dash{color:var(--muted-2);font-size:12px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}