:root{--bg:#0a0b10;--bg2:#11131c;--panel:#161927;--panel2:#1c2032;--border:#272c41;--text:#e8eaf2;--muted:#9aa0b8;--accent:#7c8cff;--accent2:#57e7c4;--gold:#ffd166;--danger:#ff6b6b}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}html{background:radial-gradient(1200px 700px at 50% -200px,#1a1f3a 0,var(--bg) 55%) no-repeat;background-color:var(--bg);background-attachment:fixed}body{background:transparent}.shader-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:-2;pointer-events:none}.shader-canvas.shader-fallback{background:linear-gradient(130deg,#0a0b10,#141a30,#0d1320,#11182c,#0a0b10);background-size:320% 320%;animation:shaderDrift 32s ease-in-out infinite}@keyframes shaderDrift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (prefers-reduced-motion:reduce){.shader-canvas.shader-fallback{animation:none}}.shader-veil{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(125% 122% at 50% 42%,rgba(10,11,16,.95) 0,rgba(10,11,16,.88) 40%,rgba(10,11,16,.5) 66%,rgba(10,11,16,.12) 86%,rgba(10,11,16,0) 100%)}.wrap{position:relative;z-index:1;max-width:920px;margin:0 auto;padding:48px 20px 96px}.wrap.centered{min-height:82vh;display:flex;flex-direction:column;justify-content:center}.iprogress{margin:26px auto 4px;width:100%;max-width:720px;height:12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--border);overflow:hidden;position:relative;box-shadow:0 0 26px rgba(122,150,255,.2)}.iprogress>.fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2de2c4,#6aa0ff,#9a6cff,#ff6ad5,#2de2c4);background-size:220% 100%;animation:iflow 2.2s linear infinite;transition:width .55s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 0 18px rgba(154,108,255,.65)}.iprogress>.fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:isheen 1.5s ease-in-out infinite}.iprogress.err>.fill{background:linear-gradient(90deg,#ff6b6b,#ff9a6b);animation:none;box-shadow:0 0 18px rgba(255,107,107,.6)}.iprogress.err>.fill:after{display:none}@keyframes iflow{to{background-position:220% 0}}@keyframes isheen{0%{transform:translateX(-100%)}to{transform:translateX(320%)}}@media (prefers-reduced-motion:reduce){.iprogress>.fill{animation:none}.iprogress>.fill:after{display:none}}.hero{text-align:center;margin-bottom:28px}.hero h1{font-size:clamp(28px,5vw,44px);margin:0 0 10px;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,var(--accent) 60%,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:16px;max-width:620px;margin:0 auto;line-height:1.5;text-shadow:0 1px 14px rgba(10,11,16,.95),0 0 30px rgba(10,11,16,.8)}.composer{display:flex;gap:10px;margin:26px 0 8px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:10px;box-shadow:0 16px 50px rgba(0,0,0,.35)}.composer textarea{flex:1 1;min-width:0;background:transparent;border:0;resize:none;color:var(--text);font-size:16px;padding:12px;outline:none;font-family:inherit;min-height:56px;line-height:1.45}.composer textarea::placeholder{color:#5c6280}button.go{align-self:stretch;border:0;cursor:pointer;border-radius:11px;padding:0 22px;font-size:15px;font-weight:650;color:#0a0b10;background:linear-gradient(135deg,var(--accent2),var(--accent));transition:transform .08s ease,filter .15s ease;min-width:120px}button.go:hover:not(:disabled){filter:brightness(1.08)}button.go:active:not(:disabled){transform:translateY(1px)}button.go:disabled{opacity:.5;cursor:default}.examples{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.chip{background:var(--panel2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:7px 13px;font-size:13px;cursor:pointer;transition:all .15s ease}.chip:hover{color:var(--text);border-color:var(--accent)}.error{margin-top:18px;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.35);color:#ffb4b4;padding:12px 16px;border-radius:12px;font-size:14px}.stages{margin:30px 0 8px;display:flex;flex-direction:column;gap:12px}.stage{display:flex;align-items:flex-start;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px;transition:border-color .2s ease}.stage.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.stage.done{border-color:rgba(87,231,196,.4)}.dot{width:26px;height:26px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--panel2);border:1px solid var(--border);color:var(--muted)}.stage.active .dot{background:var(--accent);color:#0a0b10;border-color:var(--accent)}.stage.done .dot{background:var(--accent2);color:#0a0b10;border-color:var(--accent2)}.stage .body{flex:1 1;min-width:0}.stage .title{font-weight:600;font-size:15px}.stage .detail{color:var(--muted);font-size:13px;margin-top:3px;line-height:1.5}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(124,140,255,.25);border-top:2px solid var(--accent);display:inline-block;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(1turn)}}.bar{height:7px;background:var(--panel2);overflow:hidden;margin-top:10px}.bar,.bar>span{border-radius:999px}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .4s ease}.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;margin-top:22px}.card h2{margin:0 0 4px;font-size:18px}.card .sub{color:var(--muted);font-size:14px;line-height:1.55;margin-bottom:14px}.feat{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--border)}.feat:first-of-type{border-top:0}.feat .fn{font-weight:600;font-size:14px;min-width:180px}.feat .fw{color:var(--muted);font-size:13px;line-height:1.5}.sources{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.sources a{font-size:12px;color:var(--accent);text-decoration:none;background:var(--panel2);border:1px solid var(--border);padding:5px 10px;border-radius:8px}.sources a:hover{border-color:var(--accent)}.winner{margin-top:24px;background:linear-gradient(160deg,rgba(255,209,102,.12),var(--panel));border:1px solid rgba(255,209,102,.45);border-radius:18px;padding:22px}.winner .tag{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.winner h2{margin:6px 0 8px;font-size:24px;letter-spacing:-.01em}.winner p{color:var(--text);font-size:15px;line-height:1.6;margin:8px 0}.firstblock{margin-top:12px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:14px}.firstblock .lbl{font-size:12px;color:var(--accent2);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.firstblock p{font-size:14px;color:var(--muted);margin:6px 0 0}.rankhead{margin:30px 0 12px;font-size:16px;color:var(--muted)}.idea{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:12px}.idea .row{display:flex;align-items:baseline;gap:12px}.idea .rk{font-size:18px;font-weight:800;color:var(--accent);min-width:36px}.idea .it{font-size:16px;font-weight:650;flex:1 1}.idea .sc{font-size:13px;color:var(--gold);font-weight:700;white-space:nowrap}.idea .desc{color:var(--text);font-size:14px;line-height:1.55;margin:8px 0 0 48px}.idea .beats{color:var(--muted);font-size:12px;margin:8px 0 0 48px}.idea .axes{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0 48px}.axis{font-size:11px;color:var(--muted);background:var(--panel2);border:1px solid var(--border);border-radius:7px;padding:3px 8px}.axis b{color:var(--text)}.foot{text-align:center;color:#555c78;font-size:12px;margin-top:40px;text-shadow:0 1px 12px rgba(10,11,16,.95)}