*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#12152c;--surface:#1c2144;--surface-2:#242a56;--border:#30386b;--gold:#d4af6a;--gold-soft:#e8cf9e;--cream:#f3efe6;--muted:#a6acd6;--danger:#e2727a;--success:#7fc99b;--radius:16px}body{color:var(--cream);background:linear-gradient(#11142a,#171b3a 60%,#11142a);min-height:100vh;font-family:Inter,sans-serif}h1,h2,h3,.serif{font-family:Playfair Display,serif}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:#0f1228;flex-direction:column;gap:6px;width:230px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{color:var(--gold-soft);margin-bottom:30px;font-family:Playfair Display,serif;font-size:1.4rem;line-height:1.2}.brand span{color:var(--muted);letter-spacing:.12em;margin-top:4px;font-family:Inter;font-size:.7rem;display:block}.nav-link{color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-size:.93rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-link:hover{background:var(--surface);color:var(--cream)}.nav-link.active{color:var(--gold-soft);border-left:3px solid var(--gold);background:linear-gradient(90deg,#d4af6a2e,#0000);padding-left:11px}.main{flex:1;max-width:1200px;padding:36px 44px}.page-header{margin-bottom:28px}.page-header h1{color:var(--cream);font-size:2rem}.page-header p{color:var(--muted);margin-top:6px;font-size:.97rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.quote-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,#22285a,#1a1f44);padding:28px}.quote-card blockquote{color:var(--cream);font-family:Playfair Display,serif;font-size:1.3rem;line-height:1.5}.quote-card cite{color:var(--gold-soft);margin-top:14px;font-size:.95rem;font-style:normal;display:block}.affirmation-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,#2a2345,#1d1f44);padding:28px}.affirmation-card p{color:var(--gold-soft);font-family:Playfair Display,serif;font-size:1.15rem;line-height:1.5}.btn{background:var(--surface-2);color:var(--cream);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:transform .1s,background .15s}.btn:hover{background:#2c3366}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gold);color:#1a1a1a;border:none}.btn-primary:hover{background:var(--gold-soft)}.btn-play{background:var(--gold);color:#1a1a1a;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-weight:700;display:inline-flex}.btn-danger{border:1px solid var(--danger);color:var(--danger);background:0 0}.stat-card{text-align:left}.stat-card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}.stat-card .value{color:var(--gold-soft);margin:6px 0;font-family:Playfair Display,serif;font-size:2rem}.stat-card a{color:var(--gold);font-size:.85rem;text-decoration:none}.progress-track{background:#10132a;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--gold), var(--gold-soft));border-radius:999px;height:100%}.input,.select,textarea{border:1px solid var(--border);width:100%;color:var(--cream);background:#10132a;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:.92rem}.input:focus,.select:focus{outline:1px solid var(--gold)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--muted);font-size:.82rem}.tag{background:var(--surface-2);border:1px solid var(--border);color:var(--gold-soft);border-radius:999px;padding:3px 10px;font-size:.75rem;display:inline-block}.goal-item,.food-item,.routine-card{margin-bottom:16px}.goal-item .top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.day-grid{flex-wrap:wrap;gap:8px;display:flex}.day-pill{background:var(--surface-2);border:1px solid var(--border);width:46px;height:46px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.day-pill.active{background:var(--gold);color:#1a1a1a;border-color:var(--gold)}.streak-ring{border:6px solid var(--gold);background:#10132a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 14px;display:flex}.streak-ring .num{color:var(--gold-soft);font-family:Playfair Display,serif;font-size:1.9rem}.streak-ring .unit{color:var(--muted);font-size:.7rem}.badges{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.badge{border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600}.badge.earned{color:var(--gold-soft);border:1px solid var(--gold);background:#d4af6a2e}.badge.locked{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.pros-cons{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;font-size:.85rem;display:grid}.pros-cons ul{margin-top:4px;padding-left:18px}.pros h4{color:var(--success);font-size:.8rem}.cons h4{color:var(--danger);font-size:.8rem}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:.82rem}.filter-chip.active{background:var(--gold);color:#1a1a1a;border-color:var(--gold)}.empty{color:var(--muted);padding:20px 0;font-size:.9rem}@media (width<=900px){.grid-2,.grid-3,.grid-4,.pros-cons{grid-template-columns:1fr}}.hero-auth{background:radial-gradient(at top,#1b1f3f 0%,#0a0c1b 55%,#050611 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:60px 24px;display:flex;position:relative;overflow:hidden}.stars-layer{pointer-events:none;background-repeat:repeat;position:absolute;inset:0}.stars-small{opacity:.8;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 90px 90px,#fff,#0000),radial-gradient(1px 1px at 140px 50px,#fffc,#0000),radial-gradient(1px 1px at 60px 140px,#ffffffb3,#0000),radial-gradient(1px 1px at 170px 170px,#fff,#0000);background-size:200px 200px;animation:4s ease-in-out infinite twinkle}.stars-medium{opacity:.6;background-image:radial-gradient(1.5px 1.5px at 50px 60px,#f3efe6,#0000),radial-gradient(1.5px 1.5px at 120px 20px,#f3efe6,#0000),radial-gradient(1.5px 1.5px at 180px 110px,#f3efe6d9,#0000),radial-gradient(1.5px 1.5px at 10px 160px,#f3efe6cc,#0000);background-size:260px 260px;animation:6s ease-in-out infinite reverse twinkle}.stars-large{background-image:radial-gradient(2px 2px at 80px 40px, var(--gold-soft), transparent), radial-gradient(2px 2px at 220px 160px, #fff, transparent), radial-gradient(2px 2px at 300px 80px, #ffffffe6, transparent);opacity:.7;background-size:360px 360px;animation:5s ease-in-out 1s infinite twinkle}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:.95}}.hero-shooting-star{opacity:0;background:linear-gradient(90deg,#0000,#fff,#0000);width:140px;height:2px;animation:7s ease-in 2s infinite shoot;position:absolute;top:12%;left:-10%;transform:rotate(18deg)}@keyframes shoot{0%{opacity:0;transform:translate(0)rotate(18deg)}4%{opacity:1}12%{opacity:0;transform:translate(60vw,20vh)rotate(18deg)}to{opacity:0}}.hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:460px;display:flex;position:relative}.hero-kicker{color:var(--gold-soft);letter-spacing:.22em;margin-bottom:14px;font-size:.78rem}.hero-title{color:#fdf8ec;text-shadow:0 0 12px #d4af6ad9,0 0 32px #d4af6a8c,0 0 70px #d4af6a4d;margin-bottom:18px;font-family:Playfair Display,serif;font-size:3rem;animation:3.2s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{text-shadow:0 0 12px #d4af6ad9,0 0 32px #d4af6a8c,0 0 70px #d4af6a4d}50%{text-shadow:0 0 20px #d4af6a,0 0 48px #d4af6abf,0 0 100px #d4af6a73}}.hero-subtitle{color:var(--muted);margin-bottom:34px;font-size:.98rem;line-height:1.6}.auth-card{border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#1c21448c;border:1px solid #d4af6a59;width:100%;padding:28px;box-shadow:0 0 40px #d4af6a1f}.auth-toggle{border:1px solid var(--border);background:#10132ab3;border-radius:999px;margin-bottom:22px;padding:4px;display:flex}.auth-toggle-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:9px 12px;font-size:.85rem;font-weight:600}.auth-toggle-btn.active{background:var(--gold);color:#1a1a1a}.hero-submit{width:100%;margin-top:6px}.hero-note{text-align:center;color:var(--muted);margin-top:16px;font-size:.82rem}@media (width<=500px){.hero-title{font-size:2.2rem}}