:root{color:#d9e6ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent:#6ee7ff;--accent-deep:#818cf8;--accent-soft:#93c5fd;--heading-color:#f8fbff;--text:#d9e6ff;--muted:#9fb4e8;--panel:#0a0f28e6;--surface:#11183ae0;--line:#9facff29;--panel-shadow:0 24px 80px #0307186b;background:radial-gradient(circle at 20% 18%,#4f46e547,#0000 18%),radial-gradient(circle at 82% 12%,#22d3ee2e,#0000 20%),linear-gradient(#050816 0%,#0a1030 45%,#0e153d 100%);font-family:Avenir Next,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:0 0;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}#root{min-height:100vh}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--heading-color);font-family:Georgia,Times New Roman,serif;line-height:1.02}h1{margin-bottom:18px;font-size:clamp(3rem,6vw,5.3rem)}h2{margin-bottom:8px;font-size:clamp(1.8rem,3vw,2.4rem)}h3{font-size:1.6rem}p{font-size:1rem}.app-shell{width:min(1220px,100% - 22px);margin:0 auto;padding:18px 0 36px}.hero-panel,.config-panel,.playground,.topbar,.badge-showcase{border:1px solid var(--line);background:linear-gradient(180deg, #0a0e2aeb, #070a1cf5), var(--panel);border-radius:28px;position:relative;overflow:hidden;box-shadow:0 24px 80px #04081b6b,inset 0 1px #ffffff0d}.hero-panel:before,.config-panel:before,.playground:before,.badge-showcase:before{content:"";pointer-events:none;background:radial-gradient(circle at 14% 18%,#6ee7ff24,#0000 18%),radial-gradient(circle at 82% 12%,#818cf829,#0000 20%),radial-gradient(circle at 68% 82%,#f472b61f,#0000 20%);position:absolute;inset:0}.hero-panel,.playground,.topbar,.config-panel,.badge-showcase{margin-bottom:18px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.home-hero{grid-template-columns:minmax(0,1.2fr) minmax(300px,.95fr);gap:18px;padding:26px;display:grid}.hero-copy,.hero-card,.status-card,.question-panel,.coach-panel{z-index:1;position:relative}.hero-copy h1{margin-bottom:14px}.hero-description,.choice-copy,.start-note,.question-tip,.coach-copy,.summary-card p,.status-copy,.badge-plaque p{color:var(--muted)}.hero-tag,.eyebrow,.card-label,.question-topline,.score-item span,.insight-block span,.summary-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-soft);font-size:.76rem}.hero-card{background:linear-gradient(#111946c7,#0c1230e0);border:1px solid #92a4ff33;border-radius:24px;padding:20px}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.hero-stats div,.score-item,.insight-block{background:#ffffff0a;border:1px solid #92a4ff24;border-radius:20px;padding:16px}.hero-stats span,.summary-grid span{color:var(--muted);margin-bottom:6px;display:block}.hero-stats strong,.score-item strong,.insight-block strong,.summary-grid strong{color:var(--heading-color);font-size:clamp(1.45rem,3vw,2rem)}.badge-showcase,.config-panel{padding:24px}.panel-heading{z-index:1;margin-bottom:16px;position:relative}.badge-wall{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid;position:relative}.badge-plaque{background:linear-gradient(#121a44d6,#0c112deb);border:1px solid #92a4ff29;border-radius:24px;min-height:160px;padding:18px}.badge-visual-shell{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;place-items:center;width:86px;height:86px;margin-bottom:14px;display:grid}.badge-icon{width:68px;height:68px}.badge-core,.badge-core-line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:6px}.badge-core{fill:currentColor;stroke:none}.badge-orbit,.badge-grid-line,.badge-spark{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.badge-orbit{stroke-width:4px;opacity:.45}.badge-grid-line{stroke-width:4px}.badge-spark{fill:currentColor;stroke:none}.badge-cyan{color:#6ee7ff}.badge-amber{color:#fbbf24}.badge-violet{color:#a78bfa}.badge-rose{color:#fb7185}.badge-emerald{color:#34d399}.badge-sky{color:#7dd3fc}.badge-plaque.unlocked{box-shadow:0 18px 40px #265fbf2e,inset 0 0 0 1px #6ee7ff14}.badge-plaque.locked{opacity:.55}.badge-mark{color:var(--accent-soft);background:#ffffff0f;border-radius:999px;margin-bottom:14px;padding:7px 12px;font-size:.78rem;display:inline-flex}.choice-grid{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid;position:relative}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tempo-heading{margin-top:22px}.choice-card{text-align:left;min-height:168px;color:var(--text);cursor:pointer;background:linear-gradient(#121b46e0,#0b112ff0);border:1px solid #92a4ff29;border-radius:24px;padding:18px;transition:transform .16s,border-color .16s,box-shadow .16s}.choice-card:hover{border-color:#6ee7ff80;transform:translateY(-2px)}.choice-card.selected{border-color:var(--accent);box-shadow:0 20px 40px #1d4ed829,inset 0 0 0 1px #6ee7ff1f}.choice-title,.choice-copy,.choice-meta{display:block}.choice-title{color:var(--heading-color);font-family:var(--heading);margin-bottom:8px;font-size:1.15rem}.choice-meta{color:var(--accent-soft);margin-top:10px;font-size:.9rem}.start-row{z-index:1;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex;position:relative}.playground{grid-template-columns:minmax(220px,.84fr) minmax(0,1.4fr) minmax(220px,.92fr);gap:16px;padding:20px;display:grid}.scoreboard{z-index:1;gap:12px;display:grid;position:relative}.question-panel,.coach-panel{background:linear-gradient(#111840e6,#090e27f5);border:1px solid #92a4ff29;border-radius:24px;padding:22px}.question-topline{justify-content:space-between;gap:8px;display:flex}.question-expression{color:var(--heading-color);font-family:var(--heading);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:28px 0 20px;font-size:clamp(2.4rem,8vw,5rem);line-height:1;display:flex}.question-blank{color:var(--accent);text-shadow:0 0 22px #6ee7ff40}.answer-row{gap:12px;margin-top:20px;display:flex}.answer-input{min-height:56px;color:var(--heading-color);background:#ffffff0a;border:1px solid #92a4ff29;border-radius:18px;flex:1;padding:16px 18px;font-size:1.1rem}.answer-input:focus{border-color:var(--accent);outline:2px solid #6ee7ff38}.feedback-box{border:1px solid #92a4ff1f;border-radius:18px;margin-top:18px;padding:16px}.feedback-box.good{background:linear-gradient(#0d57466b,#082e2c3d)}.feedback-box.bad{background:linear-gradient(#74224d6b,#3d162f3d)}.summary-card{text-align:center}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.summary-grid div{background:#ffffff0a;border:1px solid #92a4ff1f;border-radius:18px;padding:16px}.finish-actions{justify-content:center;gap:12px;margin-top:18px;display:flex}.primary-button,.ghost-button{cursor:pointer;border-radius:999px;min-height:52px;padding:14px 22px;font-weight:700}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#051222;border:none;box-shadow:0 16px 34px #22d3ee3d,inset 0 1px #ffffff59}.ghost-button{color:var(--text);background:#ffffff0a;border:1px solid #92a4ff2e}@media (width<=1100px){.playground{grid-template-columns:1fr}.scoreboard{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.app-shell{width:min(100%,100% - 16px);padding-top:12px}.home-hero,.badge-wall,.choice-grid,.profile-grid,.scoreboard{grid-template-columns:1fr}.topbar,.start-row,.answer-row,.finish-actions{flex-direction:column;align-items:stretch}.hero-panel,.config-panel,.playground,.badge-showcase,.question-panel,.coach-panel{padding:18px}.choice-card{min-height:auto}}@media (width<=560px){.hero-stats,.summary-grid{grid-template-columns:1fr}.question-expression{font-size:clamp(2.1rem,12vw,3.8rem)}}