*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a25;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .6);--color-blue: #3f77e7;--color-blue-bright: #6eb4ff;--color-magenta: #f70077;--color-magenta-bright: #e879f9;--color-blue-glow: rgba(63, 119, 231, .4);--color-magenta-glow: rgba(247, 0, 119, .4);--panel-border: rgba(255, 255, 255, .12);--panel-bg: rgba(10, 10, 15, .65);--focus-ring: rgba(130, 205, 255, .22);--focus-ring-strong: rgba(130, 205, 255, .32);--danger: rgba(255, 139, 167, .92);--danger-border: rgba(255, 139, 167, .42);--danger-bg: rgba(255, 139, 167, .14)}html,body,#root{height:100%}body{font-family:SF Pro Display,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color-scheme:dark;background:var(--color-bg);color:var(--color-text-primary);overflow-y:auto}h1,h2,h3,h4,h5,h6{font-weight:400}strong,b{font-weight:inherit}.app{min-height:100%;position:relative}.neural-network-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:radial-gradient(ellipse at 50% 50%,var(--color-bg-secondary) 0%,var(--color-bg) 70%)}#neural-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.glow-orb{position:fixed;border-radius:50%;filter:blur(120px);z-index:1;opacity:.5;pointer-events:none}.orb-blue{width:600px;height:600px;background:radial-gradient(circle,var(--color-blue-glow) 0%,transparent 70%);top:-200px;right:-150px;animation:float-orb 20s ease-in-out infinite}.orb-magenta{width:550px;height:550px;background:radial-gradient(circle,var(--color-magenta-glow) 0%,transparent 70%);bottom:-200px;left:-150px;animation:float-orb 25s ease-in-out infinite reverse}.orb-center{width:400px;height:400px;background:radial-gradient(circle,rgba(63,119,231,.2) 0%,rgba(247,0,119,.2) 50%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-orb 8s ease-in-out infinite}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-40px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(-40px,-30px) scale(1.05)}}@keyframes pulse-orb{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}body.mobile-lite #neural-canvas,body.mobile-lite .glow-orb{display:none}body.mobile-lite .neural-network-bg{background:radial-gradient(ellipse at 50% 45%,#04060c,#000 76%)}.app-content{position:relative;z-index:10;max-width:min(1100px,92vw);margin:0 auto;padding:4rem 0 6rem;display:flex;flex-direction:column;gap:2rem}.brand-header{text-align:center}.brand-header h1{font-size:clamp(1.6rem,6.2vw,3.9rem);font-weight:400;letter-spacing:.1em;margin:0 auto .5rem;width:fit-content;color:#f2f6ffc7;text-shadow:none;text-transform:uppercase}.brand-header p{margin-top:.15rem;font-size:clamp(1.15rem,2.6vw,1.55rem);color:var(--color-text-secondary);letter-spacing:.08em;text-transform:none}.home-link{position:fixed;top:1rem;left:1rem;top:calc(1rem + env(safe-area-inset-top));left:calc(1rem + env(safe-area-inset-left));z-index:1000;display:inline-flex;margin-top:0;align-items:center;justify-content:center;border-radius:999px;padding:.72rem 1.4rem;border:1px solid rgba(255,255,255,.25);color:var(--color-text-primary);text-decoration:none;font-size:.78rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.home-link:hover{transform:translateY(-2px);border-color:#ffffff8c;box-shadow:0 0 18px #4a9eff4d}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:20px;padding:1.8rem;box-shadow:0 20px 60px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel h2{font-size:1.4rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.mode-badge{font-size:.7rem;padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-secondary)}.form-grid{display:grid;gap:1rem}.form-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}label{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary)}.field{display:flex;flex-direction:column;gap:.5rem}.field-hint{font-size:.82rem;letter-spacing:.02em;text-transform:none;color:#ffffff9e}.field-hint.is-error{color:#ff8eb5f2}.field-link{font-size:.82rem;letter-spacing:.02em;text-transform:none;color:var(--color-blue-bright);text-decoration:none}.field-link:hover{text-decoration:underline}.field-group{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.05rem;background:#0a0a0f59}.field-group legend{padding:0 .6rem;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c}input,select,textarea{background:#0a0a0fcc;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.7rem .8rem;color:var(--color-text-primary);font-size:.95rem;line-height:1.4;font-family:inherit;text-transform:none;letter-spacing:.02em;outline:none}input::placeholder,textarea::placeholder{color:#ffffff59}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#fff6;box-shadow:0 0 0 2px var(--focus-ring)}.home-link:focus-visible,.field-link:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}input[type=checkbox],input[type=radio]{accent-color:var(--color-blue-bright)}.stepper{display:grid;grid-template-columns:2.5rem 1fr 2.5rem;align-items:stretch;border:1px solid rgba(255,255,255,.15);border-radius:12px;overflow:hidden;background:#0a0a0fcc}.stepper input{border:none;border-radius:0;background:transparent;padding:.72rem .5rem;text-align:center;font-variant-numeric:tabular-nums}.stepper input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #82cdff33}.stepper-btn{border:none;border-radius:0;padding:0;background:#ffffff0f;color:#ffffffeb;cursor:pointer;font-weight:400;font-size:1rem;letter-spacing:.02em;text-transform:none;box-shadow:none;transform:none;transition:background .15s ease}.stepper-btn:hover{background:#ffffff1f;box-shadow:none;transform:none}.stepper-btn:focus-visible{outline:none;background:#82cdff29}.stepper-btn:disabled{opacity:.35;cursor:not-allowed}.topic-dropdown{position:relative}.topic-trigger{width:100%;padding:.7rem 2.2rem .7rem .8rem;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#0a0a0fcc;color:var(--color-text-primary);font-size:.95rem;font-weight:400;letter-spacing:.01em;text-transform:none;text-align:left;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.topic-trigger:after{content:"";position:absolute;right:.8rem;top:50%;width:.72rem;height:.72rem;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5 6 8l4-3.5' fill='none' stroke='%23d7ebff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none}.topic-trigger:hover{border-color:#ffffff47}.topic-trigger:focus-visible,.topic-dropdown.is-open .topic-trigger{border-color:#ffffff6b;box-shadow:0 0 0 2px #82cdff33;outline:none}.topic-menu{list-style:none;margin:0;padding:.35rem 0;position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:30;border:1px solid rgba(255,255,255,.22);border-radius:12px;overflow:hidden;background:#0f1622;box-shadow:0 14px 36px #040a126b;max-height:15rem;overflow-y:auto}.topic-option{width:100%;border:none;background:transparent;color:#e8f3ff;text-align:left;padding:.56rem .8rem;font-size:.9rem;font-weight:400;letter-spacing:.01em;text-transform:none;cursor:pointer;border-radius:0;box-shadow:none}.topic-option:hover,.topic-option:focus-visible{background:#82cdff29;outline:none}.topic-option.is-active{background:#4a9eff3d;color:#fff}textarea{min-height:90px;resize:vertical}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}button{font:inherit}.btn{border:1px solid transparent;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.82rem 1.6rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring-strong)}.btn:hover:enabled{transform:translateY(-2px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(120deg,#4a9eff,#e879f9);color:#0a0a0f;box-shadow:0 0 #0000}.btn-primary:hover:enabled{box-shadow:0 0 18px #4a9eff52}.btn-secondary{background:#ffffff0f;color:#ffffffeb;border-color:#ffffff2e}.btn-secondary:hover:enabled{border-color:#ffffff6b;box-shadow:0 0 18px #4a9eff29}.btn-danger{background:var(--danger-bg);color:#fffffff0;border-color:var(--danger-border)}.btn-danger:hover:enabled{border-color:#ff8ba79e;box-shadow:0 0 18px #ff8ba724}.inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.account-panel .account-top-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.account-panel .signed-in-as{flex:1 1 260px;min-width:0;overflow-wrap:anywhere}.account-panel .signed-in-as strong{overflow-wrap:anywhere}.error-text{color:var(--danger);font-weight:400;background:#ff8ba714;border:1px solid rgba(255,139,167,.26);padding:.85rem 1rem;border-radius:16px}.notice-text{color:#6eb4ffe6;font-weight:400;background:#4a9eff14;border:1px solid rgba(74,158,255,.26);padding:.85rem 1rem;border-radius:16px}.muted-text{color:var(--color-text-secondary)}.intro-text{line-height:1.6;max-width:68ch}.question-card{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.8rem;background:#0a0a0fbf}.question-meta{font-size:.85rem;color:var(--color-text-secondary)}.math-preview{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:.85rem .95rem;background:#0a0a0f8c;display:grid;gap:.65rem}.math-preview__label{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c}.math-preview__stem{color:#ffffffeb;font-size:1rem;letter-spacing:.01em;text-transform:none;line-height:1.5;overflow-wrap:anywhere}.math-preview__choices{padding-left:1.35rem;display:grid;gap:.35rem;color:#ffffffdb;font-size:.98rem;letter-spacing:.01em;text-transform:none;overflow-wrap:anywhere}.math-preview sup{font-size:.78em;line-height:0}.choice-grid{display:grid;gap:.6rem}.badge-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}@media (max-width: 520px){.account-panel .account-top-row{align-items:stretch}.account-panel .account-top-row .btn{width:100%}}@media (max-width: 600px){.app-content{padding:2.75rem 0 4.5rem}.panel{padding:1.35rem}}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.orb-blue,.orb-magenta,.orb-center{animation:none!important}}