:root{--bg: #0b0e17;--surface: #151b2c;--surface-2: #1c2438;--text: #eaf0fb;--muted: #8b96ad;--line: #263049;--ax-security: #ff5464;--ax-design: #ff4fd8;--ax-infrastructure: #3de8ff;--ax-backend: #58f5a6;--ax-management: #ffc24b;--radius: 16px;--font-display: "Unbounded", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}body{margin:0;background:var(--tg-theme-bg-color, var(--bg));color:var(--tg-theme-text-color, var(--text));font-family:var(--font-body);-webkit-font-smoothing:antialiased}#app{max-width:720px;margin:0 auto;padding:24px 16px calc(32px + env(safe-area-inset-bottom))}h1,h2{font-family:var(--font-display);font-weight:800;letter-spacing:.01em}h1{font-size:clamp(24px,6vw,36px);margin:8px 0 4px}.sub{color:var(--muted);margin:0 0 24px}button{font:600 15px var(--font-body);color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:14px 18px;cursor:pointer;transition:transform .08s ease,border-color .15s ease,background .15s ease}button:hover{border-color:var(--muted)}button:active{transform:scale(.98)}button:focus-visible{outline:2px solid var(--ax-infrastructure);outline-offset:2px}button.primary{background:linear-gradient(135deg,#2452ff,#3de8ff);border:none;color:#061020;font-weight:700}button:disabled{opacity:.5;cursor:default}input[type=text]{font:600 16px var(--font-body);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;width:100%;box-sizing:border-box}input[type=text]:focus-visible{outline:2px solid var(--ax-infrastructure);outline-offset:1px}.progress{display:flex;gap:4px;margin:20px 0 24px}.progress i{flex:1;height:6px;border-radius:3px;background:var(--line)}.progress i.done{background:var(--seg, var(--muted))}.qcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.qmeta{display:flex;align-items:center;gap:10px;font:500 12px var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.qmeta .dot{width:8px;height:8px;border-radius:50%;background:var(--axc, var(--muted))}.qtext{font-size:17px;line-height:1.45;margin:0 0 18px}.opts{display:grid;gap:10px}.opts button{text-align:left;line-height:1.4;font-weight:500}.diff{display:inline-flex;gap:2px;margin-left:auto}.diff i{width:5px;height:10px;border-radius:1px;background:var(--line)}.diff i.on{background:var(--axc, var(--muted))}.card-stage{display:grid;place-items:center;margin:24px 0}.card-frame{position:relative;border-radius:22px;padding:3px;background:var(--frame, var(--line))}.card-frame svg{display:block;border-radius:19px}.card-frame.t4,.card-frame.t5{padding:4px}.card-frame.t4{background:conic-gradient(from var(--a, 0deg),#b8860b,#ffe08a,#fff6d8,#ffe08a,#b8860b);animation:spin 6s linear infinite;box-shadow:0 0 32px #ffe08a40}.card-frame.t5{background:conic-gradient(from var(--a, 0deg),#ff4fd8,#3de8ff,#58f5a6,#ffc24b,#ff5464,#ff4fd8);animation:spin 5s linear infinite;box-shadow:0 0 44px #3de8ff59,0 0 80px #ff4fd833}@property --a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes spin{to{--a: 360deg}}.card-frame.t5:after{content:"";position:absolute;inset:4px;border-radius:19px;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 45%,rgba(61,232,255,.15) 50%,rgba(255,79,216,.15) 55%,transparent 70%);background-size:260% 260%;animation:sheen 3.6s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}@keyframes sheen{0%{background-position:120% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion: reduce){.card-frame,.card-frame:after{animation:none!important}}.actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.err{color:var(--ax-security);font-size:14px;margin-top:12px;text-align:center}.ok{color:var(--ax-backend);font-size:14px;margin-top:12px;text-align:center}