.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#f7f9f8f2;border-bottom:1px solid #1d9e7526;justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar-logo{color:#2b6cb0;letter-spacing:-.3px;font-size:20px;font-weight:600}.navbar-logo span{color:#4a9edb}.navbar-tabs{background:#ebf5ff;border-radius:10px;gap:4px;padding:3px;display:flex}.nav-tab{color:#5a7a70;border-radius:8px;padding:5px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.nav-tab.active{color:#2b6cb0;background:#fff;box-shadow:0 1px 4px #1d9e751a}.navbar-avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#76b9e8,#2b6cb0);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:500;display:flex}.navbar-left{align-items:center;gap:8px;display:flex}.navbar-home-btn{color:#64748b;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .2s;display:flex}.navbar-home-btn:hover{color:#2563eb;background:#eff6ff}.home-page{background:linear-gradient(160deg,#eaf4ff 0%,#f5f9ff 50%,#e8f0ff 100%);min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow:hidden}.home-blob1{pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float1;position:absolute;top:-150px;right:-100px}.home-blob2{pointer-events:none;background:radial-gradient(circle,#63b3ff1f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:10s ease-in-out infinite float2;position:absolute;bottom:100px;left:-80px}.home-blob3{pointer-events:none;background:radial-gradient(circle,#93c5fd26 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:12s ease-in-out infinite reverse float1;position:absolute;top:50%;left:40%}@keyframes float1{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes float2{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}.home-nav{z-index:10;justify-content:space-between;align-items:center;padding:24px 60px;display:flex;position:relative}.home-logo{color:#1a1a2e;letter-spacing:-.5px;font-size:22px;font-weight:700}.home-logo span{color:#2563eb}.home-nav-links{align-items:center;gap:10px;display:flex}.btn-ghost{color:#2563eb;cursor:pointer;background:0 0;border:1.5px solid #2563eb4d;border-radius:50px;padding:10px 22px;font-size:14px;font-weight:500;transition:all .2s}.btn-ghost:hover{background:#2563eb0f}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:50px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #2563eb4d}.btn-primary:hover{transform:translateY(-1px)}.home-hero{z-index:5;justify-content:center;align-items:center;gap:60px;padding:60px 80px 40px;display:flex;position:relative}.home-hero-left{flex:1;max-width:560px}.home-hero-right{flex:none}.home-badge{color:#1d4ed8;letter-spacing:.5px;background:#2563eb14;border:1px solid #2563eb33;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.badge-dot{background:#3b82f6;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.home-title{color:#0d1b2a;letter-spacing:-2px;margin-bottom:24px;font-size:54px;font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-subtitle{color:#4a5568;max-width:480px;margin-bottom:36px;font-size:18px;line-height:1.7}.home-cta{align-items:center;gap:14px;margin-bottom:16px;display:flex}.btn-hero{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:50px;padding:15px 34px;font-size:16px;font-weight:700;transition:all .25s;box-shadow:0 8px 30px #2563eb59}.btn-hero:hover{transform:translateY(-2px);box-shadow:0 12px 40px #2563eb73}.btn-hero-ghost{color:#2563eb;cursor:pointer;background:#fff;border:1.5px solid #2563eb4d;border-radius:50px;padding:15px 28px;font-size:16px;font-weight:500;transition:all .2s}.btn-hero-ghost:hover{border-color:#2563eb}.home-reassure{color:#94a3b8;margin:0;font-size:13px}.brain-hero-img{object-fit:cover;border-radius:24px;width:460px;height:500px;animation:6s ease-in-out infinite float1;box-shadow:0 20px 60px #2563eb33}.home-tagline{z-index:5;text-align:center;padding:20px 80px 50px;position:relative}.home-tagline p{color:#64748b;text-align:left;border-left:3px solid #3b82f6;max-width:600px;margin:0 auto;padding-left:20px;font-size:20px;font-style:italic;line-height:1.7}.home-tagline strong{color:#0d1b2a}.home-stats{z-index:5;justify-content:center;padding:0 80px 70px;display:flex;position:relative}.stat-card{text-align:center;background:#fff;border:1px solid #2563eb1a;padding:28px 50px;box-shadow:0 4px 20px #0000000d}.stat-card:first-child{border-radius:16px 0 0 16px}.stat-card:nth-child(2){border-left:none;border-right:none}.stat-card:last-child{border-radius:0 16px 16px 0}.stat-num{color:#0d1b2a;letter-spacing:-1px;font-size:32px;font-weight:700}.stat-num span{color:#2563eb;font-size:18px}.home-final-cta{z-index:5;text-align:center;background:linear-gradient(135deg,#2563eb0f,#3b82f60a);border:1px solid #2563eb1a;border-radius:24px;margin:0 80px 60px;padding:60px 40px 80px;position:relative}.home-final-cta h2{color:#0d1b2a;letter-spacing:-.5px;margin-bottom:12px;font-size:32px;font-weight:700}.home-final-cta p{color:#64748b;margin-bottom:32px;font-size:16px;line-height:1.6}.home-footer{z-index:5;border-top:1px solid #2563eb1a;flex-direction:column;align-items:center;gap:8px;padding:30px 60px;display:flex;position:relative}.home-footer p{color:#94a3b8;font-size:12px}.brain-cartoon{width:420px;height:420px;animation:4s ease-in-out infinite float1}*{box-sizing:border-box;margin:0;padding:0;font-family:DM Sans,sans-serif}body{color:#1a2e28;background:radial-gradient(circle at 0 0,#4a9edb24,#0000 30%),radial-gradient(circle at 100% 0,#1d9e751f,#0000 28%),linear-gradient(#f5fbff 0%,#f8f7f4 48%,#f6faf8 100%)}.ob-wrap{max-width:860px;margin:0 auto;padding:80px 1.25rem 4rem;position:relative;overflow:hidden}.ob-ambient{filter:blur(10px);pointer-events:none;border-radius:999px;animation:12s ease-in-out infinite floatBlob;position:absolute}.ob-ambient-one{background:radial-gradient(circle,#4a9edb42,#4a9edb00);width:130px;height:130px;top:42px;right:18px}.ob-ambient-two{background:radial-gradient(circle,#ef9f272e,#ef9f2700);width:110px;height:110px;animation-delay:-4s;top:280px;left:-28px}.ob-ambient-three{background:radial-gradient(circle,#1d9e7529,#1d9e7500);width:150px;height:150px;animation-delay:-7s;bottom:40px;right:40px}.ob-progress-row{z-index:1;align-items:center;gap:12px;margin-bottom:1.4rem;display:flex;position:relative}.ob-progress-track{background:#fffc;border:1px solid #4a9edb1f;border-radius:999px;flex:1;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #4a9edb14}.ob-progress-fill{background:linear-gradient(90deg,#4a9edb 0%,#69c2c1 52%,#1d9e75 100%);border-radius:999px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1);box-shadow:0 0 20px #4a9edb59}.ob-step-label{color:#5f8caf;white-space:nowrap;letter-spacing:.3px;font-size:12px;font-weight:700}.ob-card{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffffa,#f8fbfff2),linear-gradient(#fff,#f7fbff);border:1px solid #4a9edb1f;border-radius:30px;padding:1.9rem;animation:.42s cubic-bezier(.22,1,.36,1) cardRise;position:relative;box-shadow:0 24px 60px #1d3d571a,inset 0 1px #fffc}.ob-step-meta{flex-wrap:wrap;gap:8px;margin-bottom:1rem;display:flex}.ob-step-pill{color:#2b6cb0;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#4a9edb24,#4a9edb0f);border:1px solid #4a9edb24;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.ob-step-pill.soft{color:#2a7562;background:#1d9e7514;border-color:#1d9e751f}.ob-eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:#4a9edb;margin-bottom:10px;font-size:11px;font-weight:700}.ob-title{color:#162821;max-width:12ch;margin-bottom:10px;font-size:30px;font-weight:700;line-height:1.08}.ob-desc{color:#537268;max-width:54ch;margin-bottom:1.5rem;font-size:14px;line-height:1.75}.field-label{color:#142822;margin-bottom:10px;font-size:14px;font-weight:700;display:block}.option-grid{gap:10px;display:grid}.question-list{gap:1rem;display:grid}.question-card{background:radial-gradient(circle at 100% 0,#4a9edb14,#0000 24%),linear-gradient(#ffffffeb,#f6fafff2);border:1px solid #4a9edb1a;border-radius:22px;padding:1.15rem;position:relative;box-shadow:inset 0 1px #fffc}.cols-1{grid-template-columns:1fr}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.opt-btn{color:#57766b;cursor:pointer;text-align:center;background:#ffffffeb;border:1px solid #4a9edb24;border-radius:18px;padding:12px;font-size:13px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s,color .18s}.opt-btn:hover{color:#205d95;background:linear-gradient(#f7fbff,#edf6ff);border-color:#4a9edb57;transform:translateY(-1px);box-shadow:0 12px 24px #4a9edb1f}.opt-btn.selected{color:#1e5d8d;background:linear-gradient(135deg,#4a9edb29,#1d9e7514),#fff;border-color:#4a9edb7a;font-weight:600;transform:translateY(-1px)scale(1.01);box-shadow:0 14px 28px #4a9edb29}.answer-option{text-align:left;align-items:center;gap:12px;display:flex}.answer-scale{color:#2b6cb0;background:linear-gradient(#edf6ff,#dfeeff);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:inset 0 -1px #4a9edb14}.opt-btn.selected .answer-scale{color:#fff;background:linear-gradient(135deg,#4a9edb,#1d9e75)}.answer-label{line-height:1.45}.ob-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:2rem;display:flex}.btn-spacer{width:108px}.btn-back{color:#537268;cursor:pointer;background:#ffffffb3;border:1px solid #4a9edb29;border-radius:16px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-back:hover{color:#2b6cb0;background:#edf6ff;transform:translateY(-1px);box-shadow:0 10px 24px #4a9edb1f}.btn-next{letter-spacing:.2px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a9edb 0%,#2b6cb0 48%,#1d9e75 100%);border:none;border-radius:16px;flex:1;padding:14px 24px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 18px 28px #2b6cb03d}.btn-next.full{flex:unset;width:100%}.btn-next:hover{filter:saturate(1.06);transform:translateY(-1px);box-shadow:0 20px 34px #2b6cb047}.validation-text{color:#d85a30;background:#faece7e6;border:1px solid #d85a301f;border-radius:14px;margin-top:1rem;padding:10px 12px;font-size:13px;font-weight:600}.score-ring{width:140px;height:140px;margin:0 auto 1.4rem;animation:4.5s ease-in-out infinite floatScore;position:relative}.score-ring-svg{width:100%;height:100%;display:block}.snapshot-hero{background:radial-gradient(circle at 100% 0,#8ed8ff2e,#0000 26%),linear-gradient(135deg,#0f1f2a 0%,#163248 54%,#1c4350 100%);border:1px solid #4a9edb1a;border-radius:26px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:1.2rem;margin-bottom:1.2rem;padding:1.15rem 1.15rem 1rem;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 50px #0f1f2a29}.snapshot-particles{pointer-events:none;position:absolute;inset:0}.snapshot-particle{opacity:.75;background:radial-gradient(circle,#ffffffeb,#fff0);border-radius:999px;position:absolute}.particle-a{width:10px;height:10px;animation:5.8s ease-in-out infinite driftSpark;top:18%;right:15%}.particle-b{width:7px;height:7px;animation:4.9s ease-in-out -1.8s infinite driftSpark;top:54%;right:34%}.particle-c{width:12px;height:12px;animation:6.4s ease-in-out -3.1s infinite driftSpark;top:28%;right:42%}.snapshot-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#49b38f29,#0000 64%);border-radius:50%;width:260px;height:260px;position:absolute;inset:auto -10% -45% auto}.snapshot-copy{z-index:1;position:relative}.snapshot-kicker{letter-spacing:1px;text-transform:uppercase;color:#bedfffd1;margin-bottom:10px;font-size:11px;font-weight:700}.snapshot-headline{color:#f6fbff;text-transform:capitalize;margin-bottom:10px;font-size:31px;font-weight:800;line-height:1}.snapshot-body{color:#dbebf7db;max-width:34ch;font-size:14px;line-height:1.7}.score-ring-wrap{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.score-ring.tone-high,.score-ring.tone-mid,.score-ring.tone-low{margin:0}.score-ring.tone-high{filter:drop-shadow(0 10px 26px #49b38f29)}.score-ring.tone-mid{filter:drop-shadow(0 10px 26px #4a9edb29)}.score-ring.tone-low{filter:drop-shadow(0 10px 26px #d85a3029)}.score-ring-glow{filter:blur(2px);background:radial-gradient(circle,#8ed8ff38,#49b38f0a 62%,#0000 72%);border-radius:50%;animation:3.8s ease-in-out infinite ringPulse;position:absolute;inset:18px}.score-number{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-num{color:#f6fbff;font-size:38px;font-weight:800;line-height:1}.score-sub{color:#d6e7f2c2;letter-spacing:.5px;margin-top:4px;font-size:11px}.score-caption{letter-spacing:.8px;text-transform:uppercase;color:#dbebf7bd;font-size:11px;font-weight:700}.result-tagline{color:#537268;text-align:center;margin-bottom:1.5rem;font-size:14px;line-height:1.7}.result-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem;display:grid}.result-item{border:1px solid #4a9edb1a;border-radius:18px;padding:16px;box-shadow:inset 0 1px #fffc}.result-item.strength{background:linear-gradient(135deg,#edf7ff,#f6fbff);border-color:#4a9edb24}.result-item.risk{background:linear-gradient(135deg,#fff3e4,#fff8ed);border-color:#ef9f272e}.result-item-label{letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.result-item.strength .result-item-label{color:#4a9edb}.result-item.risk .result-item-label{color:#ef9f27}.result-item-text{font-size:14px;font-weight:600;line-height:1.5}.result-item.strength .result-item-text{color:#205d95}.result-item.risk .result-item-text{color:#7a5a10}.tip-box{background:linear-gradient(135deg,#faece7f5,#fff4eff5);border:1px solid #d85a301a;border-radius:18px;margin-bottom:1.25rem;padding:15px 16px}.tip-label{letter-spacing:.8px;text-transform:uppercase;color:#d85a30;margin-bottom:6px;font-size:11px;font-weight:700}.tip-text{color:#6b3020;font-size:13px;line-height:1.65}.disclaimer{color:#2b6cb0;background:linear-gradient(135deg,#ebf5ffeb,#f6faffeb);border-left:3px solid #4a9edb;border-radius:0 16px 16px 0;margin-bottom:1.5rem;padding:13px 14px;font-size:13px;line-height:1.7}@keyframes floatBlob{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-10px)scale(1.04)}}@keyframes cardRise{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatScore{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ringPulse{0%,to{opacity:.72;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}@keyframes driftSpark{0%,to{opacity:.35;transform:translate(0,0)scale(.9)}50%{opacity:.95;transform:translate(-8px,-12px)scale(1.25)}}@media (prefers-reduced-motion:reduce){.ob-ambient,.score-ring,.ob-card{animation:none}.ob-progress-fill,.opt-btn,.btn-back,.btn-next{transition:none}}@media (width<=640px){.ob-wrap{padding-inline:1rem;padding-top:64px}.ob-card{border-radius:24px;padding:1.25rem}.ob-title{font-size:26px}.result-grid{grid-template-columns:1fr}.snapshot-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.snapshot-body{max-width:100%}.ob-footer{flex-direction:column}.btn-back,.btn-next,.btn-spacer{width:100%}.ob-step-meta{gap:6px}}.neural-canvas{pointer-events:none;z-index:0;opacity:.45;width:100%;height:100%;position:fixed;top:0;left:0}.dash-wrap{z-index:1;max-width:1100px;margin:0 auto;padding:80px 1.25rem 4rem;position:relative}.dash-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.dash-greeting{color:#90b4d4;margin-bottom:4px;font-size:13px}.dash-name{color:#1a2e28;font-size:26px;font-weight:600}.dash-date{color:#90b4d4;text-align:right;font-size:13px;line-height:1.6}.pet-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:.5px solid #4a9edb2e;border-radius:28px;align-items:center;gap:32px;margin-bottom:1.25rem;padding:1.75rem 2rem;display:flex;box-shadow:0 6px 32px #4a9edb1a}.pet-left{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.pet-svg-wrap{cursor:pointer;filter:drop-shadow(0 8px 24px #0000001f);transition:filter .3s;display:inline-block}.pet-svg-wrap:hover{filter:drop-shadow(0 12px 28px #0000002e)}.pet-anim-bounce{animation:1.4s cubic-bezier(.4,0,.2,1) infinite petBounce}@keyframes petBounce{0%,to{transform:translateY(0)scaleY(1)scaleX(1)}40%{transform:translateY(-14px)scaleY(1.04)scaleX(.97)}55%{transform:translateY(-10px)scaleY(.97)scaleX(1.02)}70%{transform:translateY(-4px)scaleY(1.01)scaleX(.99)}}.pet-anim-sway{transform-origin:bottom;animation:3s ease-in-out infinite petSway}@keyframes petSway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.pet-anim-slow{animation:5s ease-in-out infinite petSlow}@keyframes petSlow{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(5px)scaleY(.97)}}.pet-anim-jitter{animation:.55s ease-in-out infinite petJitter}@keyframes petJitter{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-3px)rotate(-1.2deg)}40%{transform:translate(3px)rotate(1.2deg)}60%{transform:translate(-2px)rotate(-.6deg)}80%{transform:translate(2px)rotate(.6deg)}}.pet-anim-sad{animation:4s ease-in-out infinite petSad}@keyframes petSad{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(4px)scale(.97)}}.pet-poke{animation:.5s cubic-bezier(.36,.07,.19,.97) forwards petPoke}@keyframes petPoke{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.18)rotate(-6deg)}55%{transform:scale(.92)rotate(4deg)}80%{transform:scale(1.05)rotate(-2deg)}to{transform:scale(1)rotate(0)}}.pet-sparkle{animation:2.2s ease-in-out infinite alternate sparkleFloat}.pet-sp1{animation-delay:0s}.pet-sp2{animation-delay:.5s}.pet-sp3{animation-delay:1s}.pet-sp4{animation-delay:1.5s}@keyframes sparkleFloat{0%{transform:translateY(0)scale(1)rotate(0)}to{transform:translateY(-8px)scale(1.2)rotate(20deg)}}.pet-float{animation:2.5s ease-in-out infinite alternate heartFloat}.pet-fl1{animation-delay:0s}.pet-fl2{animation-delay:1s}@keyframes heartFloat{0%{opacity:.85;transform:translateY(0)scale(1)}to{opacity:.6;transform:translateY(-10px)scale(1.15)}}.pet-zzz{animation:2.8s ease-in-out infinite zzzFloat}.pet-z1{animation-delay:0s}.pet-z2{animation-delay:.7s}.pet-z3{animation-delay:1.4s}@keyframes zzzFloat{0%{transform:translateY(0) opacity: .85}50%{opacity:.5;transform:translateY(-12px)}to{opacity:0;transform:translateY(-22px)}}.pet-tear{animation:2s ease-in infinite tearDrop}.pet-t1{animation-delay:0s}.pet-t2{animation-delay:.9s}@keyframes tearDrop{0%{opacity:.9;transform:translateY(0)}70%{opacity:.4;transform:translateY(18px)}to{opacity:0;transform:translateY(22px)}}.pet-poke-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4a9edb,#2b6cb0);border:none;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 3px 12px #4a9edb59}.pet-poke-btn:hover{transform:translateY(-1px)scale(1.03);box-shadow:0 6px 18px #4a9edb73}.pet-poke-btn:active{transform:scale(.97)}.pet-right{flex-direction:column;flex:1;gap:14px;display:flex}.pet-name-row{align-items:center;gap:12px;display:flex}.pet-name{color:#1a2e28;font-size:28px;font-weight:700}.pet-status-badge{letter-spacing:.3px;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.badge-ecstatic,.badge-happy{color:#065f46;background:#d1fae5}.badge-content{color:#1e40af;background:#dbeafe}.badge-tired{color:#3730a3;background:#e0e7ff}.badge-stressed{color:#92400e;background:#fef3c7}.badge-sad{color:#475569;background:#f1f5f9}.pet-speech-bubble{background:#fff;border:.5px solid #4a9edb26;border-radius:20px;padding:16px 20px;position:relative;box-shadow:0 4px 20px #00000014}.pet-speech-arrow{filter:drop-shadow(-2px 0 2px #4a9edb14);border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:14px solid #fff;width:0;height:0;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.pet-speech-text{color:#1a2e28;font-size:15px;line-height:1.6;display:block}.pet-speech-poke{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards speechPop}@keyframes speechPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pet-overall-row{align-items:baseline;gap:8px;display:flex}.pet-overall-label{color:#90b4d4;font-size:12px;font-weight:500}.pet-overall-score{color:#1a2e28;font-size:32px;font-weight:700;line-height:1}.pet-overall-max{color:#90b4d4;font-size:14px;font-weight:400}.pet-stats-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d;will-change:transform;background:#ffffffe6;border:.5px solid #4a9edb26;border-radius:24px;flex-direction:column;gap:18px;margin-bottom:0;padding:1.5rem 1.75rem;display:flex;box-shadow:0 4px 20px #4a9edb14}.pet-stat-row{grid-template-columns:100px 1fr 44px 90px;align-items:center;gap:12px;display:grid}.pet-stat-icon-label{align-items:center;gap:8px;display:flex}.pet-stat-icon{font-size:20px}.pet-stat-label{color:#1a2e28;font-size:13px;font-weight:600}.pet-stat-track{background:#f0f4f8;border-radius:8px;height:14px;position:relative;overflow:hidden}.pet-stat-fill{border-radius:8px;width:0;animation:1.3s cubic-bezier(.4,0,.2,1) .2s forwards statBarGrow;position:absolute;inset:0}.pet-stat-fill.tone-good{background:linear-gradient(90deg,#4a9edb,#3dc99a)}.pet-stat-fill.tone-warn{background:linear-gradient(90deg,#f59e0b,#ef9f27)}.pet-stat-fill.tone-bad{background:linear-gradient(90deg,#ef4444,#d85a30)}@keyframes statBarGrow{0%{width:0}to{width:var(--stat-w)}}.pet-stat-segments{pointer-events:none;display:flex;position:absolute;inset:0}.pet-stat-seg{border-right:1.5px solid #ffffff80;flex:1}.pet-stat-seg:last-child{border-right:none}.pet-stat-num{text-align:right;font-size:18px;font-weight:700}.pet-stat-copy{text-align:left;font-size:11px;font-weight:600}.pet-stat-num.tone-good,.pet-stat-copy.tone-good{color:#4a9edb}.pet-stat-num.tone-warn,.pet-stat-copy.tone-warn{color:#ef9f27}.pet-stat-num.tone-bad,.pet-stat-copy.tone-bad{color:#d85a30}.section-heading{letter-spacing:1px;text-transform:uppercase;color:#90b4d4;margin-top:2rem;margin-bottom:12px;font-size:12px;font-weight:600}.toast-stack{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.toast-card{transform-style:preserve-3d;will-change:transform;border-radius:20px;align-items:stretch;animation:.4s cubic-bezier(.4,0,.2,1) forwards toastSlideIn;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000001a}.toast-card.toast-warn{background:linear-gradient(135deg,#f59e0b,#d97706)}.toast-card.toast-bad{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-card.toast-good{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-left{justify-content:center;align-items:center;padding:1.25rem;display:flex}.toast-icon-wrap{justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.toast-emoji{z-index:1;font-size:32px}.toast-pulse{border-radius:50%;animation:2s ease-in-out infinite toastPulse;position:absolute;inset:0}.toast-card.toast-warn .toast-pulse{background:#ef9f2740}.toast-card.toast-bad .toast-pulse{background:#d85a3040}.toast-card.toast-good .toast-pulse{background:#4a9edb40}.toast-body{flex:1;padding:1.25rem 0}.toast-tag{letter-spacing:.8px;text-transform:uppercase;color:#fffc;margin-bottom:4px;font-size:11px;font-weight:700}.toast-title{color:#fff;margin-bottom:4px;font-size:18px;font-weight:700}.toast-score{color:#fff;margin-bottom:4px;font-size:36px;font-weight:700;line-height:1}.toast-score span{color:#fff9;font-size:16px;font-weight:400}.toast-desc{color:#ffffffb3;font-size:13px;line-height:1.5}.toast-dismiss{color:#fff9;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:1rem;font-size:20px;transition:color .15s}.toast-dismiss:hover{color:#fff}.dismissed-section{margin-bottom:10px}.dismissed-toggle{color:#4a9edb;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.dismissed-list{background:#f7f9fb;border-radius:8px;margin-top:8px;padding:10px 14px}.dismissed-item{color:#90b4d4;padding:4px 0;font-size:13px}.standout-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:.5rem;display:grid}.standout-card{text-align:center;transform-style:preserve-3d;will-change:transform;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:1rem;transition:box-shadow .3s;display:flex}.standout-card:hover{box-shadow:0 10px 28px #0000001c}.standout-card.green{background:#ebf5ff}.standout-card.red{background:#fef3eb}.standout-card.blue{background:#ebf5ff}.standout-card.amber{background:#faeeda}.standout-img{object-fit:cover;border-radius:12px;width:64px;height:64px;margin-bottom:4px;box-shadow:0 4px 12px #0000001a}.standout-label{letter-spacing:.8px;text-transform:uppercase;color:#90b4d4;font-size:10px;font-weight:600}.standout-domain{color:#1a2e28;font-size:14px;font-weight:600;line-height:1.3}.standout-score{color:#90b4d4;font-size:12px}.standout-bar-track{background:#00000014;border-radius:3px;width:100%;height:5px;margin-top:8px;overflow:hidden}.standout-bar-fill{border-radius:3px;width:0;height:5px;animation:1.2s cubic-bezier(.4,0,.2,1) .3s forwards barGrow}.standout-bar-fill.green{background:#4a9edb}.standout-bar-fill.red{background:#d85a30}.standout-bar-fill.blue{background:#4a9edb}.standout-bar-fill.amber{background:#ef9f27}@keyframes barGrow{0%{width:0}to{width:var(--target-width)}}.reads-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:.5rem;display:grid}.read-card{transform-style:preserve-3d;will-change:transform;background:#fff;border:.5px solid #4a9edb26;border-radius:16px;text-decoration:none;overflow:hidden;box-shadow:0 2px 8px #4a9edb14}.read-card:hover{box-shadow:0 8px 24px #4a9edb2e}.read-img{object-fit:cover;width:100%;height:120px}.read-body{padding:.75rem}.read-tag{letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:600}.read-tag.sleep_rhythm{color:#4a9edb}.read-tag.move_mode{color:#1d9e75}.read-tag.cognitive_strain{color:#d85a30}.read-tag.social_energy{color:#9b59b6}.read-title{color:#1a2e28;font-size:13px;font-weight:500;line-height:1.4}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes toastPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.3)}}@media (width<=600px){.pet-section{flex-direction:column}.pet-speech-arrow{display:none}.standout-grid{grid-template-columns:repeat(2,1fr)}.reads-grid{grid-template-columns:1fr}.pet-stat-row{grid-template-columns:80px 1fr 36px}.pet-stat-copy{display:none}}.toast-tip{color:#1e40af;background:#dbeafe80;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:13px;line-height:1.5}.standout-expanded{border-top:1px solid #ffffff4d;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;animation:.2s fadeIn;display:flex}.standout-indicator{color:#1e293b;justify-content:space-between;font-size:13px;font-weight:500;display:flex}.standout-indicator span{color:#0d1b2a;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sleep-chart-card,.physical-chart-card{background:#fff;border:.5px solid #4a9edb26;border-radius:18px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 1px 4px #4a9edb14}.sleep-chart-top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.sleep-chart-eyebrow{letter-spacing:1px;text-transform:uppercase;color:#90b4d4;margin-bottom:6px;font-size:11px;font-weight:600}.sleep-chart-title{color:#1a2e28;margin-bottom:8px;font-size:22px;font-weight:600}.sleep-chart-copy{color:#90b4d4;max-width:400px;font-size:13px;line-height:1.6}.sleep-chart-toggle{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.sleep-chart-tab{cursor:pointer;color:#2b6cb0;white-space:nowrap;background:#ebf5ff;border:.5px solid #4a9edb4d;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .18s}.sleep-chart-tab.active{color:#fff;background:#4a9edb;border-color:#4a9edb}.sleep-chart-highlight{gap:12px;margin-bottom:1rem;display:flex}.sleep-highlight-stat{background:#f7f9fb;border-radius:12px;flex-direction:column;flex:1;gap:4px;padding:12px 16px;display:flex}.sleep-highlight-label{letter-spacing:.8px;text-transform:uppercase;color:#90b4d4;font-size:11px;font-weight:600}.sleep-highlight-value{color:#1a2e28;font-size:18px;font-weight:600}.sleep-chart-shell{position:relative}.sleep-chart-svg{width:100%;height:auto;display:block}.sleep-grid-line{stroke:#ebf5ff;stroke-width:1px}.sleep-axis-text{fill:#90b4d4;font-family:inherit;font-size:11px}.sleep-axis-text.left{text-anchor:end}.sleep-axis-pill{fill:#ebf5ff}.sleep-average-line{stroke:#90b4d4;stroke-width:1.5px;stroke-dasharray:5 4}.sleep-average-label{fill:#1a2e28;font-family:inherit;font-size:12px;font-weight:500}.sleep-user-marker-ring{fill:#ff8c42;opacity:.3}.sleep-user-marker-dot{fill:#ff8c42}.sleep-user-marker-group{cursor:pointer}.sleep-user-popup{text-align:left;cursor:pointer;background:#fff;border:.5px solid #4a9edb4d;border-radius:12px;padding:12px 16px;font-family:inherit;position:absolute;top:20px;right:20px;box-shadow:0 4px 16px #4a9edb26}.sleep-user-popup-label{letter-spacing:.8px;text-transform:uppercase;color:#90b4d4;margin-bottom:4px;font-size:10px;font-weight:600}.sleep-user-popup-title{color:#1a2e28;margin-bottom:4px;font-size:15px;font-weight:600}.sleep-user-popup-copy{color:#90b4d4;font-size:13px;line-height:1.5}.sleep-tooltip{pointer-events:none;background:#fff;border:.5px solid #4a9edb4d;border-radius:10px;padding:10px 14px;position:absolute;top:10px;left:50px;box-shadow:0 4px 16px #4a9edb26}.sleep-tooltip-label{letter-spacing:.8px;text-transform:uppercase;color:#90b4d4;margin-bottom:4px;font-size:10px;font-weight:600}.sleep-tooltip-title{color:#1a2e28;margin-bottom:2px;font-size:14px;font-weight:600}.sleep-tooltip-value{color:#4a9edb;font-size:13px;font-weight:500}.hub-wrap{max-width:1100px;margin:0 auto;padding:80px 1.25rem 4rem}.hub-header{margin-bottom:1.5rem}.hub-title{color:#1a2e28;margin-bottom:6px;font-size:28px;font-weight:600}.hub-sub{color:#5a7a70;font-size:14px;line-height:1.6}.recommendation-panel{background:linear-gradient(135deg,#f8fcff,#eef7ff);border:1px solid #4a9edb2e;border-radius:20px;margin-bottom:1.5rem;padding:1.25rem}.recommendation-eyebrow{letter-spacing:.8px;text-transform:uppercase;color:#4a9edb;margin-bottom:8px;font-size:11px;font-weight:700}.recommendation-copy{color:#37544a;margin-bottom:1rem;font-size:14px;line-height:1.6}.recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.recommended-pill{color:#1a2e28;text-align:left;cursor:pointer;background:#fff;border:.5px solid #1d9e752e;border-radius:14px;align-items:flex-start;gap:10px;padding:.9rem 1rem;display:flex}.recommended-pill:hover{border-color:#4a9edb;transform:translateY(-1px)}.recommended-topic{border-radius:999px;flex-shrink:0;padding:5px 8px;font-size:11px;font-weight:700;line-height:1}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:1.5rem;display:flex}.filter-btn{cursor:pointer;color:#5a7a70;background:#fff;border:.5px solid #1d9e754d;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .18s}.filter-btn:hover{color:#2b6cb0;border-color:#4a9edb}.filter-btn.active{color:#fff;background:#4a9edb;border-color:#4a9edb}.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.article-card{cursor:pointer;color:inherit;text-align:left;background:#fff;border:.5px solid #1d9e7526;border-radius:18px;padding:0;transition:all .2s;overflow:hidden;box-shadow:0 1px 4px #1d9e7514}.article-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #1d9e751f}.article-cover{align-items:end;height:110px;padding:1rem;display:flex;position:relative;overflow:hidden}.article-cover.sleep_rhythm{background:linear-gradient(135deg,#e6f1fb,#b5d4f4)}.article-cover.move_mode{background:linear-gradient(135deg,#eaf3de,#c0dd97)}.article-cover.cognitive_strain{background:linear-gradient(135deg,#faeeda,#f7ce85)}.article-cover.social_energy{background:linear-gradient(135deg,#faece7,#f2c8ba)}.article-cover-label{color:#1a2e28;letter-spacing:.4px;text-transform:uppercase;z-index:1;background:#ffffffdb;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.article-cover-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.article-cover:after{content:"";background:linear-gradient(#ffffff14,#1a2e2847);position:absolute;inset:0}.article-body{padding:1.1rem 1.25rem}.article-meta{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.source-badge{border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600}.source-badge.healthdirect{color:#185fa5;background:#e6f1fb}.source-badge.headspace{color:#2b6cb0;background:#ebf5ff}.source-badge.who{color:#3b6d11;background:#eaf3de}.source-badge.reachout{color:#8f3c20;background:#faece7}.read-time{color:#90b4d4;flex-shrink:0;font-size:11px}.article-title{color:#1a2e28;margin-bottom:8px;font-size:15px;font-weight:500;line-height:1.4}.article-summary{color:#5a7a70;font-size:13px;line-height:1.6}.article-tag{border-radius:20px;margin-top:10px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-block}.article-tag.sleep_rhythm,.recommended-topic.sleep_rhythm{color:#185fa5;background:#e6f1fb}.article-tag.move_mode,.recommended-topic.move_mode{color:#3b6d11;background:#eaf3de}.article-tag.cognitive_strain,.recommended-topic.cognitive_strain{color:#8e6511;background:#faeeda}.article-tag.social_energy,.recommended-topic.social_energy{color:#8f3c20;background:#faece7}.modal-overlay{z-index:200;background:#1a2e2880;justify-content:center;align-items:flex-start;padding:80px 1rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-box{background:#fff;border-radius:24px;width:100%;max-width:600px;margin-bottom:1rem;overflow:hidden;box-shadow:0 20px 60px #0003}.modal-bar{height:5px}.modal-bar.sleep_rhythm{background:#378add}.modal-bar.move_mode{background:#76b9e8}.modal-bar.cognitive_strain{background:#ef9f27}.modal-bar.social_energy{background:#d97855}.modal-header{border-bottom:.5px solid #1d9e7526;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;display:flex}.modal-meta{align-items:center;gap:8px;margin-bottom:10px;display:flex}.modal-title{color:#1a2e28;font-size:20px;font-weight:600;line-height:1.35}.modal-close{cursor:pointer;color:#90b4d4;background:#f7f9f8;border:.5px solid #1d9e7526;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:12px;font-size:16px;display:flex}.modal-close:hover{color:#2b6cb0;background:#ebf5ff}.modal-body{padding:1.5rem}.modal-summary{color:#5a7a70;border-bottom:.5px solid #1d9e7526;margin-bottom:1.5rem;padding-bottom:1.5rem;font-size:15px;line-height:1.7}.modal-hero-img{object-fit:cover;border-radius:16px;width:100%;height:220px;margin-bottom:1.25rem}.modal-source-box{background:#f7f9f8;border:.5px solid #1d9e7526;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:12px 16px;display:flex}.modal-source-label{color:#90b4d4;letter-spacing:.5px;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:600}.modal-source-name{color:#1a2e28;font-size:13px;font-weight:500}.modal-source-link{color:#4a9edb;white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none}.modal-source-link:hover{text-decoration:underline}@media (width<=700px){.recommended-grid,.articles-grid{grid-template-columns:1fr}}.ht-page{max-width:1100px;margin:0 auto;padding:40px 24px 80px;font-family:Inter,sans-serif}.ht-loading{text-align:center;color:#64748b;padding:80px;font-size:16px}.ht-header{margin-bottom:32px}.ht-header h1{color:#0d1b2a;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:700}.ht-header p{color:#64748b;margin-bottom:24px;font-size:15px}.ht-tabs{border-bottom:1.5px solid #e2e8f0;gap:8px;display:flex}.ht-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1.5px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.ht-tab.active{color:#2563eb;border-bottom-color:#2563eb}.ht-already-done{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px}.ht-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;box-shadow:0 2px 12px #0000000d}.ht-field{margin-bottom:32px}.ht-field label{color:#0d1b2a;margin-bottom:4px;font-size:16px;font-weight:600;display:block}.ht-field-desc{color:#94a3b8;margin-bottom:14px;font-size:13px}.ht-sleep-options{flex-wrap:wrap;gap:10px;display:flex}.ht-option{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}.ht-option:hover{color:#2563eb;border-color:#2563eb}.ht-option.selected{color:#fff;background:#2563eb;border-color:#2563eb}.ht-activity-toggle{gap:12px;display:flex}.ht-toggle-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.ht-toggle-btn.active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.ht-success{color:#15803d;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:14px}.ht-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:50px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #2563eb4d}.ht-submit:hover:not(:disabled){transform:translateY(-1px)}.ht-submit:disabled{opacity:.5;cursor:not-allowed}.ht-range-toggle{gap:8px;margin-bottom:24px;display:flex}.ht-range-toggle button{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.ht-range-toggle button.active{color:#fff;background:#2563eb;border-color:#2563eb}.ht-empty{text-align:center;color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:60px;font-size:15px}.ht-history-list{flex-direction:column;gap:12px;display:flex}.ht-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;box-shadow:0 1px 4px #0000000a}.ht-history-date{color:#0d1b2a;min-width:120px;font-size:14px;font-weight:600}.ht-history-stats{gap:24px;display:flex}.ht-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.ht-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.ht-stat-value{color:#0d1b2a;font-size:14px;font-weight:600}.ht-stat-value.active{color:#16a34a}.ht-stat-value.inactive{color:#94a3b8}.ht-summary-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.ht-summary-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000a}.ht-summary-num{color:#2563eb;letter-spacing:-1px;font-size:28px;font-weight:700}.ht-summary-label{color:#94a3b8;margin-top:4px;font-size:12px;font-weight:500}.ht-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:16px;padding:24px;box-shadow:0 2px 8px #0000000a}.ht-chart-card h3{color:#0d1b2a;margin-bottom:16px;font-size:15px;font-weight:600}.ht-chart-legend{color:#64748b;gap:16px;margin-top:12px;font-size:12px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.ht-history-list h3{color:#0d1b2a;margin-bottom:12px;font-size:15px;font-weight:600}.progress-page{max-width:1100px;margin:0 auto;padding:40px 24px 80px;font-family:Inter,sans-serif}.progress-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px;display:flex}.progress-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-hero{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #dbeafe;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:32px 40px;display:flex}.progress-hero-text h1{color:#0d1b2a;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:700}.progress-hero-text p{color:#64748b;font-size:15px;line-height:1.6}.progress-hero-visual{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.progress-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.progress-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:24px;transition:transform .2s;display:flex;box-shadow:0 2px 8px #0000000a}.progress-stat-card:hover{transform:translateY(-2px)}.stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.flame .stat-icon{background:#fff7ed}.calendar .stat-icon{background:#eff6ff}.trophy .stat-icon{background:#fffbeb}.stat-number{color:#0d1b2a;letter-spacing:-1px;font-size:28px;font-weight:700}.stat-label{color:#94a3b8;margin-top:2px;font-size:12px;font-weight:500}.progress-next{background:#fff;border:1px solid #dbeafe;border-radius:16px;margin-bottom:28px;padding:24px;box-shadow:0 2px 8px #0000000a}.progress-next-header{color:#475569;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;display:flex}.progress-next-header strong{color:#2563eb}.progress-bar-bg{background:#e2e8f0;border-radius:50px;height:10px;margin-bottom:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:50px;height:100%;transition:width .8s}.progress-next p{color:#64748b;font-size:13px}.milestones-section{margin-bottom:32px}.milestones-section h2{color:#0d1b2a;letter-spacing:-.3px;margin-bottom:16px;font-size:20px;font-weight:700}.milestones-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.milestone-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.milestone-card.unlocked{border-color:#bfdbfe;box-shadow:0 4px 16px #2563eb14}.milestone-card.locked{opacity:.6}.milestone-icon{border:2px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.milestone-card.unlocked .milestone-icon{background:#eff6ff}.milestone-card.locked .milestone-icon{background:#f8fafc}.milestone-label{margin-bottom:3px;font-size:14px;font-weight:700}.milestone-desc{color:#64748b;font-size:12px}.milestone-badge{color:#fff;white-space:nowrap;border-radius:50px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:600}.recent-section h2{color:#0d1b2a;letter-spacing:-.3px;margin-bottom:16px;font-size:20px;font-weight:700}.recent-list{flex-direction:column;gap:10px;display:flex}.recent-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex}.recent-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.recent-date{color:#0d1b2a;min-width:110px;font-size:14px;font-weight:600}.recent-tags{flex-wrap:wrap;gap:8px;display:flex}.recent-tag{color:#475569;background:#f1f5f9;border-radius:50px;padding:4px 10px;font-size:12px;font-weight:500}.recent-tag.green{color:#16a34a;background:#f0fdf4}.games-section{margin-bottom:32px}.games-section h2{color:#0d1b2a;letter-spacing:-.3px;margin-bottom:16px;font-size:20px;font-weight:700}.games-list{flex-direction:column;gap:10px;display:flex}.game-score-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 1px 4px #0000000a}.game-score-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.game-score-info{flex:1}.game-score-name{color:#0d1b2a;font-size:14px;font-weight:600}.game-score-date{color:#94a3b8;margin-top:2px;font-size:12px}.game-score-result{text-align:right}.game-score-num{color:#0d1b2a;font-size:16px;font-weight:700}.game-score-rating{margin-top:2px;font-size:12px;font-weight:600}.milestone-banner{z-index:999;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;align-items:center;gap:14px;min-width:360px;max-width:500px;padding:16px 24px;animation:.4s slideDown;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #2563eb66}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.milestone-banner-icon{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.milestone-banner-text{flex-direction:column;flex:1;gap:3px;display:flex}.milestone-banner-text strong{font-size:15px;font-weight:700}.milestone-banner-text span{opacity:.9;font-size:13px}.milestone-banner-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;transition:background .2s;display:flex}.milestone-banner-close:hover{background:#ffffff4d}.game-page{max-width:760px;margin:0 auto;padding:40px 24px 80px;font-family:Inter,sans-serif}.game-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.game-back{color:#475569;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:50px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.game-back:hover{color:#2563eb;border-color:#2563eb}.game-title-area{text-align:center}.game-title-area h1{color:#0d1b2a;margin-bottom:4px;font-size:24px;font-weight:700}.game-skill{color:#2563eb;background:#eff6ff;border-radius:50px;padding:3px 10px;font-size:12px;font-weight:600}.game-rounds{color:#475569;background:#f1f5f9;border-radius:50px;padding:8px 16px;font-size:16px;font-weight:600}.reaction-box{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:24px;justify-content:center;align-items:center;width:100%;height:380px;transition:background .2s;display:flex}.reaction-box.waiting{background:#2563eb}.reaction-box.ready{background:#dc2626}.reaction-box.go{background:#16a34a}.reaction-box.result{background:#2563eb}.reaction-box.toosoon{background:#d97706}.reaction-content{text-align:center;color:#fff}.reaction-content p{margin:16px 0 8px;font-size:28px;font-weight:700}.reaction-content span{opacity:.85;font-size:15px}.reaction-go{letter-spacing:-2px;font-size:64px!important;font-weight:800!important}.reaction-time{letter-spacing:-3px;font-size:72px;font-weight:800;line-height:1}.reaction-time span{opacity:.8;font-size:24px;font-weight:500}.reaction-dots{justify-content:center;gap:10px;margin-bottom:16px;display:flex}.reaction-dots span{background:#fff;border-radius:50%;width:12px;height:12px;animation:.8s ease-in-out infinite bounce}.reaction-dots span:nth-child(2){animation-delay:.15s}.reaction-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.reaction-results{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:40px;box-shadow:0 4px 20px #0000000d}.reaction-results h2{color:#0d1b2a;margin-bottom:28px;font-size:28px;font-weight:700}.result-avg{margin-bottom:28px}.result-avg-num{color:#0d1b2a;letter-spacing:-3px;font-size:64px;font-weight:800;line-height:1}.result-avg-num span{color:#64748b;font-size:22px;font-weight:500}.result-avg-label{color:#64748b;margin:8px 0 6px;font-size:14px}.result-rating{font-size:18px;font-weight:700}.result-rounds{text-align:left;background:#f8fafc;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:28px;padding:16px 20px;display:flex}.result-round{color:#475569;justify-content:space-between;font-size:14px;font-weight:500;display:flex}.result-actions{justify-content:center;gap:12px;display:flex}.game-back-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s}.game-back-btn:hover{color:#2563eb;border-color:#2563eb}.mg-play-btn{color:#fff;cursor:pointer;border:none;border-radius:50px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s}.memory-stats{color:#64748b;justify-content:center;gap:32px;margin-bottom:24px;font-size:15px;display:flex}.memory-stats strong{color:#0d1b2a}.memory-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:440px;margin:0 auto;display:grid}.memory-card{aspect-ratio:1;cursor:pointer;perspective:600px}.memory-card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:12px;transition:transform .4s;position:relative}.memory-card.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-front,.memory-card-back{backface-visibility:hidden;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;display:flex;position:absolute}.memory-card-front{color:#fff;background:#2563eb;border:2px solid #1d4ed8;font-size:22px;font-weight:700}.memory-card-back{background:#fff;border:2px solid #e2e8f0;transform:rotateY(180deg)}.memory-card.matched .memory-card-back{background:#f0fdf4;border-color:#bbf7d0}.result-saved{color:#15803d;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:20px;padding:10px 16px;font-size:13px;font-weight:500}.result-desc{color:#64748b;margin-top:6px;font-size:14px}.mg-page{max-width:1100px;margin:0 auto;padding:40px 24px 80px;font-family:Inter,sans-serif}.mg-hero{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #dbeafe;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:32px 40px;display:flex}.mg-hero-text h1{color:#0d1b2a;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:700}.mg-hero-text p{color:#64748b;max-width:320px;font-size:15px;line-height:1.6}.mg-hero-visual{animation:6s ease-in-out infinite float}.mg-grid{flex-direction:column;gap:20px;display:flex}.mg-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:flex-start;gap:24px;padding:28px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 12px #0000000d}.mg-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.mg-card-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.mg-card-content{flex:1}.mg-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.mg-card-header h2{color:#0d1b2a;font-size:20px;font-weight:700}.mg-duration{color:#94a3b8;background:#f1f5f9;border-radius:50px;padding:4px 10px;font-size:12px;font-weight:500}.mg-skill{margin-bottom:8px;font-size:13px;font-weight:600}.mg-card-content p{color:#64748b;margin-bottom:20px;font-size:14px;line-height:1.6}.mg-play-btn{color:#fff;cursor:pointer;border:none;border-radius:50px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #00000026}.mg-play-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0003}