:root{--bg:#fcf9f4;--surface:#fff;--surface-2:#f0ede9;--text:#3d3d3d;--muted:#8a857d;--soft:#a0a0a0;--gold:#c8a24a;--sage:#7fb7a6;--accent:#c8a24a;--accent-soft:#e2c77a;--positive-text:#2f7a5e;--border:#dcd8d0;--shadow:0 2px 8px #00000008;--nav-bg:#f7f3edcc;--control-track:#0000000d;--control-selected:#fff;--control-selected-text:#3d3d3d;--control-selected-shadow:0 1px 4px #00000014;--milestone-bg:linear-gradient(135deg, #f3f9efe6 0%, #fff8e6bd 100%);--milestone-border:#7c996952;--early-adopter-bg:#bfd2b261;--early-adopter-border:#65885b57}[data-theme=dark]{--bg:#252725;--surface:#30332f;--surface-2:#3c403b;--notice-bg:#4a422a;--notice-border:#75643c;--notice-text:#f3e5b2;--text:#f1eee6;--muted:#c5c0b5;--soft:#a8a49a;--gold:#d4b563;--sage:#9acdba;--accent:#d4b563;--accent-soft:#e6d18c;--positive-text:#9acdba;--border:#50554e;--shadow:0 2px 8px #00000040;--nav-bg:#252725db;--control-track:#ffffff1f;--control-selected:#515650;--control-selected-text:#f1eee6;--control-selected-shadow:0 1px 4px #00000047;--milestone-bg:linear-gradient(135deg, #394238 0%, #443f30 100%);--milestone-border:#64755e;--early-adopter-bg:#3e503c;--early-adopter-border:#77926e}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);min-height:100vh;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000 30%,#0000001a);mask-image:linear-gradient(#0000 30%,#0000001a)}@keyframes pulse-slow{0%,to{opacity:.3}50%{opacity:.45}}.animate-pulse-slow{animation:8s ease-in-out infinite pulse-slow}.text-stable{color:var(--accent);font-weight:500}.text-neutral{color:var(--text)}.text-muted{color:var(--muted)}.text-over{color:var(--soft)}.app-shell{justify-content:center;min-height:100vh;display:flex}.app-container{width:100%;max-width:560px;padding:14px 18px 110px}h1{color:var(--text);margin-bottom:10px;font-size:22px;font-weight:600}h2{color:var(--text);margin:0;font-size:16px;font-weight:600}h2:before{content:"";background:var(--sage);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}h5{color:var(--text);margin:8px 0 0;font-size:14px;font-weight:600}p{color:var(--muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;margin-bottom:12px;padding:16px}.whats-new{background:var(--notice-bg,#fff6d9);border:1px solid var(--notice-border,#e8d49a);color:var(--notice-text,#705c22);border-radius:8px;margin-top:16px;margin-bottom:12px}.whats-new-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:12px;font-weight:600;line-height:1.35;display:flex}.whats-new-content{padding:0 10px 10px;font-size:12px;line-height:1.45}.whats-new-content p{color:inherit;font-size:inherit;margin:0 0 8px}.whats-new-content .whats-new-thanks{margin-top:12px}.nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-links{flex:1;justify-content:space-around;display:flex}.nav-links a{color:var(--muted);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;font-size:11px;text-decoration:none;display:flex}.nav-links a:hover{background:var(--surface-2);color:var(--text)}.nav-profile-button{width:auto;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 8px;font-size:11px;line-height:1;display:flex}.nav-profile-button:hover{background:var(--surface-2);color:var(--text)}.profile-menu{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:150px;margin-bottom:8px;padding:6px;font-size:13px;position:absolute;bottom:100%;right:0;box-shadow:0 4px 12px #00000014}.profile-email{color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:12px;overflow:hidden}.profile-menu a,.profile-menu button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;padding:7px 8px;font-size:13px;text-decoration:none;display:block}.profile-menu a:hover,.profile-menu button:hover{background:var(--surface-2)}button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;padding:12px;font-size:14px}button:hover{background:var(--surface-2)}button.primary{border-color:var(--sage);color:var(--sage)}button.primary:hover{background:var(--sage);color:#fff}button.active{background:var(--surface-2);border-color:var(--sage)}.stat-row{gap:10px;display:flex}.stat{background:var(--surface);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);border-radius:14px;flex:1;padding:12px}.stat b{font-size:18px;display:block}input{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:12px;font-size:14px}input[type=range]{width:100%;accent-color:var(--sage);background:0 0;border:0;border-radius:0;margin:0;padding:0}button:focus{outline:none}.guide-link{color:inherit;opacity:.8;text-decoration:none}.guide-link:hover{opacity:1}@keyframes reviewSlideIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}