*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#060810;--panel:#0d111c;--line:#202b3f;--text:#f7f9ff;--muted:#98a5bb;--accent:#7c3aed;--cyan:#22d3ee}body{margin:0;font-family:Inter,system-ui,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 0%,#31135d55,transparent 32rem),radial-gradient(circle at 90% 10%,#0e749033,transparent 26rem),var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.shell{max-width:1600px;margin:auto;padding:0 24px 50px}.topbar{height:72px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:20;background:#060810dd;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.18em}.brandmark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--cyan))}.actions{display:flex;gap:9px;align-items:center}.session{font-size:12px;color:var(--muted)}.hero{padding:65px 0 30px;max-width:850px}.eyebrow{font-size:12px;color:#9ff2ff;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(44px,6vw,76px);line-height:.94;letter-spacing:-.055em;margin:14px 0}.hero p,.loginbox p{color:#abb7ca;line-height:1.65}.panel,.mode{background:#0d111cea;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 65px #0006}.btn{display:inline-block;border:1px solid #293750;background:#111827;color:white;padding:11px 15px;border-radius:11px;font-weight:800;cursor:pointer}.btn.primary,.btn.twitch{border:0;background:linear-gradient(135deg,#7c3aed,#5b21b6)}.btn.cyan{background:linear-gradient(135deg,#0891b2,#22d3ee);color:#04161d;border:0}.btn.disabled{opacity:.45}.flash{margin-top:20px;padding:13px 16px;border:1px solid #35506a;background:#0c1f2c;border-radius:12px;color:#bcecff}.loginbox{padding:24px;max-width:900px}.loginrow{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.modegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mode{padding:24px;min-height:240px}.mode h2{margin:18px 0 8px}.mode p{color:var(--muted);min-height:78px;line-height:1.55}.icon{font-size:24px}.workspace{margin-top:24px;padding:18px}.hidden{display:none!important}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:16px}.toolbar h2{margin:0}.toolbar small{color:var(--muted)}.editor{display:grid;grid-template-columns:minmax(360px,500px) 1fr;gap:18px;align-items:start}.controls{padding:14px;position:sticky;top:90px;max-height:calc(100vh - 105px);overflow:auto}.controls details{border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden}.controls summary{padding:14px;font-weight:850;cursor:pointer}.body{padding:14px;border-top:1px solid var(--line)}label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#91a0b7;font-weight:800;margin:10px 0}input,select,textarea{display:block;width:100%;margin-top:6px;background:#121a29;border:1px solid #2a3851;color:white;border-radius:10px;padding:10px}.templates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.template{border:1px solid #293750;border-radius:10px;background:#101725;color:white;padding:7px;text-align:left;cursor:pointer}.swatch{height:46px;border-radius:7px;margin-bottom:6px}.colors{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.colors input{height:40px;padding:3px}.daytabs{display:flex;gap:6px;overflow:auto}.daytab{border:1px solid #2a3851;background:#111827;color:#a9b4c6;border-radius:9px;padding:8px;cursor:pointer}.daytab.active{background:#31255d;color:white}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:8px}.previewwrap{position:sticky;top:90px}.previewtop{display:flex;justify-content:space-between;color:#97a6bc;font-size:11px;padding:0 3px 9px}.stage{min-height:580px;aspect-ratio:16/9;border:1px solid #2a3851;border-radius:20px;padding:28px;background:linear-gradient(135deg,#130d2f,#101a32);position:relative;overflow:hidden}.stage:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 20%,var(--c1,#7c3aed),transparent 30%),radial-gradient(circle at 80% 70%,var(--c4,#22d3ee),transparent 30%);opacity:.22;filter:blur(22px)}.stageinner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.planhead{display:flex;justify-content:space-between}.planhead h1{margin:0;font-size:40px}.planhead p{color:#ffffffaa}.avatar{width:68px;height:68px;border-radius:17px;background:linear-gradient(135deg,var(--c1),var(--c4))}.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;flex:1;margin-top:18px}.daycard{border:1px solid #ffffff22;border-radius:13px;background:var(--field,#151c2b);padding:12px;display:flex;flex-direction:column;justify-content:space-between;min-height:270px}.daycard b{font-size:13px}.daycard .time{font-size:16px;font-weight:900}.daycard small{color:#ffffffaa}.badge{font-size:9px;background:#0006;border:1px solid #ffffff22;padding:5px 6px;border-radius:999px;display:inline-block;margin-top:6px}.planfoot{margin-top:14px;font-size:10px;color:#ffffff88}.planitem{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--line)}@media(max-width:1050px){.modegrid{grid-template-columns:1fr}.editor{grid-template-columns:1fr}.controls,.previewwrap{position:static;max-height:none}.days{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.shell{padding:0 14px 40px}.hero h1{font-size:44px}.days{grid-template-columns:repeat(2,1fr)}.stage{aspect-ratio:auto}.session{display:none}}