:root{--bg:#03040a;--panel:#080c189e;--panel2:#ffffff10;--line:#ffffff24;--text:#fbfcff;--muted:#b4bfd4;--gold:#f8c44f;--gold2:#fff2ad;--blue:#70ddff;--violet:#9a86ff;--danger:#ff6b6b;--ok:#86ffc4}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:geometricprecision}body{min-height:100vh;color:var(--text);background:#02030a;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;overflow-x:hidden}button,input,select{font:inherit}.gate{background:radial-gradient(circle at 50% 10%,#172547,#040713 52%,#010208);place-items:center;min-height:100vh;padding:24px;display:grid}.stars,.space-bg{pointer-events:none;position:fixed;inset:0;overflow:hidden}.stars:before,.space-bg:before{content:"";opacity:.16;background-image:radial-gradient(circle,#ffffff80 1px,#0000 1.5px);background-size:42px 42px;animation:80s linear infinite drift;position:absolute;inset:-20%}.gate-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);text-align:center;background:linear-gradient(135deg,#ffffff17,#ffffff06);border-radius:34px;gap:14px;width:min(540px,100%);padding:34px;display:grid;box-shadow:0 40px 120px #00000080,0 0 80px #f7c85a14}.gate-card h1{letter-spacing:-.06em;margin:0;font-size:56px;font-weight:950}.gate-text,.hint{color:var(--muted)}.row{gap:10px;display:flex}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#00000047;border-radius:18px;outline:none;padding:16px 18px;font-weight:650}button{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1d1504;cursor:pointer;border:0;border-radius:18px;padding:15px 20px;font-weight:950;box-shadow:0 10px 35px #f7c85a2e}button.ghost{color:var(--text);border:1px solid var(--line);box-shadow:none;background:#ffffff0f}.genesis{background:radial-gradient(circle at 50% 0,#192a52,#050713 50%,#010208);grid-template-columns:124px 1fr;min-height:100vh;display:grid;position:relative}.space-bg i{filter:blur(24px);opacity:.24;border-radius:50%;animation:18s ease-in-out infinite float;position:absolute}.space-bg i:first-child{background:var(--gold);width:260px;height:260px;top:12%;left:15%}.space-bg i:nth-child(2){background:var(--blue);width:220px;height:220px;animation-delay:-6s;top:22%;right:14%}.space-bg i:nth-child(3){background:var(--violet);width:300px;height:300px;animation-delay:-10s;bottom:5%;left:45%}.space-bg i:nth-child(4){background:#fff;width:180px;height:180px;animation-delay:-14s;bottom:18%;right:28%}.dock{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:5;background:#05081294;flex-direction:column;gap:8px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.brand{background:radial-gradient(circle,var(--gold2),var(--gold));color:#1d1504;letter-spacing:-.08em;border-radius:22px;place-items:center;height:58px;margin-bottom:10px;font-weight:1000;display:grid}.dock button{color:var(--muted);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:18px;padding:12px 8px;font-size:13px;font-weight:850}.dock button.active{color:var(--gold2);background:#f7c85a1b;border-color:#f7c85a47}.dock .logout{color:#ffb3b3;margin-top:auto}.world{z-index:2;padding:26px;position:relative}.topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff0d;border-radius:28px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 20px;display:flex}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;margin:0 0 6px;font-size:12px;font-weight:950}.topbar h2{letter-spacing:-.04em;margin:0;font-size:28px;font-weight:950}.state-pill{color:#d8ffe9;background:#86ffc413;border:1px solid #86ffc440;border-radius:999px;padding:10px 14px;font-weight:900}.hero{grid-template-columns:minmax(300px,560px) 1fr;align-items:center;gap:22px;min-height:360px;margin-bottom:20px;display:grid}.welcome{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:left;background:linear-gradient(135deg,#ffffff13,#ffffff07);border-radius:38px;padding:34px}.welcome h1{letter-spacing:-.08em;text-shadow:0 0 32px #ffffff14;margin:0 0 14px;font-size:clamp(48px,7vw,94px);font-weight:1000;line-height:.9}.welcome p:not(.eyebrow){color:var(--muted);font-size:18px;font-weight:650;line-height:1.55}.spark3d{width:min(76vw,520px);height:min(76vw,520px);transform-style:preserve-3d;place-items:center;margin:auto;display:grid;position:relative}.spark3d .aura{filter:blur(12px);background:radial-gradient(circle,#f7c85a66,#66d9ff24 38%,#0000 68%);border-radius:50%;animation:4.8s ease-in-out infinite breathe;position:absolute;inset:12%}.spark3d .core{width:32%;height:32%;box-shadow:0 0 70px var(--gold),0 0 160px #f7c85a61;background:radial-gradient(circle at 38% 30%,#fff,#fff0a4 18%,#f7c85a 42%,#f7c85a14 68%,#0000);border-radius:50%;animation:3.6s ease-in-out infinite core}.spark3d .pulse{width:28%;height:56%;box-shadow:0 0 70px var(--gold);opacity:.72;background:linear-gradient(#fff7c0,#f7c85a14);border-radius:999px;animation:4s ease-in-out infinite pulse;position:absolute}.ring{border:1px solid #fff1aa6b;border-radius:50%;position:absolute;box-shadow:0 0 30px #f7c85a2e}.r1{width:68%;height:68%;animation:18s linear infinite spin}.r2{width:86%;height:46%;animation:26s linear infinite reverse spin;transform:rotateX(64deg)}.r3{width:48%;height:88%;animation:21s linear infinite spin;transform:rotateY(58deg)}.r4{opacity:.25;width:34%;height:92%;animation:14s linear infinite reverse spin;transform:rotate(38deg)}.spark3d span{background:var(--gold2);width:5px;height:5px;box-shadow:0 0 18px var(--gold);transform:rotate(calc(var(--i)*360deg/var(--n))) translateX(220px);animation:5s ease-in-out infinite particle;animation-delay:calc(var(--i)*-.17s);border-radius:50%;position:absolute}.level-3 .core,.level-4 .core,.level-5 .core{width:36%;height:36%}.level-4 .aura,.level-5 .aura{opacity:1;inset:5%}.level-5 span{width:6px;height:6px}.phase-thinking .spark3d .aura,.phase-research .spark3d .aura{filter:blur(6px);animation-duration:1.7s}.phase-create .spark3d .core,.phase-music .spark3d .core{box-shadow:0 0 100px var(--gold),0 0 240px #66d9ff6b}.phase-error .spark3d .core{box-shadow:0 0 90px var(--danger)}.dialogue,.panelx{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff0d;border-radius:34px;padding:18px;box-shadow:0 40px 120px #0000003d}.feed{height:430px;padding:8px;overflow:auto}.bubble{white-space:pre-wrap;color:#fff;border-radius:24px;max-width:920px;margin:12px 0;padding:17px 20px;font-weight:680;line-height:1.62}.bubble.user{background:#66d9ff21;border:1px solid #66d9ff40;margin-left:auto}.bubble.spark{background:#f7c85a21;border:1px solid #f7c85a47}.bubble.creating{align-items:center;gap:12px;display:flex}.loader{border:2px solid #fff3;border-top-color:var(--gold);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.result-card{background:linear-gradient(135deg,#f7c85a21,#ffffff0a);border:1px solid #f7c85a4d;border-radius:30px;max-width:1080px;margin:18px 0;padding:18px;box-shadow:0 30px 90px #00000059,0 0 60px #f7c85a17}.result-head{color:var(--gold2);justify-content:space-between;gap:12px;margin-bottom:14px;font-weight:900;display:flex}.result-card img{border:1px solid #ffffff24;border-radius:24px;width:100%;display:block;box-shadow:0 20px 70px #00000073}.result-actions{gap:10px;margin-top:14px;display:flex}.result-actions a{color:#1d1504;background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:16px;padding:12px 16px;font-weight:950;text-decoration:none}.music-card audio{width:100%;margin:12px 0}.tracks{gap:10px;margin:12px 0;display:grid}.track{border:1px solid var(--line);background:#0000002e;border-radius:18px;grid-template-columns:120px 1fr 2fr;align-items:center;gap:10px;padding:12px;display:grid}.track b{color:var(--gold2)}.track span{color:var(--muted)}.composer{gap:10px;margin-top:12px;display:flex}.composer button{min-width:160px}.action{margin-bottom:14px}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.cardx,.feature,.empty,pre{border:1px solid var(--line);text-align:left;white-space:pre-wrap;background:#00000038;border-radius:26px;min-height:120px;padding:18px;overflow:auto}.cardx b{color:var(--gold2);margin-bottom:8px;font-size:18px;font-weight:950;display:block}.cardx span,.empty,.feature{color:var(--muted);font-weight:650;line-height:1.5}pre{color:#dce6ff;max-height:420px}.mini-spark{place-items:center;height:110px;display:grid}.mini-spark span{width:72px;height:72px;box-shadow:0 0 70px var(--gold);background:radial-gradient(circle,#fff,#f7c85a,#0000 72%);border-radius:50%;animation:3s infinite breathe}@keyframes drift{to{transform:translate(-160px,-120px)}}@keyframes float{50%{transform:translate(22px,-30px)scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.85;transform:scale(1.08)}}@keyframes core{50%{filter:saturate(1.4);transform:scale(1.08)}}@keyframes pulse{50%{opacity:.42;transform:scaleY(1.08)}}@keyframes particle{50%{opacity:.25;transform:rotate(calc(var(--i)*360deg/var(--n) + 18deg)) translateX(170px) scale(.65)}}@media (width<=960px){.genesis{grid-template-columns:1fr}.dock{flex-direction:row;height:auto;position:relative;overflow:auto}.dock button{min-width:max-content}.world{padding:12px}.topbar,.hero{grid-template-columns:1fr}.hero{min-height:auto}.spark3d{width:320px;height:320px}.welcome h1{font-size:44px}.composer,.topbar{flex-direction:column;align-items:stretch}.state-pill{text-align:center}.track{grid-template-columns:1fr}}