*{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: #4a9eff;--color-blue-bright: #6eb4ff;--color-magenta: #d946ef;--color-magenta-bright: #e879f9;--color-blue-glow: rgba(74, 158, 255, .4);--color-magenta-glow: rgba(217, 70, 239, .4);--panel-border: rgba(255, 255, 255, .12);--panel-bg: rgba(10, 10, 15, .65)}html,body,#root{height:100%}body{font-family:SF Pro Display,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text-primary);overflow-y:auto}.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(74,158,255,.2) 0%,rgba(217,70,239,.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)}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.particle{position:absolute;border-radius:50%;opacity:0;animation:float-particle 15s infinite ease-in-out}.particle-blue{background:var(--color-blue);box-shadow:0 0 15px var(--color-blue-glow)}.particle-magenta{background:var(--color-magenta);box-shadow:0 0 15px var(--color-magenta-glow)}.particle:nth-child(1){width:3px;height:3px;left:5%;animation-delay:0s}.particle:nth-child(2){width:4px;height:4px;left:12%;animation-delay:2s}.particle:nth-child(3){width:2px;height:2px;left:22%;animation-delay:4s}.particle:nth-child(4){width:5px;height:5px;left:32%;animation-delay:6s}.particle:nth-child(5){width:3px;height:3px;left:42%;animation-delay:8s}.particle:nth-child(6){width:4px;height:4px;left:55%;animation-delay:1s}.particle:nth-child(7){width:2px;height:2px;left:65%;animation-delay:3s}.particle:nth-child(8){width:5px;height:5px;left:75%;animation-delay:5s}.particle:nth-child(9){width:3px;height:3px;left:85%;animation-delay:7s}.particle:nth-child(10){width:4px;height:4px;left:92%;animation-delay:9s}@keyframes float-particle{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100vh) scale(1);opacity:0}}.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(3rem,10vw,6rem);font-weight:700;letter-spacing:-.03em;text-shadow:0 0 38px rgba(74,158,255,.2),0 0 78px rgba(217,70,239,.12)}.brand-header p{margin-top:.5rem;font-size:clamp(.9rem,2vw,1.1rem);color:var(--color-text-secondary);letter-spacing:.15em;text-transform:uppercase}.home-link{display:inline-flex;margin-top:1.25rem;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:700;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;outline:none}.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:800;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:500;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:500;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{background:linear-gradient(120deg,#4a9eff,#e879f9);border:none;color:#0a0a0f;font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;padding:.8rem 1.6rem;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover:enabled{transform:translateY(-2px);box-shadow:0 0 18px #4a9eff59}button:disabled{opacity:.5;cursor:not-allowed}.inline-actions{display:flex;flex-wrap:wrap;gap:.75rem}.error-text{color:#ff8ba7;font-weight:600}.notice-text{color:#6eb4ffe6;font-weight:600}.muted-text{color:var(--color-text-secondary)}.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)}.choice-grid{display:grid;gap:.6rem}.badge-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}