:root{--bg:#050507;--bg-elevated:#0a0a0f;--surface:#ffffff0a;--surface-solid:#0f0f16;--surface-hover:#ffffff12;--border:#ffffff17;--border-strong:#ffffff29;--text:#f4f4f8;--muted:#8b8b9c;--muted-dim:#5d5d6b;--accent:#6c5ce7;--accent-bright:#8b7efa;--accent-dim:#6c5ce724;--accent-border:#8b7efa59;--danger:#f0648c;--danger-dim:#f0648c1f;--gold:#f0a857;--gold-dim:#f0a8571f;--success:#5ce7c4;--success-dim:#5ce7c41f;--radius:14px;--radius-sm:9px;--font-display:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;font-size:15px;line-height:1.6;position:relative}body:before{content:"";filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(#6c5ce759 0%,#4c3cbe29 35%,#0000 70%);width:140vw;max-width:1400px;height:70vh;position:fixed;top:-35vh;left:50%;transform:translate(-50%)}#root{z-index:1;position:relative}button{cursor:pointer;font-family:inherit;font-size:14px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}::selection{background:var(--accent-dim);color:var(--accent-bright)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app{flex-direction:column;min-height:100vh;display:flex}.header{padding:28px 20px 20px}.header-inner{align-items:center;gap:14px;max-width:720px;margin:0 auto;display:flex}.logo-mark{background:linear-gradient(135deg, var(--accent-bright), var(--accent));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 20px #6c5ce766}.logo-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:19px;font-weight:800;line-height:1.2}.logo-sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.nav{z-index:10;scrollbar-width:none;gap:6px;width:100%;max-width:720px;margin:0 auto;padding:0 16px 12px;display:flex;position:sticky;top:0;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav-btn{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:flex}.nav-btn:hover{color:var(--text);border-color:var(--border-strong)}.nav-btn.active{color:#fff;background:var(--accent);border-color:var(--accent)}.nav-icon{align-items:center;display:flex}.main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:12px 16px 60px}.card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:22px}.card-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.card-title svg{color:var(--accent-bright)}.btn{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-bright), var(--accent));color:#fff;box-shadow:0 4px 16px #6c5ce74d}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn-block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.option-btn{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;line-height:1.5;transition:border-color .15s,background .15s;display:flex}.option-btn:hover:not(:disabled){border-color:var(--accent-border);background:var(--surface-hover)}.option-letter{background:var(--surface-hover);border:1px solid var(--border);width:24px;height:24px;color:var(--muted);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.option-btn.correct{border-color:var(--success);background:var(--success-dim)}.option-btn.correct .option-letter{background:var(--success);border-color:var(--success);color:#05130e}.option-btn.wrong{border-color:var(--danger);background:var(--danger-dim)}.option-btn.wrong .option-letter{background:var(--danger);border-color:var(--danger);color:#1a0509}.option-btn.faded{opacity:.35}.form-group{margin-bottom:14px}.form-label{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.form-input,.form-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;color:var(--text);padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted-dim)}.form-input:focus,.form-textarea:focus{border-color:var(--accent);outline:none}.form-textarea{resize:vertical;min-height:80px}.result-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre-wrap;color:var(--text);margin-top:12px;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.tag{letter-spacing:.03em;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.tag-accent{background:var(--accent-dim);color:var(--accent-bright);border-color:var(--accent-border)}.tag-gold{background:var(--gold-dim);color:var(--gold)}.tag-red{background:var(--danger-dim);color:var(--danger)}.tag-success{background:var(--success-dim);color:var(--success)}.loading{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:50px 20px;font-size:14px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dot-typing{align-items:center;gap:4px;display:inline-flex}.dot-typing span{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite dot-bounce}.dot-typing span:nth-child(2){animation-delay:.15s}.dot-typing span:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}