:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--accent-primary: #e94560;--accent-secondary: #0f3460;--accent-success: #4ade80;--accent-warning: #fbbf24;--accent-danger: #ef4444;--border-color: rgba(255, 255, 255, .1);--shadow: 0 4px 6px rgba(0, 0, 0, .3);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--bg-tertiary: #e5e7eb;--text-primary: #1f2937;--text-secondary: rgba(31, 41, 55, .7);--text-muted: rgba(31, 41, 55, .5);--accent-primary: #e94560;--accent-secondary: #3b82f6;--accent-success: #22c55e;--accent-warning: #f59e0b;--accent-danger: #dc2626;--border-color: rgba(0, 0, 0, .1);--shadow: 0 4px 6px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}#root{width:100%;min-height:100vh}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-secondary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}@keyframes feedbackFloat{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-100%) scale(1.2)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes targetSpawn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes targetWander{0%{transform:translate(0)}to{transform:translate(var(--move-x, 0),var(--move-y, 0))}}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.menu-page{min-height:100vh;display:flex;flex-direction:column}.menu-above-fold{min-height:calc(100vh - 5rem);display:flex;flex-direction:column}.menu-topnav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;max-width:720px;margin:0 auto}.menu-topnav-brand{font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,var(--accent-primary),#ff8a4c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;letter-spacing:-.03em;line-height:1.1}.menu-topnav-links{display:flex;align-items:center;gap:.15rem;flex-wrap:wrap}.menu-topnav-link{background:none;border:none;color:var(--text-muted);font-size:.8rem;font-weight:500;padding:.35rem .55rem;border-radius:6px;cursor:pointer;transition:color .15s ease,background .15s ease;font-family:inherit}.menu-topnav-link:hover{color:var(--text-primary);background:#ffffff0f}.menu-topnav-user{font-size:.75rem;color:var(--text-muted);padding:.35rem .55rem}.menu-topnav-sep{width:1px;height:12px;background:var(--border-color);flex-shrink:0;margin:0 .15rem}.menu-main-content{position:relative;flex:1;display:flex;align-items:center;overflow:hidden;padding:1rem 0}.menu-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(233,69,96,.1) 0%,transparent 60%);pointer-events:none}.menu-main-inner{position:relative;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;width:100%}.menu-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent-primary),#ff8a4c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;line-height:1.1}.menu-subtitle{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;max-width:520px}.menu-modes-block{width:100%;text-align:left}.menu-hero-stats{display:flex;align-items:center;gap:1.25rem;padding:.6rem 1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.menu-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.menu-stat-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.menu-stat-value{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.menu-stats-divider{width:1px;height:28px;background:var(--border-color)}.menu-section{padding:2rem 0;max-width:720px;margin:0 auto;width:100%}.menu-section--premium{padding-bottom:1rem}.menu-section-label{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-weight:600;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);margin-bottom:.75rem}.menu-section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;line-height:1.3}.menu-modes{display:grid;grid-template-columns:1.2fr .8fr;gap:.75rem}.menu-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.75rem 1.25rem;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden;position:relative;text-align:center;font-family:inherit;color:inherit}.menu-card:hover{transform:translateY(-3px)}.menu-card:active{transform:translateY(0)}.menu-card-accent{position:absolute;top:0;left:0;width:100%;height:3px}.menu-card-badge{display:inline-flex;padding:.15rem .6rem;border-radius:999px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.menu-card-name{font-size:1rem;font-weight:700;margin:0}.menu-card-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.5;margin:0}.menu-card-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.menu-grid-sub{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.menu-grid-sub .menu-card{padding:1.25rem .75rem;gap:.5rem}.menu-grid-sub .menu-card-name{font-size:.85rem;font-weight:600}.menu-card--challenge .menu-card-accent{background:linear-gradient(90deg,#e94560,#ff6b81);height:4px}.menu-card--challenge .menu-card-badge{background:#e945601f;color:#ff6b81;border:1px solid rgba(233,69,96,.2)}.menu-card--challenge .menu-card-name{font-size:1.15rem}.menu-card--challenge:hover{border-color:#e945604d;box-shadow:0 8px 24px #e945601f}.menu-card--single .menu-card-accent{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.menu-card--single .menu-card-badge{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.menu-card--single:hover{border-color:#3b82f64d;box-shadow:0 8px 24px #3b82f61a}.menu-card--easy .menu-card-accent{background:linear-gradient(90deg,#4ade80,#22c55e)}.menu-card--easy .menu-card-dot{background:#4ade80;box-shadow:0 0 8px #4ade8080}.menu-card--easy:hover{border-color:#4ade804d;box-shadow:0 6px 18px #4ade8014}.menu-card--normal .menu-card-accent{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.menu-card--normal .menu-card-dot{background:#3b82f6;box-shadow:0 0 8px #3b82f680}.menu-card--normal:hover{border-color:#3b82f64d;box-shadow:0 6px 18px #3b82f614}.menu-card--hard .menu-card-accent{background:linear-gradient(90deg,#f97316,#fb923c)}.menu-card--hard .menu-card-dot{background:#f97316;box-shadow:0 0 8px #f9731680}.menu-card--hard:hover{border-color:#f973164d;box-shadow:0 6px 18px #f9731614}.menu-card--custom{border-style:dashed}.menu-card--custom .menu-card-accent{background:linear-gradient(90deg,#a855f7,#c084fc)}.menu-card--custom .menu-card-dot{background:#a855f7;box-shadow:0 0 8px #a855f780}.menu-card--custom:hover{border-style:solid;border-color:#a855f74d;box-shadow:0 6px 18px #a855f714}.menu-premium-card{position:relative;display:flex;flex-direction:column;border-radius:16px;background:linear-gradient(135deg,#fbbf240a,#f59e0b05);border:1px solid rgba(251,191,36,.15);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.menu-premium-card:hover{border-color:#fbbf244d;box-shadow:0 8px 24px #fbbf241a}.menu-premium-glow{position:absolute;top:-40%;right:-20%;width:260px;height:260px;background:radial-gradient(circle,rgba(251,191,36,.06) 0%,transparent 70%);pointer-events:none}.menu-premium-badge{position:absolute;top:1rem;right:1rem;padding:.2rem .65rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:6px;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;z-index:2}.menu-premium-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.5rem .75rem}.menu-premium-title{font-size:1.05rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.3}.menu-premium-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.5;margin:0}.menu-premium-dashboard{position:relative;max-height:680px;overflow:hidden}.menu-premium-dashboard-inner{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 1rem 8rem;pointer-events:none}.menu-premium-section-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:.25rem}.menu-premium-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.menu-premium-scores>div{transform:scale(.92);transform-origin:top center}.menu-premium-reaction{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:start}.menu-premium-session{display:grid;grid-template-columns:1.2fr .8fr;gap:.5rem;align-items:stretch}.menu-premium-fatigue-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);text-align:center}.menu-premium-fatigue-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.menu-premium-fatigue-value{font-size:1.75rem;font-weight:700;color:#ef4444}.menu-premium-fatigue-hint{font-size:.7rem;color:var(--text-muted);line-height:1.4;margin:0}.menu-premium-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:start}.menu-premium-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.menu-premium-stat-grid>div{padding:.75rem!important}.menu-premium-stat-grid>div>span:nth-child(2){font-size:1.25rem!important}.menu-premium-fade{position:absolute;bottom:0;left:0;right:0;height:220px;background:linear-gradient(to bottom,transparent 0%,var(--bg-primary) 90%);pointer-events:none;z-index:3}.menu-premium-cta-bar{position:relative;z-index:4;text-align:center;padding:1rem 1.5rem}.menu-premium-cta-link{font-size:.8rem;font-weight:600;color:#f59e0b;transition:color .15s ease}.menu-premium-card:hover .menu-premium-cta-link{color:#fbbf24}.menu-section--about{padding-top:1.5rem;padding-bottom:2rem}.menu-about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.menu-about-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1.25rem 1rem;border-radius:14px;background:#ffffff08;border:1px solid var(--border-color);transition:border-color .2s ease,box-shadow .2s ease}.menu-about-item:hover{border-color:#ffffff26;box-shadow:0 4px 16px #00000026}.menu-about-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.menu-about-icon--precision{background:#e945601f;color:#e94560}.menu-about-icon--analytics{background:#3b82f61f;color:#3b82f6}.menu-about-icon--progress{background:#4ade801f;color:#4ade80}.menu-about-icon--reaction{background:#fbbf241f;color:#fbbf24}.menu-about-icon--custom{background:#a855f71f;color:#a855f7}.menu-about-icon--ranking{background:#f973161f;color:#f97316}.menu-about-title{font-size:.85rem;font-weight:700;margin:0}.menu-about-desc{font-size:.72rem;color:var(--text-secondary);line-height:1.5;margin:0}.menu-steps{display:flex;flex-direction:column;gap:.75rem}.menu-step{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border-radius:14px;background:#ffffff08;border:1px solid var(--border-color);transition:border-color .2s ease}.menu-step:hover{border-color:#ffffff26}.menu-step-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),#ff8a4c);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center}.menu-step-body{display:flex;flex-direction:column;gap:.25rem;min-width:0}.menu-step-title{font-size:.9rem;font-weight:700;margin:0}.menu-step-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.5;margin:0}.menu-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.menu-quick-card{display:flex;align-items:flex-start;gap:.75rem;padding:1.1rem 1rem;border-radius:14px;background:#ffffff08;border:1px solid var(--border-color);cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.menu-quick-card:hover{transform:translateY(-2px);border-color:#ffffff26;box-shadow:0 4px 16px #00000026}.menu-quick-card:active{transform:translateY(0)}.menu-quick-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.menu-quick-icon--stats{background:#3b82f61f;color:#3b82f6}.menu-quick-icon--ranking{background:#f973161f;color:#f97316}.menu-quick-icon--settings{background:#a855f71f;color:#a855f7}.menu-quick-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.menu-quick-title{font-size:.85rem;font-weight:700;margin:0}.menu-quick-desc{font-size:.7rem;color:var(--text-secondary);line-height:1.45;margin:0}.menu-footer{padding:2rem 0;text-align:center;margin-top:auto}.menu-footer-text{font-size:.7rem;color:var(--text-muted);letter-spacing:.05em}.menu-main-content{animation:slideUp .4s ease both}.menu-main-inner>*{animation:slideUp .4s ease both}.menu-main-inner>*:nth-child(2){animation-delay:.06s}.menu-main-inner>*:nth-child(3){animation-delay:.12s}.menu-main-inner>*:nth-child(4){animation-delay:.18s}.menu-section--premium{animation:slideUp .4s ease both;animation-delay:.18s}.menu-section--about{animation:slideUp .4s ease both;animation-delay:.24s}.menu-section--how{animation:slideUp .4s ease both;animation-delay:.3s}.menu-section--quick{animation:slideUp .4s ease both;animation-delay:.36s}[data-theme=light] .menu-topnav-link:hover{background:#0000000d}[data-theme=light] .menu-hero-bg{background:radial-gradient(ellipse at 50% 0%,rgba(233,69,96,.06) 0%,transparent 60%)}[data-theme=light] .menu-card{background:#00000005;border-color:#00000014}[data-theme=light] .menu-card:hover{background:#0000000a}[data-theme=light] .menu-card--custom{border-color:#0000001a}[data-theme=light] .menu-premium-card{background:linear-gradient(135deg,#fbbf240f,#f59e0b08);border-color:#d9770633}[data-theme=light] .menu-premium-fade{background:linear-gradient(to bottom,transparent 0%,var(--bg-primary) 85%)}[data-theme=light] .menu-about-item{background:#00000005;border-color:#00000014}[data-theme=light] .menu-about-item:hover{border-color:#00000026}[data-theme=light] .menu-step,[data-theme=light] .menu-quick-card{background:#00000005;border-color:#00000014}[data-theme=light] .menu-quick-card:hover{background:#0000000a;border-color:#00000026}@media(max-width:640px){.menu-title{font-size:2rem}.menu-subtitle{font-size:.9rem}.menu-main-content{padding:.5rem 0}.menu-modes{grid-template-columns:1fr}.menu-grid-sub{grid-template-columns:repeat(2,1fr)}.menu-topnav{flex-direction:column;gap:.5rem}.menu-topnav-links{justify-content:center}.menu-premium-content{padding:1.25rem 1rem .5rem}.menu-premium-scores{grid-template-columns:repeat(3,1fr);gap:.35rem}.menu-premium-reaction,.menu-premium-session,.menu-premium-grid-2{grid-template-columns:1fr}.menu-premium-dashboard-inner{padding:.5rem .75rem 8rem}.menu-about-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.menu-steps{gap:.75rem}.menu-step-num{width:28px;height:28px;font-size:.75rem}.menu-quick-grid{grid-template-columns:1fr;gap:.75rem}}