:root{--bg: #0a0a0a;--bg-elev: #161616;--bg-elev-2: #1f1f1f;--fg: #f5f5f5;--fg-dim: #8a8a8a;--accent: #d4af37;--good: #5dd16e;--bad: #e85a5a;--border: #2a2a2a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg)}#root{display:flex;flex-direction:column;max-width:540px;margin:0 auto;min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}main{flex:1;padding:24px 20px 96px}h1{font-size:14px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 8px}h2{font-size:13px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim);margin:32px 0 12px}label{display:block;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-dim);margin:20px 0 8px}input[type=text],input[type=number],textarea{width:100%;padding:14px 16px;font-size:17px;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:10px;font-family:inherit}textarea{resize:vertical;min-height:80px}input[type=range]{width:100%;height:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--bg-elev-2);border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--accent);margin-top:-11px;cursor:pointer}button{width:100%;padding:18px;font-size:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:var(--accent);color:#000;border:none;border-radius:12px;cursor:pointer;font-family:inherit}button.secondary{background:var(--bg-elev);color:var(--fg);border:1px solid var(--border)}button.danger{background:var(--bad);color:#fff}button:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}.priority-card{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border:1px solid var(--accent);border-radius:16px;padding:28px 24px;margin-bottom:24px}.priority-card .label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.priority-card .text{font-size:24px;font-weight:600;line-height:1.3;color:var(--fg)}.priority-card .text.empty{color:var(--fg-dim);font-weight:400;font-style:italic}.scale-row{display:flex;justify-content:space-between;font-size:12px;color:var(--fg-dim);margin-top:4px}.scale-value{font-size:28px;font-weight:600;color:var(--accent);text-align:center;margin:4px 0}.checkbox-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border)}.checkbox-row:last-child{border-bottom:none}.checkbox-row label{margin:0;text-transform:none;font-size:16px;letter-spacing:0;color:var(--fg);flex:1}.toggle{position:relative;width:56px;height:32px;background:var(--bg-elev-2);border-radius:16px;cursor:pointer;flex-shrink:0;transition:background .15s}.toggle.on{background:var(--good)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;background:#fff;border-radius:50%;transition:transform .15s}.toggle.on:after{transform:translate(24px)}nav.bottom{position:fixed;bottom:0;left:0;right:0;max-width:540px;margin:0 auto;background:var(--bg);border-top:1px solid var(--border);display:flex;padding-bottom:env(safe-area-inset-bottom)}nav.bottom a{flex:1;text-align:center;padding:16px 0;color:var(--fg-dim);text-decoration:none;font-size:11px;letter-spacing:.15em;text-transform:uppercase}nav.bottom a.active{color:var(--accent)}.metric{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--border)}.metric:last-child{border-bottom:none}.metric-label{font-size:13px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em}.metric-value{font-size:20px;font-weight:600}.metric-delta{font-size:12px;margin-left:8px}.metric-delta.up{color:var(--good)}.metric-delta.down{color:var(--bad)}.spark{display:block;margin-top:8px}.muted{color:var(--fg-dim);font-size:14px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.streak{text-align:center;padding:20px 0}.streak-num{font-size:48px;font-weight:700;color:var(--accent);line-height:1}.streak-label{font-size:12px;color:var(--fg-dim);letter-spacing:.15em;text-transform:uppercase;margin-top:8px}
