@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1000;background:#eff6ffeb;border-bottom:1px solid #bfdbfee6;border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;width:calc(100% - 24px);max-width:none;height:74px;padding:0 20px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0f172a14,0 2px 10px #0f172a0a}.navbar-left{align-items:center;gap:14px;display:flex}.navbar-logo{letter-spacing:-1px;color:#0f172a;font-size:26px;font-weight:800;text-decoration:none;transition:all .2s}.navbar-logo:hover{transform:translateY(-1px)}.navbar-logo span{color:#2563eb}.navbar-home-btn{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:all .2s;display:flex}.navbar-home-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.navbar-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:6px;padding:6px;display:flex;box-shadow:inset 0 1px 2px #0f172a08}.nav-tab{color:#64748b;border-radius:14px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.nav-tab:hover{color:#0f172a;background:#ffffffe6}.nav-tab.active{color:#2563eb;background:#fff;box-shadow:0 2px 8px #2563eb1f,0 1px 3px #0f172a0f}.navbar-avatar{color:#fff;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 12px #2563eb40}@media (width<=1100px){.navbar{flex-direction:column;gap:14px;height:auto;padding:14px 18px}.navbar-tabs{scrollbar-width:none;justify-content:flex-start;width:100%;overflow-x:auto}.navbar-tabs::-webkit-scrollbar{display:none}.nav-tab{white-space:nowrap}}@media (width<=640px){.navbar-logo{font-size:22px}.nav-tab{padding:10px 14px;font-size:13px}.navbar{width:calc(100% - 20px);top:10px}}.navbar-auth{justify-content:center;align-items:center;display:flex}.navbar-login-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:14px;justify-content:center;align-items:center;height:42px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb38}.navbar-login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #2563eb4d}.guest-banner{color:#92400e;background:#fffbeb;border-bottom:1px solid #fde68a;justify-content:center;align-items:center;gap:16px;padding:10px 24px;font-size:13px;font-weight:500;display:flex}.guest-banner-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-radius:50px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.guest-banner-btn:hover{background:#d97706}.home-page{color:#0d1b2a;background:linear-gradient(160deg,#d6eaff 0%,#e8f3ff 40%,#dce8ff 100%);min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.blob{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;animation:10s ease-in-out infinite blobFloat;position:fixed}.blob-1{background:#6366f12e;width:500px;height:500px;animation-delay:0s;top:-100px;right:-100px}.blob-2{background:#3b82f626;width:400px;height:400px;animation-delay:-4s;bottom:200px;left:-80px}.blob-3{background:#8b5cf61f;width:300px;height:300px;animation-delay:-7s;top:40%;right:20%}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-30px)scale(1.06)}}@keyframes float1{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes float2{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.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}.nav-link-btn{color:#2563eb;cursor:pointer;background:0 0;border:1.5px solid #2563eb4d;border-radius:50px;padding:10px 22px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;transition:all .2s}.nav-link-btn:hover{background:#2563eb0f}.nav-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:50px;padding:10px 24px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #2563eb4d}.nav-cta-btn: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}.hero-left{flex:1;max-width:560px}.hero-right{flex:none}.hero-eyebrow{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}.eyebrow-dot{background:#3b82f6;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;display:inline-block}.hero-title{color:#0d1b2a;letter-spacing:-2px;margin-bottom:24px;font-size:54px;font-weight:800;line-height:1.1}.hero-title-accent{background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:#4a5568;max-width:480px;margin-bottom:36px;font-size:20px;line-height:1.7}.hero-actions{align-items:center;gap:14px;margin-bottom:24px;display:flex}.btn-main{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:50px;padding:15px 34px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;transition:all .25s;box-shadow:0 8px 30px #2563eb59}.btn-main:hover{transform:translateY(-2px);box-shadow:0 12px 40px #2563eb73}.btn-main-lg{padding:18px 48px;font-size:17px}.btn-ghost-link{color:#2563eb;cursor:pointer;background:#fff;border:1.5px solid #2563eb4d;border-radius:50px;padding:15px 28px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;transition:all .2s}.btn-ghost-link:hover{border-color:#2563eb;transform:translateY(-1px)}.hero-floating-badges{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.hero-badge{color:#0d1b2a;background:#fff;border:1px solid #2563eb26;border-radius:50px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;animation:3s ease-in-out infinite badgeFloat;display:inline-flex;box-shadow:0 2px 8px #0000000f}.hero-badge:nth-child(2){animation-delay:.4s}.hero-badge:nth-child(3){animation-delay:.8s}.hero-badge:nth-child(4){animation-delay:1.2s}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hero-visual{width:380px;height:420px;position:relative}.dash-widget{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #2563eb26;border-radius:24px;width:320px;padding:24px;animation:6s ease-in-out infinite float1;box-shadow:0 20px 60px #2563eb26}.dash-widget-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dash-widget-title{color:#64748b;font-size:13px;font-weight:600}.dash-widget-badge{color:#16a34a;background:#dcfce7;border-radius:50px;padding:3px 8px;font-size:11px;font-weight:700}.dash-widget-score{color:#0d1b2a;letter-spacing:-2px;margin-bottom:16px;font-size:48px;font-weight:800}.dash-widget-score span{color:#94a3b8;font-size:18px;font-weight:500}.dash-bar-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.dash-bar-label{color:#64748b;flex-shrink:0;width:40px;font-size:12px;font-weight:600}.dash-bar-track{background:#e2e8f0;border-radius:99px;flex:1;height:6px;overflow:hidden}.dash-bar-fill{border-radius:99px;height:100%;transition:width .8s}.dash-bar-val{text-align:right;flex-shrink:0;width:24px;font-size:12px;font-weight:700}.hero-float-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #fffc;border-radius:16px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex;position:absolute;box-shadow:0 8px 32px #0000001a}.float-icon{flex-shrink:0;font-size:22px}.float-title{color:#0d1b2a;font-size:13px;font-weight:700}.float-sub{color:#64748b;margin-top:1px;font-size:11px}.card-streak{animation:5s ease-in-out infinite float2;bottom:60px;right:-20px}.card-achievement{animation:7s ease-in-out -2s infinite float1;top:20px;right:-30px}.card-insight{animation:6s ease-in-out -1s infinite float2;bottom:160px;left:-40px}.stats-strip{z-index:5;justify-content:center;padding:0 80px 70px;display:flex;position:relative}.stat-item{text-align:center;background:#fff;border:1px solid #2563eb1a;flex-direction:column;flex:1;align-items:center;gap:8px;max-width:300px;padding:36px 50px;display:flex;box-shadow:0 4px 20px #0000000d}.stat-item:first-child{border-radius:16px 0 0 16px}.stat-item:last-child{border-radius:0 16px 16px 0}.stat-item:not(:first-child){border-left:none}.stat-big{color:#0d1b2a;letter-spacing:-2px;align-items:baseline;gap:6px;font-size:52px;font-weight:800;display:flex}.stat-big em{color:#2563eb;letter-spacing:0;font-size:22px;font-style:normal;font-weight:600}.stat-desc{color:#1e293b;font-size:15px;font-weight:500}.stat-divider{display:none}.features-section{z-index:5;max-width:1100px;margin:0 auto;padding:20px 80px 70px;position:relative}.features-label{letter-spacing:.15em;text-transform:uppercase;color:#2563eb;opacity:.7;margin-bottom:12px;font-size:13px;font-weight:700}.features-title{color:#0d1b2a;letter-spacing:-1.5px;margin-bottom:14px;font-size:40px;font-weight:800;line-height:1.1}.features-sub{color:#4a5568;max-width:560px;margin-bottom:48px;font-size:18px;line-height:1.6}.features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-card{background:#fff;border:1px solid #0000000f;border-radius:22px;padding:28px 24px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000d}.feature-card:before{content:"";background:var(--fc,#2563eb);opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.feature-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000001a}.feature-card:hover:before{opacity:1}.feature-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.feature-card-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:36px;transition:transform .3s}.feature-card:hover .feature-card-icon{transform:scale(1.15)rotate(-5deg)}.feature-card-tag{letter-spacing:.5px;text-transform:uppercase;color:var(--fc,#2563eb);background:var(--fb,#eff6ff);border-radius:50px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.feature-card-title{color:#0d1b2a;letter-spacing:-.3px;margin-bottom:8px;font-size:18px;font-weight:800}.feature-card-desc{color:#4a5568;font-size:14px;line-height:1.6}.games-preview-section{z-index:5;max-width:1100px;margin:0 auto;padding:20px 80px 70px;position:relative}.games-preview-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.mini-preview{color:#fff;text-align:center;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:12px;min-height:200px;padding:24px 20px;display:flex;box-shadow:0 8px 32px #0003}.mini-preview-label{letter-spacing:1px;text-transform:uppercase;color:#ffffff80;font-size:11px;font-weight:700}.stroop-word{letter-spacing:-1px;font-size:36px;font-weight:800;transition:color .3s}.stroop-hint{color:#fff6;font-size:12px}.stroop-options{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.stroop-opt{color:#fff;border:1px solid #0000;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600;transition:all .3s}.memory-mini-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.memory-mini-card{perspective:200px;cursor:default;width:48px;height:48px}.memory-mini-card .memory-mini-front,.memory-mini-card .memory-mini-back{backface-visibility:hidden;border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;font-size:22px;transition:transform .4s;display:flex;position:absolute}.memory-mini-card{transform-style:preserve-3d;transition:transform .4s;position:relative}.memory-mini-card.flipped{transform:rotateY(180deg)}.memory-mini-front{color:#fff;background:#3b82f6;font-size:16px;font-weight:700}.memory-mini-back{background:#1e3a5f;transform:rotateY(180deg)}.reaction-btn{border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:16px;font-weight:800;transition:all .3s;display:flex}.reaction-btn.wait{background:#dc2626;animation:1s ease-in-out infinite reactionPulse}.reaction-btn.go{background:#16a34a;transform:scale(1.1);box-shadow:0 0 30px #16a34a80}@keyframes reactionPulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 12px #dc262600}}.reaction-sub{color:#ffffff80;font-size:12px}.math-question{letter-spacing:-1px;font-size:32px;font-weight:800}.math-opts{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.math-opt{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px;font-size:16px;font-weight:700;transition:all .3s}.math-opt.correct{color:#10b981;background:#10b98133;border-color:#10b981}.how-section{z-index:5;max-width:1100px;margin:0 auto;padding:20px 80px 70px;position:relative}.how-label{letter-spacing:.15em;text-transform:uppercase;color:#2563eb;opacity:.7;margin-bottom:28px;font-size:14px;font-weight:700}.how-steps{grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:relative}.how-step-v2{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border:1px solid #2563eb1a;padding:32px 24px;transition:all .2s;position:relative}.how-step-v2:first-child{border-radius:16px 0 0 16px}.how-step-v2:last-child{border-radius:0 16px 16px 0}.how-step-v2:hover{z-index:1;background:#fff;box-shadow:0 4px 20px #2563eb14}.how-step-icon{margin-bottom:12px;font-size:28px}.how-step-arrow{color:#94a3b8;z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;display:flex;position:absolute;top:50%;right:-16px;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.step-n{color:#0d1b2a;letter-spacing:-2px;align-items:baseline;gap:5px;margin-bottom:10px;font-size:36px;font-weight:800;line-height:1;display:flex}.step-n em{color:#2563eb;letter-spacing:0;font-size:16px;font-style:normal;font-weight:400}.step-t{color:#0d1b2a;letter-spacing:-.3px;margin-bottom:8px;font-size:18px;font-weight:700}.step-d{color:#374151;font-size:15px;line-height:1.6}.how-domains-label{letter-spacing:.15em;text-transform:uppercase;color:#2563eb;opacity:.6;margin-top:48px;margin-bottom:16px;font-size:14px;font-weight:600}.how-domain-cards{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.how-domain-v2{background:var(--dbg,#e0f0ff);border:1px solid #0000000f;border-radius:18px;flex-direction:column;gap:10px;padding:22px 18px 20px;transition:transform .2s,box-shadow .2s;display:flex}.how-domain-v2:hover{transform:translateY(-4px);box-shadow:0 10px 28px #00000017}.domain-icon{font-size:28px}.how-domain-card-label{color:var(--dc,#1a6fa8);letter-spacing:-.2px;font-size:17px;font-weight:700}.how-domain-card-desc{color:#4a5568;font-size:15px;line-height:1.55}.wellness-section{z-index:5;text-align:center;max-width:1100px;margin:0 auto;padding:20px 80px 70px;position:relative}.wellness-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.wellness-pill{border:1.5px solid var(--pc,#3b82f6);color:var(--pc,#3b82f6);background:#fff;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;animation:4s ease-in-out infinite badgeFloat;display:inline-flex;box-shadow:0 2px 8px #0000000f}.wellness-pill:nth-child(2n){animation-delay:.5s}.wellness-pill:nth-child(3n){animation-delay:1s}.wellness-pill:nth-child(4n){animation-delay:1.5s}.wellness-pill:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 6px 20px #0000001a}.final-cta{z-index:5;padding:0 80px 80px;position:relative}.final-cta-inner{text-align:center;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:32px;padding:80px 40px;position:relative;overflow:hidden;box-shadow:0 40px 80px #0f172a4d}.cta-blob{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.cta-blob-1{background:#6366f140;width:400px;height:400px;animation:8s ease-in-out infinite blobFloat;top:-100px;left:-100px}.cta-blob-2{background:#3b82f633;width:300px;height:300px;animation:10s ease-in-out -4s infinite blobFloat;bottom:-80px;right:-80px}.final-cta-kicker{letter-spacing:.14em;text-transform:uppercase;color:#63b3ffb3;z-index:1;margin-bottom:16px;font-size:14px;font-weight:700;position:relative}.final-cta-title{color:#f8fafc;letter-spacing:-2px;z-index:1;margin-bottom:20px;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.05;position:relative}.final-cta-sub{color:#cbd5e1cc;z-index:1;margin-bottom:40px;font-size:18px;line-height:1.6;position:relative}.cta-actions{z-index:1;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.btn-glow{box-shadow:0 0 40px #2563eb99,0 8px 30px #2563eb59}.btn-glow:hover{box-shadow:0 0 60px #2563ebcc,0 12px 40px #2563eb73}.cta-ghost{color:#94a3b8cc;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-family:Inter,sans-serif;font-size:15px;text-decoration:underline;transition:color .2s}.cta-ghost:hover{color:#cbd5e1e6}.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:#1e293b;font-size:12px}.home-trust-note{text-align:center;max-width:760px;line-height:1.6;color:#475569!important}@media (width<=900px){.home-nav{padding:20px 24px}.home-hero{flex-direction:column;gap:32px;padding:48px 24px 32px}.hero-left{max-width:none}.hero-visual{width:100%;height:280px}.dash-widget{width:100%}.card-streak,.card-achievement,.card-insight{display:none}.stats-strip{flex-direction:column;align-items:stretch;gap:2px;padding:0 24px 48px}.stat-item:first-child{border-radius:16px 16px 0 0}.stat-item:last-child{border-radius:0 0 16px 16px}.stat-item:not(:first-child){border-top:none;border-left:1px solid #2563eb1a}.features-section,.games-preview-section,.how-section,.wellness-section{padding:20px 24px 48px}.features-grid{grid-template-columns:1fr}.games-preview-grid{grid-template-columns:repeat(2,1fr)}.how-steps{grid-template-columns:1fr}.how-step-v2:first-child{border-radius:16px 16px 0 0}.how-step-v2:last-child{border-radius:0 0 16px 16px}.how-step-arrow{display:none}.how-domain-cards{grid-template-columns:repeat(2,1fr)}.final-cta{padding:0 24px 60px}.final-cta-title{font-size:36px}.privacy-grid,.privacy-commitments{grid-template-columns:1fr}.hero-title{font-size:40px}.hero-floating-badges{display:none}.features-title{font-size:30px}}@media (width>=901px) and (width<=1100px){.features-grid,.games-preview-grid{grid-template-columns:repeat(2,1fr)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a2e28;background:linear-gradient(160deg,#eaf4ff 0%,#f5f9ff 50%,#e8f0ff 100%);font-family:Inter,sans-serif}.ob-wrap{max-width:720px;margin:0 auto;padding:80px 1.25rem 4rem;position:relative;overflow:hidden}.ob-ambient{filter:blur(60px);pointer-events:none;z-index:0;border-radius:999px;animation:12s ease-in-out infinite floatBlob;position:absolute}.ob-ambient-one{background:radial-gradient(circle,#4a9edb33,#0000);width:200px;height:200px;top:60px;right:20px}.ob-ambient-two{background:radial-gradient(circle,#1d9e7526,#0000);width:160px;height:160px;animation-delay:-4s;top:320px;left:-30px}.ob-ambient-three{background:radial-gradient(circle,#9b59b61f,#0000);width:180px;height:180px;animation-delay:-7s;bottom:60px;right:60px}@keyframes floatBlob{0%,to{transform:translate(0)scale(1)}50%{transform:translateY(-12px)scale(1.04)}}.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 #2563eb1a;border-radius:999px;flex:1;height:8px;overflow:hidden}.ob-progress-fill{background:linear-gradient(90deg,#4a9edb 0%,#1d9e75 100%);border-radius:999px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px #4a9edb59}.ob-step-label{color:#64748b;white-space:nowrap;font-size:13px;font-weight:600}.ob-card{z-index:1;background:#fffffff5;border:1px solid #2563eb1a;border-radius:28px;padding:2rem;animation:.42s cubic-bezier(.22,1,.36,1) cardRise;position:relative;box-shadow:0 20px 60px #2563eb1a}.ob-data-notice{color:#334155;background:#f8fafc;border:1px solid #dbeafe;border-left:4px solid #4a9edb;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:13px;line-height:1.65}@keyframes cardRise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.ob-domain-header{border-radius:18px;align-items:center;gap:14px;margin-bottom:22px;padding:18px 20px;display:flex}.ob-domain-emoji{filter:drop-shadow(0 2px 6px #0000001a);flex-shrink:0;font-size:40px}.ob-domain-header-text{flex:1}.ob-domain-eyebrow{letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700}.ob-domain-title{color:#0d1b2a;letter-spacing:-.5px;font-size:24px;font-weight:800}.ob-domain-pct{letter-spacing:-1px;flex-shrink:0;font-size:24px;font-weight:800}.ob-vibe{color:#0d1b2a;letter-spacing:-.3px;margin-bottom:6px;font-size:20px;font-weight:700}.ob-desc{color:#475569;margin-bottom:1.5rem;font-size:15px;line-height:1.7}.question-list{gap:1rem;display:grid}.question-card{box-shadow:none;background:0 0;border:none;padding:0}.field-label{color:#374151;margin-bottom:14px;font-size:15px;font-weight:600;line-height:1.5;display:block}.option-grid{gap:10px;display:grid}.cols-1{grid-template-columns:1fr}.ob-opt-new{text-align:left!important;cursor:pointer!important;background:#ffffffe6!important;border:1.5px solid #2563eb1f!important;border-radius:16px!important;align-items:center!important;gap:14px!important;width:100%!important;padding:14px 18px!important;font-family:Inter,sans-serif!important;transition:all .18s!important;display:flex!important;box-shadow:0 1px 4px #0000000a!important}.ob-opt-new:hover{background:#fff!important;border-color:#2563eb40!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #2563eb1a!important}.ob-opt-new.selected{background:#fff!important;transform:translateY(-2px)scale(1.01)!important}.ob-opt-emoji{text-align:center;flex-shrink:0;width:36px;font-size:26px}.ob-opt-text{flex-direction:column;flex:1;gap:2px;display:flex}.ob-opt-label{color:#0d1b2a;font-size:15px;font-weight:600;line-height:1.2}.ob-opt-sub{color:#64748b;font-size:13px;font-weight:400}.ob-opt-new.selected .ob-opt-sub{color:#475569}.ob-opt-check{text-align:center;flex-shrink:0;width:20px;font-size:16px;font-weight:700}.validation-text{color:#d85a30;background:#faece7e6;border:1px solid #d85a301f;border-radius:12px;margin-top:1rem;padding:10px 14px;font-size:14px;font-weight:600}.ob-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:2rem;display:flex}.btn-spacer{width:100px}.btn-back{color:#475569;cursor:pointer;background:#fffc;border:1.5px solid #2563eb2e;border-radius:14px;padding:12px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.btn-back:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb4d;transform:translateY(-1px)}.btn-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;flex:1;padding:14px 24px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 8px 24px #2563eb40}.btn-next:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2563eb59}.btn-next.full{flex:unset;width:100%}.ob-step-meta{flex-wrap:wrap;gap:8px;margin-bottom:1rem;display:flex}.ob-step-pill{color:#1d4ed8;letter-spacing:.3px;background:#2563eb14;border:1px solid #2563eb24;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.ob-step-pill.soft{color:#1a7a5e;background:#1d9e7512;border-color:#1d9e751f}.ob-eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:#4a9edb;margin-bottom:10px;font-size:12px;font-weight:700}.ob-title{color:#0d1b2a;letter-spacing:-.5px;margin-bottom:10px;font-size:26px;font-weight:800;line-height:1.1}.snapshot-hero{background:linear-gradient(135deg,#0f1f2a 0%,#163248 54%,#1c4350 100%);border:1px solid #4a9edb1a;border-radius:22px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:1.2rem;margin-bottom:1.25rem;padding:1.25rem;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 48px #0f1f2a2e}.snapshot-particles{pointer-events:none;position:absolute;inset:0}.snapshot-particle{opacity:.7;background:radial-gradient(circle,#ffffffe6,#0000);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%}@keyframes driftSpark{0%,to{opacity:.35;transform:translate(0)scale(.9)}50%{opacity:.95;transform:translate(-8px,-12px)scale(1.25)}}.snapshot-copy{z-index:1;position:relative}.snapshot-kicker{letter-spacing:1px;text-transform:uppercase;color:#bedfffcc;margin-bottom:8px;font-size:11px;font-weight:700}.snapshot-headline{color:#f6fbff;text-transform:capitalize;letter-spacing:-.5px;margin-bottom:10px;font-size:26px;font-weight:800;line-height:1}.snapshot-body{color:#dbebf7d9;max-width:32ch;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{filter:drop-shadow(0 10px 24px #4a9edb33);width:130px;height:130px;position:relative}.score-ring-glow{filter:blur(2px);background:radial-gradient(circle,#8ed8ff38,#0000 70%);border-radius:50%;animation:3.8s ease-in-out infinite ringPulse;position:absolute;inset:16px}.score-ring-svg{width:100%;height:100%;display:block}.score-number{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-num{color:#f6fbff;font-size:36px;font-weight:800;line-height:1}.score-sub{color:#d6e7f2bf;margin-top:3px;font-size:11px}.score-caption{letter-spacing:.7px;text-transform:uppercase;color:#dbebf7b3;font-size:11px;font-weight:700}@keyframes ringPulse{0%,to{opacity:.7;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}.result-tagline{color:#475569;margin-bottom:1.25rem;font-size:14px;line-height:1.7}.result-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.25rem;display:grid}.result-item{border:1px solid #2563eb1a;border-radius:16px;padding:16px}.result-item.strength{background:linear-gradient(135deg,#edf7ff,#f6fbff);border-color:#4a9edb26}.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.4}.result-item.strength .result-item-text{color:#1e5d95}.result-item.risk .result-item-text{color:#7a5a10}.disclaimer{color:#374151;background:linear-gradient(135deg,#ebf5ffeb,#f6faffeb);border-left:3px solid #4a9edb;border-radius:0 14px 14px 0;margin-bottom:1.5rem;padding:12px 14px;font-size:13px;line-height:1.7}@media (width<=640px){.ob-wrap{padding-inline:1rem;padding-top:64px}.ob-card{border-radius:22px;padding:1.25rem}.ob-domain-title{font-size:20px}.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%}}@media (prefers-reduced-motion:reduce){.ob-ambient,.score-ring,.ob-card{animation:none}.ob-progress-fill,.ob-opt-new,.btn-back,.btn-next{transition:none}}.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:96px 1.25rem 4rem;position:relative}.dash-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.dash-greeting{color:#374151;margin-bottom:4px;font-size:15px;font-weight:500}.dash-name{color:#1a2e28;font-size:26px;font-weight:600}.dash-date{color:#374151;text-align:right;font-size:15px;font-weight:500;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:13px;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:#1e293b;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:#374151;font-size:14px;font-weight:600}.pet-overall-score{color:#1a2e28;font-size:32px;font-weight:700;line-height:1}.pet-overall-max{color:#374151;font-size:16px;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:90px 1fr 36px 100px;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:13px;font-weight:700}.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:.08em;text-transform:uppercase;color:#1e293b;margin-top:2rem;margin-bottom:12px;font-size:15px;font-weight:700}.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:#374151;padding:4px 0;font-size:14px}.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:.5px;text-transform:uppercase;color:#1e293b;font-size:13px;font-weight:700}.standout-domain{color:#1a2e28;font-size:14px;font-weight:600;line-height:1.3}.standout-score{color:#374151;font-size:13px;font-weight:500}.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)}}.insights-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:.75rem;display:grid}.insights-subhead{color:#64748b;margin-top:-.45rem;margin-bottom:.8rem;font-size:13px;font-weight:600}.insight-card{transform-style:preserve-3d;will-change:transform;background:#ffffffeb;border:.5px solid #4a9edb26;border-radius:18px;flex-direction:column;min-height:260px;padding:.7rem 1rem .9rem;animation:.5s both insightPop;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.insight-card:nth-child(2){animation-delay:80ms}.insight-card:nth-child(3){animation-delay:.16s}.insight-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:34%;height:100%;animation:4.8s ease-in-out infinite insightSweep;position:absolute;inset:5px auto auto -35%;transform:skew(-18deg)}.insight-card:before{content:"";background:#4a9edb;height:5px;position:absolute;inset:0 0 auto}.insight-card:hover{box-shadow:0 14px 30px #0f172a1a}.insight-card.sleep_rhythm:before{background:#4a9edb}.insight-card.move_mode:before{background:#1d9e75}.insight-card.cognitive_strain:before{background:#d85a30}.insight-card.social_energy:before{background:#8b5cf6}.insight-visual{background:#eef6fb;border-radius:14px;height:96px;margin:.25rem 0 .85rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80}.insight-visual img{object-fit:cover;filter:saturate(1.08)contrast(.96);width:100%;height:100%;animation:7s ease-in-out infinite insightImageDrift;display:block;transform:scale(1.04)}.insight-visual:after{content:"";background:linear-gradient(135deg,#1a2e2814,#ffffff57);position:absolute;inset:0}.insight-float{z-index:1;background:#ffffffd1;border-radius:999px;animation:3.6s ease-in-out infinite insightBubbleFloat;position:absolute;box-shadow:0 8px 18px #0f172a1f}.insight-float-one{width:18px;height:18px;top:14px;right:18px}.insight-float-two{width:10px;height:10px;animation-delay:-1.1s;bottom:18px;right:46px}.insight-float-three{width:7px;height:7px;animation-delay:-2s;bottom:16px;left:18px}.insight-topline{justify-content:space-between;align-items:center;gap:10px;margin-bottom:.7rem;display:flex}.insight-chip{text-transform:uppercase;color:#2f75b5;background:#e6f1fb;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.insight-chip.sleep_rhythm{color:#2f75b5;background:#e6f1fb}.insight-chip.move_mode{color:#147a5a;background:#eaf7f1}.insight-chip.cognitive_strain{color:#b84420;background:#fdede7}.insight-chip.social_energy{color:#6d45c4;background:#f1ecfe}.insight-icon{border-radius:999px;flex:0 0 16px;width:16px;height:16px;animation:2.6s ease-in-out infinite insightIconFloat;display:inline-block;position:relative}.insight-icon:before,.insight-icon:after{content:"";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.insight-icon-moon{background:#dbeafe;box-shadow:inset -5px 0 #60a5fa}.insight-icon-bolt{background:#dcfce7}.insight-icon-bolt:before{clip-path:polygon(55% 0,100% 0,62% 45%,100% 45%,35% 100%,52% 55%,0 55%);background:#16a34a;width:7px;height:12px}.insight-icon-phone{background:#fee2e2}.insight-icon-phone:before{border:2px solid #dc2626;border-radius:3px;width:8px;height:12px}.insight-icon-chat{background:#ede9fe}.insight-icon-chat:before{background:#7c3aed;border-radius:5px 5px 5px 2px;width:10px;height:8px}.insight-time{color:#0f766e;text-transform:uppercase;white-space:nowrap;background:#ccfbf1;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;animation:2.4s ease-in-out infinite insightPulse}.insight-eyebrow{color:#64748b;margin-bottom:5px;font-size:12px;font-weight:800}.insight-title{color:#1a2e28;margin:0 0 7px;font-size:18px;line-height:1.2}.insight-copy{color:#374151;margin:0 0 13px;font-size:13px;line-height:1.45}.insight-plan{gap:7px;margin-top:auto;margin-bottom:12px;display:grid}.insight-step{background:#f8fafc;border:1px solid #e8eef5;border-radius:10px;grid-template-columns:22px 1fr;align-items:center;gap:8px;padding:7px 8px;transition:transform .2s,background .2s;display:grid}.insight-step:hover{background:#fff;transform:translate(3px)}.insight-step span{color:#2563eb;background:#e0f2fe;border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.insight-step p{color:#1f2937;margin:0;font-size:13px;font-weight:650;line-height:1.25}.insight-source{color:#64748b;width:fit-content;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.insight-source:hover{text-decoration:underline}@keyframes insightPop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes insightSweep{0%,58%{opacity:0;left:-40%}68%{opacity:1}88%{opacity:0;left:108%}to{opacity:0;left:108%}}@keyframes insightIconFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(6deg)}}@keyframes insightPulse{0%,to{box-shadow:0 0 #14b8a600}50%{box-shadow:0 0 0 5px #14b8a61f}}@keyframes insightImageDrift{0%,to{transform:scale(1.04)translate(0)}50%{transform:scale(1.1)translate(-6px)}}@keyframes insightBubbleFloat{0%,to{opacity:.8;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-7px)scale(1.08)}}@media (prefers-reduced-motion:reduce){.insight-card,.insight-card:after,.insight-visual img,.insight-float,.insight-icon,.insight-time{animation:none}}@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)}.insights-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)}}.pet-middle{border-right:1px solid #4a9edb1f;flex-direction:column;flex:1;justify-content:center;gap:12px;padding:0 2rem;display:flex}.pet-vitals{flex-direction:column;flex:1.1;justify-content:center;gap:14px;padding-left:2rem;display:flex}.pet-vitals-heading{letter-spacing:.08em;text-transform:uppercase;color:#1e293b;margin-bottom:2px;font-size:14px;font-weight:700}.checkin-prompt-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f1e328c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.checkin-prompt-box{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:420px;padding:2.5rem 2rem;animation:.35s cubic-bezier(.22,1,.36,1) checkinSlideUp;box-shadow:0 24px 60px #0003}@keyframes checkinSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.checkin-prompt-emoji{filter:drop-shadow(0 4px 12px #4a9edb33);margin-bottom:1rem;font-size:52px}.checkin-prompt-title{color:#0d1b2a;letter-spacing:-.4px;margin-bottom:10px;font-size:22px;font-weight:800}.checkin-prompt-sub{color:#475569;margin-bottom:1.75rem;font-size:15px;line-height:1.65}.checkin-prompt-actions{flex-direction:column;gap:10px;display:flex}.checkin-prompt-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:12px;padding:14px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:block;box-shadow:0 6px 20px #2563eb4d}.checkin-prompt-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #2563eb66}.checkin-prompt-dismiss{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:8px;font-size:14px;font-weight:500;transition:color .2s}.checkin-prompt-dismiss:hover{color:#475569}.dash-quick-nav{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.dash-quick-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:12px;padding:16px 18px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.dash-quick-card:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 8px 24px #2563eb1a}.dash-quick-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.dash-quick-text{flex:1;min-width:0}.dash-quick-label{color:#0d1b2a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.dash-quick-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.dash-quick-arrow{color:#94a3b8;flex-shrink:0;font-size:16px;transition:transform .2s}.dash-quick-card:hover .dash-quick-arrow{color:#2563eb;transform:translate(3px)}.dash-games-nudge{color:inherit;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:20px 24px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 20px #0f172a26}.dash-games-nudge:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0f172a40}.dash-games-nudge-left{align-items:center;gap:16px;display:flex}.dash-games-nudge-emoji{flex-shrink:0;font-size:32px}.dash-games-nudge-title{color:#f8fafc;margin-bottom:4px;font-size:16px;font-weight:700}.dash-games-nudge-sub{color:#94a3b8;font-size:13px;font-weight:500}.dash-games-nudge-btn{color:#fff;white-space:nowrap;background:#2563eb;border-radius:50px;flex-shrink:0;padding:10px 20px;font-size:14px;font-weight:700;transition:background .2s}.dash-games-nudge:hover .dash-games-nudge-btn{background:#1d4ed8}.dash-footer-nav{grid-template-columns:1fr 1fr;gap:12px;margin-top:32px;display:grid}.dash-footer-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:14px;padding:20px 22px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.dash-footer-card:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 8px 24px #2563eb1a}.dash-footer-emoji{flex-shrink:0;font-size:28px}.dash-footer-title{color:#0d1b2a;margin-bottom:4px;font-size:15px;font-weight:700}.dash-footer-sub{color:#64748b;font-size:13px;line-height:1.4}.dash-footer-arrow{color:#94a3b8;flex-shrink:0;margin-left:auto;font-size:18px;transition:transform .2s}.dash-footer-card:hover .dash-footer-arrow{color:#2563eb;transform:translate(3px)}@media (width<=900px){.dash-quick-nav{grid-template-columns:repeat(2,1fr)}.dash-footer-nav{grid-template-columns:1fr}}@media (width<=500px){.dash-quick-nav{grid-template-columns:1fr}.dash-games-nudge{flex-direction:column;align-items:flex-start}}.dash-nudge-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}@media (width<=700px){.dash-nudge-row{grid-template-columns:1fr}}.sleep-chart-card,.physical-chart-card{background:#fff;border:.5px solid #4a9edb26;border-radius:24px;margin-bottom:1.25rem;padding:1.5rem 1.75rem;box-shadow:0 4px 20px #4a9edb14}.sleep-chart-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.25rem;display:flex}.sleep-chart-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#4a9edb;margin-bottom:6px;font-size:11px;font-weight:700}.sleep-chart-title{color:#0d1b2a;letter-spacing:-.3px;margin-bottom:6px;font-size:18px;font-weight:700}.sleep-chart-copy{color:#374151;max-width:420px;font-size:13px;line-height:1.6}.sleep-chart-toggle{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.sleep-chart-tab{color:#374151;cursor:pointer;white-space:nowrap;text-align:left;background:#fff;border:1.5px solid #4a9edb33;border-radius:50px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .18s}.sleep-chart-tab:hover{color:#1a6fa8;border-color:#4a9edb}.sleep-chart-tab.active{color:#fff;background:#4a9edb;border-color:#4a9edb;font-weight:600}.sleep-chart-highlight{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.25rem;display:grid}.sleep-highlight-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.sleep-highlight-label{letter-spacing:.1em;text-transform:uppercase;color:#374151;font-size:11px;font-weight:700}.sleep-highlight-value{color:#0d1b2a;font-size:16px;font-weight:700}.sleep-chart-shell{position:relative}.sleep-chart-svg{width:100%;height:auto;display:block;overflow:visible}.sleep-grid-line{stroke:#e2e8f0;stroke-width:1px}.sleep-axis-text{fill:#0d1b2a;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.sleep-axis-text.left{text-anchor:end}.sleep-axis-pill{fill:#e8f4ff;stroke:#4a9edb40;stroke-width:1px}.sleep-chart-svg text.sleep-axis-text:not(.left):not(.sleep-average-label){fill:#0d1b2a;font-size:10px;font-weight:600}.sleep-average-line{stroke:#94a3b8;stroke-width:1.5px;stroke-dasharray:6 4}.sleep-average-label{fill:#374151;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.sleep-user-marker-group{cursor:pointer}.chart-touch-target{fill:#0000;pointer-events:all;cursor:pointer;touch-action:manipulation}.sleep-user-marker-ring{fill:#ffffffdb;stroke:#d97706;stroke-width:3px}.sleep-user-marker-dot{fill:#d97706}.sleep-user-popup{text-align:left;cursor:pointer;z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:200px;padding:14px 18px;position:absolute;bottom:60px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000001f}.user-result-popup{border-color:#d9770652;box-shadow:0 10px 30px #d977062e}.sleep-user-popup-label{letter-spacing:.08em;text-transform:uppercase;color:#d97706;margin-bottom:4px;font-size:11px;font-weight:700}.sleep-user-popup-title{color:#0d1b2a;margin-bottom:4px;font-size:15px;font-weight:700}.sleep-user-popup-copy{color:#374151;font-size:13px;line-height:1.5}.sleep-tooltip{pointer-events:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:160px;padding:10px 14px;position:absolute;top:0;right:0;box-shadow:0 4px 16px #0000001a}.sleep-tooltip-label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:3px;font-size:11px;font-weight:700}.sleep-tooltip-title{color:#0d1b2a;margin-bottom:2px;font-size:14px;font-weight:700}.sleep-tooltip-value{color:#374151;font-size:13px;font-weight:500}.chart-source-note{color:#64748b;border-top:1px solid #e2e8f0;margin-top:12px;padding-top:10px;font-size:12px;line-height:1.5}.chart-source-note a{color:#2563eb;font-weight:700;text-decoration:none}.chart-source-note a:hover{text-decoration:underline}.hub-wrap{max-width:1100px;margin:0 auto;padding:110px 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:#374151;font-size:14px;line-height:1.6}.hub-data-note{color:#334155;background:#f8fafc;border:1px solid #4a9edb2e;border-left:4px solid #4a9edb;border-radius:14px;margin-bottom:1.25rem;padding:13px 16px;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:#1e293b;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:#374151;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}.source-badge.cdc{color:#256a61;background:#e8f2f1}.read-time{color:#374151;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:#374151;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:#374151;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:#374151;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:#374151;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:96px 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:36px;font-weight:700}.ht-header p{color:#374151;margin-bottom:24px;font-size:17px}.ht-tabs{border-bottom:1.5px solid #e2e8f0;gap:8px;display:flex}.ht-tab{color:#374151;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1.5px;padding:10px 20px;font-size:16px;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:16px}.ht-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;box-shadow:0 2px 12px #0000000d}.ht-data-note{color:#334155;background:#f8fafc;border:1px solid #dbeafe;border-left:4px solid #2563eb;border-radius:12px;margin-bottom:24px;padding:13px 16px;font-size:14px;line-height:1.6}.ht-field{margin-bottom:32px}.ht-field label{color:#0d1b2a;margin-bottom:4px;font-size:18px;font-weight:600;display:block}.ht-field-desc{color:#374151;margin-bottom:14px;font-size:15px}.ht-sleep-options{flex-wrap:wrap;gap:10px;display:flex}.ht-option{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;padding:10px 18px;font-size:16px;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:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;padding:12px;font-size:16px;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:18px;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:16px;font-weight:500;transition:all .2s}.ht-range-toggle button.active{color:#fff;background:#2563eb;border-color:#2563eb}.ht-empty{text-align:center;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:60px;font-size:17px}.ht-history-list{flex-direction:column;gap:12px;display:flex}.ht-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 1px 4px #0000000a}.ht-history-date{color:#0d1b2a;flex-shrink:0;min-width:130px;font-size:16px;font-weight:700}.ht-history-stats{flex-wrap:wrap;gap:8px;display:flex}.ht-stat{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.ht-stat-label{display:none}.ht-stat-value{color:#0d1b2a;font-size:14px;font-weight:600}.ht-stat-value.active{color:#16a34a}.ht-stat-value.inactive{color:#0d1b2a}.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:32px;font-weight:700}.ht-summary-label{color:#1e293b;margin-top:4px;font-size:14px;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:17px;font-weight:600}.ht-chart-legend{color:#1e293b;gap:16px;margin-top:12px;font-size:14px;font-weight:500;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:17px;font-weight:600}.ht-reminder-toast{z-index:2000;background:#fff;border:2px solid;border-radius:16px;align-items:flex-start;gap:12px;max-width:360px;padding:16px 44px 16px 16px;animation:.35s cubic-bezier(.16,1,.3,1) ht-toast-in;display:flex;position:fixed;top:90px;right:24px;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f}@keyframes ht-toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.ht-reminder-toast-icon{flex-shrink:0;margin-top:1px;font-size:24px}.ht-reminder-toast-msg{color:#0d1b2a;margin:0;font-size:14px;font-weight:500;line-height:1.55}.ht-reminder-toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1;transition:color .15s;position:absolute;top:10px;right:12px}.ht-reminder-toast-close:hover{color:#475569}.ht-field-hint{color:#64748b;margin-top:10px;font-size:13px;font-style:italic}.ht-guide-banner{background:linear-gradient(135deg,#eff6ff 0%,#e0f2fe 100%);border:1px solid #bfdbfe;border-radius:14px;margin-bottom:16px;padding:20px 44px 20px 20px;position:relative}.ht-guide-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1;position:absolute;top:12px;right:14px}.ht-guide-close:hover{color:#475569}.ht-guide-title{color:#1e40af;margin-bottom:14px;font-size:15px;font-weight:700}.ht-guide-items{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.ht-guide-item{color:#1e293b;align-items:center;gap:12px;font-size:14px;display:flex}.ht-guide-icon{flex-shrink:0;font-size:20px}.ht-guide-item strong{margin-right:4px;font-weight:600}.ht-guide-item span{color:#475569}.ht-guide-footer{color:#3b82f6;font-size:13px;font-weight:500}.ht-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}.ht-hero-text h1{color:#0d1b2a;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:700}.ht-hero-text p{color:#374151;font-size:17px;line-height:1.6}.ht-hero-visual{flex-shrink:0}.hero-illustration{object-fit:cover;border-radius:16px;width:160px;height:120px;box-shadow:0 4px 20px #2563eb26}.ht-reminder-guide{background:linear-gradient(135deg,#faf5ff 0%,#f0f9ff 100%);border:1.5px solid #c4b5fd;border-radius:16px;flex-direction:column;gap:14px;margin-bottom:16px;padding:20px 20px 16px;display:flex;position:relative}.ht-rg-body{align-items:flex-start;gap:14px;padding-right:24px;display:flex}.ht-rg-icon{flex-shrink:0;margin-top:4px;font-size:28px}.ht-rg-text{flex-direction:column;flex:1;gap:0;display:flex}.ht-rg-title{color:#5b21b6;margin-bottom:6px;font-size:15px;font-weight:700}.ht-rg-desc{color:#374151;margin-bottom:12px;font-size:13px;line-height:1.6}.ht-rg-desc strong{color:#5b21b6}.ht-rg-features{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.ht-rg-features span{color:#5b21b6;background:#7c3aed14;border:1px solid #ddd6fe;border-radius:50px;padding:4px 12px;font-size:12px;font-weight:600}.ht-rg-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:50px;align-self:flex-start;padding:9px 20px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #7c3aed4d}.ht-rg-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed66}.ht-watch{flex-direction:column;gap:20px;margin-top:24px;display:flex}.ht-watch-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px;display:flex}.ht-watch-badge{color:#93c5fd;background:#2563eb4d;border:1px solid #2563eb66;border-radius:50px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.ht-watch-title{letter-spacing:-.5px;margin-bottom:10px;font-size:24px;font-weight:800}.ht-watch-desc{color:#cbd5e1cc;max-width:400px;font-size:15px;line-height:1.6}.ht-watch-hero-right{flex-shrink:0}.ht-watch-stats{flex-direction:column;gap:10px;display:flex}.ht-watch-stat{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:10px 16px;display:flex}.ht-watch-stat-icon{font-size:20px}.ht-watch-stat-label{color:#cbd5e1e6;font-size:13px;font-weight:600}.ht-watch-step{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:20px;padding:24px;display:flex;box-shadow:0 2px 8px #0000000a}.ht-watch-step-num{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;font-size:16px;font-weight:800;display:flex}.ht-watch-step-content{flex:1;min-width:0}.ht-watch-step-title{color:#0d1b2a;margin-bottom:6px;font-size:17px;font-weight:700}.ht-watch-step-desc{color:#374151;margin-bottom:14px;font-size:14px;line-height:1.6}.ht-watch-token-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.ht-watch-token-loading{color:#64748b;font-size:14px}.ht-watch-token-value{color:#1e293b;word-break:break-all;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-family:Courier New,monospace;font-size:13px;line-height:1.5;display:block}.ht-watch-token-actions{flex-wrap:wrap;gap:8px;display:flex}.ht-watch-copy-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:9px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.ht-watch-copy-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.ht-watch-regen-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.ht-watch-regen-btn:hover{color:#374151;border-color:#94a3b8}.ht-watch-shortcut-steps{flex-direction:column;gap:10px;display:flex}.ht-shortcut-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.ht-shortcut-step-icon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.ht-shortcut-step-action{color:#0d1b2a;margin-bottom:2px;font-size:14px;font-weight:700}.ht-shortcut-step-detail{color:#64748b;font-size:12px;line-height:1.5}.ht-watch-json{background:#0f172a;border-radius:12px;margin-top:4px;padding:16px 20px}.ht-watch-json pre{color:#93c5fd;white-space:pre-wrap;margin:0;font-family:Courier New,monospace;font-size:13px;line-height:1.7}.ht-watch-tip{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.ht-watch-mapping{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000a}.ht-watch-mapping-title{color:#0d1b2a;margin-bottom:16px;font-size:16px;font-weight:700}.ht-watch-mapping-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ht-watch-mapping-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.ht-watch-mapping-icon{margin-bottom:8px;font-size:24px}.ht-watch-mapping-label{color:#0d1b2a;margin-bottom:10px;font-size:13px;font-weight:700}.ht-watch-mapping-rows{flex-direction:column;gap:6px;display:flex}.ht-watch-mapping-row{color:#374151;align-items:center;gap:8px;font-size:12px;display:flex}.ht-watch-mapping-row span:first-child{min-width:90px}.ht-watch-mapping-note{color:#94a3b8;margin-top:8px;font-size:11px;font-style:italic}@media (width<=700px){.ht-watch-hero{flex-direction:column}.ht-watch-mapping-grid{grid-template-columns:1fr}.ht-watch-step{flex-direction:column}}.sr-page{max-width:1160px;margin:0 auto;padding:96px 24px 80px;font-family:Inter,sans-serif}.sr-guest-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 20px;font-size:15px;font-weight:500;display:flex}.sr-guest-cta{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;flex-shrink:0;padding:9px 18px;font-size:14px;font-weight:600;transition:all .2s}.sr-guest-cta:hover{background:#1d4ed8;transform:translateY(-1px)}.sr-hero{background:linear-gradient(135deg,#eff6ff 0%,#f5f3ff 100%);border:1px solid #dbeafe;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:20px;padding:32px 40px;display:flex}.sr-hero-text h1{color:#0d1b2a;letter-spacing:-.5px;margin-bottom:10px;font-size:30px;font-weight:700}.sr-hero-text p{color:#374151;max-width:480px;margin:0;font-size:16px;line-height:1.7}.sr-hero-steps{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.sr-step{color:#374151;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.sr-step-num{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.sr-autosave{z-index:1500;color:#fff;opacity:0;pointer-events:none;background:#16a34a;border-radius:50px;padding:7px 16px;font-size:13px;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;top:84px;right:24px;transform:translateY(-6px);box-shadow:0 4px 14px #16a34a4d}.sr-autosave.visible{opacity:1;transform:translateY(0)}.sr-columns{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.sr-left-col,.sr-right-col{flex-direction:column;gap:16px;display:flex}.sr-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;box-shadow:0 2px 12px #0000000d}.sr-card h2{color:#0d1b2a;margin-bottom:6px;font-size:18px;font-weight:700}.sr-card-desc{color:#64748b;margin-bottom:20px;font-size:14px;line-height:1.6}.sr-card-dimmed{opacity:.5;pointer-events:none}.sr-master-toggle-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.sr-master-toggle-text h2{margin-bottom:4px}.sr-master-toggle-text p{color:#64748b;margin:0;font-size:14px}.sr-field{margin-bottom:24px}.sr-field label{color:#0d1b2a;margin-bottom:4px;font-size:15px;font-weight:600;display:block}.sr-field-desc{color:#64748b;margin-top:2px;margin-bottom:12px;font-size:13px}.sr-field-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sr-toggle{cursor:pointer;border:none;border-radius:100px;flex-shrink:0;width:52px;height:28px;transition:background .2s;position:relative}.sr-toggle.on{background:#2563eb}.sr-toggle.off{background:#cbd5e1}.sr-toggle-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:left .2s;position:absolute;top:3px;box-shadow:0 1px 4px #0003}.sr-toggle.on .sr-toggle-knob{left:27px}.sr-toggle.off .sr-toggle-knob{left:3px}.sr-tone-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sr-tone-card{cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;transition:all .2s;display:flex}.sr-tone-card:hover:not(:disabled){background:#eff6ff;border-color:#2563eb}.sr-tone-card.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.sr-tone-card:disabled{opacity:.4;cursor:not-allowed}.sr-tone-icon{font-size:22px}.sr-tone-title{color:#0d1b2a;font-size:14px;font-weight:700}.sr-tone-desc{color:#64748b;font-size:11px;line-height:1.3}.sr-window-grid{flex-direction:column;gap:8px;display:flex}.sr-window-btn{cursor:pointer;color:#1e293b;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sr-window-btn:hover:not(:disabled){background:#eff6ff;border-color:#2563eb}.sr-window-btn.selected{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;font-weight:600}.sr-window-btn:disabled{opacity:.4;cursor:not-allowed}.sr-window-time{color:#94a3b8;font-size:12px;font-weight:500}.sr-window-btn.selected .sr-window-time{color:#3b82f6}.sr-window-note{color:#94a3b8;margin-top:10px;font-size:12px;line-height:1.5}.sr-crunch-card{border:1.5px solid #e2e8f0}.sr-crunch-card.sr-crunch-active{background:linear-gradient(135deg,#faf5ff,#f5f3ff);border-color:#c4b5fd}.sr-crunch-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.sr-crunch-header h2{margin-bottom:4px}.sr-crunch-header .sr-card-desc{margin-bottom:0}.sr-badge{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:50px;flex-shrink:0;padding:4px 12px;font-size:11px;font-weight:700}.sr-badge.active{color:#fff;background:#7c3aed}.sr-crunch-date-label{color:#475569;margin-bottom:10px;font-size:13px;font-weight:600}.sr-date-range{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.sr-date-field label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.sr-date-input{color:#0d1b2a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.sr-date-input:focus{border-color:#7c3aed}.sr-crunch-active-notice{color:#5b21b6;background:#7c3aed14;border:1px solid #c4b5fd;border-radius:12px;flex-direction:column;gap:4px;margin-top:12px;padding:14px 16px;font-size:14px;display:flex}.sr-crunch-active-notice strong{font-weight:700}.sr-crunch-active-notice span{font-weight:500}.sr-crunch-scheduled-notice{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:10px;padding:10px 14px;font-size:13px}.sr-crunch-hint{color:#94a3b8;margin-top:10px;font-size:13px;font-style:italic}.sr-preview-box{border:2px solid;border-radius:14px;align-items:flex-start;gap:14px;padding:18px;display:flex}.sr-preview-icon{flex-shrink:0;margin-top:1px;font-size:26px}.sr-preview-msg{color:#0d1b2a;margin:0;font-size:15px;font-weight:500;line-height:1.6}.sr-analysis-list{flex-direction:column;gap:12px;display:flex}.sr-analysis-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.sr-analysis-left{align-items:center;gap:12px;display:flex}.sr-analysis-icon{flex-shrink:0;font-size:22px}.sr-analysis-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-size:12px;font-weight:600}.sr-analysis-value{color:#0d1b2a;font-size:16px;font-weight:700}.sr-pill{white-space:nowrap;border-radius:50px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:700}.sr-pill.good{color:#15803d;background:#dcfce7}.sr-pill.warn{color:#92400e;background:#fef9c3}.sr-pill.study{color:#5b21b6;background:#ede9fe}.sr-pill.neutral{color:#64748b;background:#f1f5f9}.sr-loading{text-align:center;color:#64748b;padding:32px;font-size:15px}@media (width<=900px){.sr-columns{grid-template-columns:1fr}.sr-hero{flex-direction:column;padding:24px 20px}.sr-hero-text h1{font-size:26px}}@media (width<=480px){.sr-tone-grid,.sr-date-range{grid-template-columns:1fr}.sr-card{padding:20px 16px}}.progress-page{max-width:1100px;margin:0 auto;padding:96px 24px 80px;font-family:Inter,sans-serif}.progress-loading{color:#374151;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:#374151;font-size:17px;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:#1e293b;margin-top:2px;font-size:14px;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:#1e293b;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:16px;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:#374151;font-size:15px}.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:1;background:#f5f7ff;border-color:#c7d2fe}.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:#e0e7ff;border-color:#a5b4fc}.milestone-label{margin-bottom:3px;font-size:15px;font-weight:700}.milestone-desc{color:#374151;font-size:14px;font-weight:500}.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:10px;height:10px}.recent-date{color:#0d1b2a;min-width:120px;font-size:16px;font-weight:700}.recent-tags{flex-wrap:wrap;gap:8px;display:flex}.recent-tag{color:#0d1b2a;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:50px;padding:6px 12px;font-size:14px;font-weight:600}.recent-tag.green{color:#16a34a;background:#f0fdf4}.game-charts-section{margin-bottom:32px}.game-charts-section h2{color:#0d1b2a;letter-spacing:-.3px;margin-bottom:16px;font-size:20px;font-weight:700}.game-charts-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.game-chart-card{background:#fff;border:1px solid #e2e8f0;border-top:3px solid #0000;border-radius:20px;padding:20px;transition:transform .2s;box-shadow:0 2px 12px #0000000d}.game-chart-card:hover{transform:translateY(-2px)}.game-chart-card.reaction{border-top-color:#2563eb}.game-chart-card.memory{border-top-color:#7c3aed}.game-chart-card.stroop{border-top-color:#16a34a}.game-chart-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:14px;display:flex}.game-chart-title{color:#0d1b2a;margin-bottom:3px;font-size:15px;font-weight:700}.game-chart-skill{color:#94a3b8;font-size:11px;font-weight:500}.game-chart-pb{text-align:center;border:1px solid;border-radius:10px;flex-shrink:0;padding:6px 10px}.game-chart-pb.reaction{background:#eff6ff;border-color:#bfdbfe}.game-chart-pb.memory{background:#f5f3ff;border-color:#ddd6fe}.game-chart-pb.stroop{background:#f0fdf4;border-color:#bbf7d0}.game-chart-pb-num{color:#0d1b2a;letter-spacing:-.5px;font-size:17px;font-weight:800;line-height:1}.game-chart-pb.reaction .game-chart-pb-num{color:#2563eb}.game-chart-pb.memory .game-chart-pb-num{color:#7c3aed}.game-chart-pb.stroop .game-chart-pb-num{color:#16a34a}.game-chart-pb-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-top:2px;font-size:10px;font-weight:600}.game-chart-empty{color:#94a3b8;background:#f8fafc;border:1.5px dashed #e2e8f0;border-radius:12px;justify-content:center;align-items:center;height:110px;font-size:13px;font-weight:500;display:flex}@media (width<=900px){.game-charts-grid{grid-template-columns:1fr}}.achievements-section{margin-bottom:32px}.achievements-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.achievements-header h2{color:#0d1b2a;letter-spacing:-.3px;font-size:20px;font-weight:700}.achievements-count{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50px;padding:4px 14px;font-size:13px;font-weight:600}.achievement-card{border-radius:16px;align-items:center;gap:12px;padding:16px;transition:transform .2s;display:flex;position:relative}.achievement-card:hover{transform:translateY(-2px)}.achievement-card.unlocked.rarity-common{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.achievement-card.unlocked.rarity-rare{background:linear-gradient(135deg,#faf5ff,#f5f3ff);border:1px solid #c4b5fd;box-shadow:0 4px 16px #7c3aed1a}.achievement-card.unlocked.rarity-legendary{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;box-shadow:0 4px 20px #fbbf242e}.achievement-card.locked{opacity:.65;background:#f8fafc;border:1px solid #e2e8f0}.achievement-emoji{text-align:center;flex-shrink:0;width:36px;font-size:30px;line-height:1}.achievement-card.locked .achievement-emoji{filter:grayscale();opacity:.45}.achievement-body{flex:1;min-width:0}.achievement-label{color:#0d1b2a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:14px;font-weight:700;overflow:hidden}.achievement-card.locked .achievement-label{color:#94a3b8}.achievement-desc{color:#64748b;font-size:12px;line-height:1.4}.achievement-card.locked .achievement-desc{color:#cbd5e1}.achievement-rarity-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:50px;flex-shrink:0;align-self:flex-start;padding:3px 9px;font-size:10px;font-weight:700}.achievement-rarity-badge.rarity-common{color:#64748b;background:#f1f5f9}.achievement-rarity-badge.rarity-rare{color:#7c3aed;background:#ede9fe}.achievement-rarity-badge.rarity-legendary{color:#d97706;background:#fef3c7}.achievement-card.locked .achievement-rarity-badge{color:#cbd5e1;background:#f1f5f9}@media (width<=640px){.achievements-grid{grid-template-columns:1fr}}.ht-guest-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 20px;font-size:15px;font-weight:500;display:flex}.ht-guest-cta{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;flex-shrink:0;padding:9px 18px;font-size:14px;font-weight:600;transition:all .2s}.ht-guest-cta:hover{background:#1d4ed8;transform:translateY(-1px)}.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:96px 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}.other-games{border-top:1px solid #e2e8f0;margin-top:40px;padding-top:28px}.other-games-label{letter-spacing:.1em;text-transform:uppercase;color:#374151;margin-bottom:14px;font-size:13px;font-weight:700}.other-games-row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.other-game-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.other-game-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.other-game-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.other-game-card-info{flex-direction:column;flex:1;gap:3px;display:flex}.other-game-card-name{color:#0d1b2a;font-size:15px;font-weight:700}.other-game-card-skill{font-size:12px;font-weight:600}.other-game-card-arrow{color:#94a3b8;flex-shrink:0;font-size:16px}.vp-game{flex-direction:column;align-items:center;gap:20px;display:flex}.vp-status-row{justify-content:center;width:100%;display:flex}.vp-status-pill{border-radius:50px;padding:10px 24px;font-size:15px;font-weight:700}.vp-status-pill.showing{color:#0891b2;background:#e0f9ff}.vp-status-pill.input,.vp-status-pill.correct{color:#16a34a;background:#f0fdf4}.vp-status-pill.wrong{color:#ef4444;background:#fef2f2}.vp-progress-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.vp-progress-dot{background:#e0f9ff;border:2px solid #0891b240;border-radius:50%;width:12px;height:12px;transition:background .2s}.vp-progress-dot.filled{background:#0891b2;border-color:#0891b2}.vp-grid{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:340px;display:grid}.vp-cell{aspect-ratio:1;cursor:pointer;background:#e0f9ff;border:2px solid #0891b240;border-radius:16px;transition:all .15s;box-shadow:0 2px 8px #0891b214}.vp-cell:hover:not(.disabled){transform:scale(1.04);box-shadow:0 6px 20px #0891b22e}.vp-cell.active{background:#0891b2;border-color:#0891b2;transform:scale(1.06);box-shadow:0 8px 28px #0891b266}.vp-cell.flash{background:#67e8f9;border-color:#0891b2;transform:scale(.96)}.vp-cell.disabled{cursor:not-allowed;opacity:.7}.vp-level-info{color:#374151;font-size:15px;font-weight:500}.mm-question{color:#0d1b2a;letter-spacing:-2px;padding:8px 0;font-size:56px;font-weight:800;line-height:1}.mm-options{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.mm-opt-btn{color:#0d1b2a;cursor:pointer;letter-spacing:-1px;background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:20px;font-family:Inter,sans-serif;font-size:24px;font-weight:800;transition:all .15s;box-shadow:0 2px 8px #0000000a}.mm-opt-btn:hover{color:#16a34a;border-color:#16a34a;transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.mm-opt-btn:active{transform:scale(.97)}.mm-opt-btn.correct{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.mm-opt-btn.wrong{color:#ef4444;background:#fef2f2;border-color:#ef4444}.mm-opt-btn.dimmed{opacity:.4}.stroop-intro-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:40px;box-shadow:0 4px 20px #0000000d}.stroop-intro-demo{background:#f8fafc;border-radius:16px;justify-content:center;align-items:center;gap:20px;margin-bottom:32px;padding:28px;display:flex}.stroop-demo-word{letter-spacing:-2px;font-size:52px;font-weight:800}.stroop-demo-arrow{color:#94a3b8;font-size:28px}.stroop-demo-answer{color:#94a3b8;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.stroop-demo-chip{border-radius:10px;padding:8px 20px;font-size:16px;font-weight:700}.stroop-intro-rules{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.stroop-rule{color:#374151;align-items:flex-start;gap:14px;font-size:15px;line-height:1.5;display:flex}.stroop-rule-icon{text-align:center;flex-shrink:0;width:32px;font-size:20px}.stroop-start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:14px;width:100%;padding:16px;font-family:Inter,sans-serif;font-size:17px;font-weight:700;transition:all .2s;box-shadow:0 8px 24px #f59e0b4d}.stroop-start-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #f59e0b66}.stroop-game{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.stroop-timer-track{background:#e2e8f0;border-radius:99px;width:100%;height:8px;overflow:hidden}.stroop-timer-fill{border-radius:99px;height:100%;transition:width 1s linear,background .3s}.stroop-stats-row{justify-content:center;gap:16px;width:100%;display:flex}.stroop-stat-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex:1;padding:16px 24px;box-shadow:0 2px 8px #0000000a}.stroop-stat-num{color:#0d1b2a;letter-spacing:-1px;font-size:32px;font-weight:800;line-height:1}.stroop-stat-lbl{color:#64748b;margin-top:4px;font-size:13px;font-weight:500}.stroop-word-card{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:160px;padding:32px;transition:border-color .2s,background .2s;display:flex;box-shadow:0 4px 20px #0000000d}.stroop-word-card.correct{background:#f0fdf4;border-color:#16a34a}.stroop-word-card.wrong{background:#fef2f2;border-color:#ef4444}.stroop-word-prompt{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}.stroop-feedback-badge{border-radius:50px;padding:6px 16px;font-size:14px;font-weight:700}.stroop-feedback-badge.correct{color:#16a34a;background:#dcfce7}.stroop-feedback-badge.wrong{color:#ef4444;background:#fee2e2}.stroop-color-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.stroop-color-btn{border:2px solid var(--btn-color);background:var(--btn-bg);color:var(--btn-color);letter-spacing:.5px;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:16px 8px;font-family:Inter,sans-serif;font-size:14px;font-weight:800;transition:all .15s;display:flex}.stroop-color-btn:hover{filter:brightness(.95);transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.stroop-color-btn:active{transform:scale(.97)}.stroop-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.mg-page{max-width:1100px;margin:0 auto;padding:96px 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:#374151;max-width:320px;font-size:17px;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:22px;font-weight:700}.mg-duration{color:#1e293b;background:#f1f5f9;border-radius:50px;padding:4px 10px;font-size:14px;font-weight:500}.mg-skill{margin-bottom:8px;font-size:15px;font-weight:600}.mg-card-content p{color:#374151;margin-bottom:20px;font-size:16px;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}.mg-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:18px;gap:6px;width:100%;margin-bottom:28px;padding:6px;display:flex;box-shadow:0 2px 8px #0000000a}.mg-tab{color:#64748b;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:12px;flex:1;padding:12px 20px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:all .2s}.mg-tab:hover{color:#0d1b2a;background:#f1f5f9}.mg-tab.active{color:#fff;background:#0d1b2a;box-shadow:0 2px 10px #0003}.mg-panel{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:28px;box-shadow:0 2px 12px #0000000d}.mg-panel-header{margin-bottom:20px}.mg-panel-title{color:#0d1b2a;letter-spacing:-.3px;margin-bottom:4px;font-size:22px;font-weight:700}.mg-panel-sub{color:#64748b;font-size:14px;font-weight:500}.lb-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.lb-tab{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.lb-tab:hover{color:#0d1b2a;border-color:#94a3b8}.lb-tab.active{background:#f8fafc;font-weight:700}.lb-hint{color:#94a3b8;margin-bottom:16px;font-size:12px;font-weight:500}.lb-loading{text-align:center;color:#94a3b8;padding:40px;font-size:15px}.lb-empty{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:10px;padding:48px;font-size:15px;display:flex}.lb-empty-icon{font-size:40px}.lb-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.lb-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex}.lb-row:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.lb-top-1{background:linear-gradient(135deg,#fffbeb,#fef9e7);border-color:#fcd34d}.lb-top-2{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}.lb-top-3{background:linear-gradient(135deg,#fff7ed,#fef3e7);border-color:#fed7aa}.lb-me{box-shadow:0 0 0 2px #2563eb40;background:#eff6ff!important;border-color:#bfdbfe!important}.lb-rank{text-align:center;color:#64748b;flex-shrink:0;width:36px;font-size:20px;font-weight:700}.lb-name{color:#0d1b2a;flex:1;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.lb-you-badge{color:#fff;background:#2563eb;border-radius:50px;padding:2px 8px;font-size:11px;font-weight:700}.lb-score{letter-spacing:-.5px;flex-shrink:0;font-size:16px;font-weight:800}.lb-footer{color:#94a3b8;text-align:center;border-top:1px solid #f1f5f9;padding-top:16px;font-size:13px}.lb-footer strong{color:#374151}.achievements-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=640px){.mg-tabs{width:100%}.mg-tab{text-align:center;flex:1;padding:10px 12px;font-size:13px}.achievements-grid{grid-template-columns:1fr}}.app-footer{background:0 0;border-top:1px solid #2563eb1a;margin-top:48px;padding:32px 24px 48px}.app-footer-inner{flex-direction:column;align-items:center;gap:12px;max-width:1100px;margin:0 auto;display:flex}.app-footer-logo{color:#1a1a2e;letter-spacing:-.5px;font-size:20px;font-weight:700}.app-footer-logo span{color:#2563eb}.app-footer-trust{text-align:center;color:#475569;max-width:720px;font-size:13px;line-height:1.6}.home-privacy-card{color:#334155;background:linear-gradient(135deg,#fffffff0,#eff6ffe0);border:1px solid #2563eb29;border-radius:22px;width:min(860px,100%);margin-top:8px;overflow:hidden;box-shadow:0 14px 38px #2563eb1a}.home-privacy-card summary{cursor:pointer;color:#1d4ed8;text-align:left;background:#ffffff8a;gap:4px;padding:18px 22px;list-style-position:inside;display:grid}.privacy-summary-main{color:#1d4ed8;font-size:16px;font-weight:800}.privacy-summary-sub{color:#64748b;font-size:12px;font-weight:600}.home-privacy-content{text-align:left;gap:16px;padding:0 22px 22px;display:grid}.home-privacy-content p{color:#475569;margin:0;line-height:1.65}.privacy-intro{gap:10px;padding-top:2px;display:grid}.privacy-intro-badge{color:#1e40af;letter-spacing:.08em;text-transform:uppercase;background:#dbeafe;border-radius:999px;width:fit-content;padding:6px 10px;font-size:11px;font-weight:800}.privacy-principles{flex-wrap:wrap;gap:8px;display:flex}.privacy-principles span{color:#1e40af;background:#fff;border:1px solid #dbeafe;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.privacy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.privacy-info-card{background:#fff;border:1px solid #e2e8f0f2;border-radius:14px;padding:16px;box-shadow:0 1px 4px #0f172a0a}.privacy-info-card h3{color:#0f172a;margin:0 0 8px;font-size:14px;font-weight:800}.privacy-info-card p{color:#475569;font-size:12px;line-height:1.65}.privacy-commitments{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.privacy-commitments div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.privacy-commitments strong{color:#0f172a;margin-bottom:6px;font-size:13px;display:block}.privacy-commitments span{color:#475569;font-size:12px;line-height:1.65;display:block}.privacy-support-note{color:#475569;background:#fff7ed;border-left:4px solid #f59e0b;border-radius:14px;padding:14px 16px;font-size:12px;line-height:1.65}@media (width<=700px){.privacy-grid,.privacy-commitments{grid-template-columns:1fr}}