:root{color-scheme:dark;--bg:#070719;--ink:#fffaff;--muted:#c9c5df;--cyan:#35e7ff;--magenta:#c137fa;--line:#6f389e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font:16px/1.6 Inter,'Segoe UI',Arial,sans-serif;background:radial-gradient(ellipse at 10% 20%,#2d0c54,transparent 42%),radial-gradient(ellipse at 94% 35%,#082d5a,transparent 48%),var(--bg);color:var(--ink);min-height:100vh}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bdff7e;outline-offset:3px}.skip{position:absolute;top:-80px;left:12px;z-index:99;background:white;color:black;padding:12px}.skip:focus{top:12px}.header{min-height:91px;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:14px max(22px,calc((100% - 1340px)/2));border-bottom:1px solid #a72bed;background:#09091ee6;box-shadow:0 0 30px #9539fa2a;backdrop-filter:blur(10px)}.logo{display:flex;align-items:center;gap:12px;font-size:31px;font-weight:950;font-style:italic;text-decoration:none;letter-spacing:1px;text-shadow:0 0 13px #c643fa}.logo>span{font-size:55px;line-height:.7;color:#b928f5;text-shadow:0 0 15px #0ce0ff}.logo small{font-size:11px;border-radius:999px;padding:8px;color:#fff;background:#190d3a;box-shadow:0 0 12px #7f24e7}.header nav{display:flex;gap:24px}.header nav a{font-size:14px;font-weight:800;text-decoration:none;color:#dfddf2}.header nav a:hover{color:var(--cyan)}.badge,.eyebrow,.overline{color:#7cecff;font-size:12px;font-weight:900;letter-spacing:1.5px}.badge{border:1px solid #6264a5;border-radius:20px;padding:8px 13px}.invite-main,.studio-main{max-width:1380px;margin:0 auto;padding:80px 30px;position:relative}.aura{position:absolute;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.25;z-index:-1}.aura-one{width:400px;height:450px;background:#b01aff;left:0;top:0}.aura-two{width:400px;height:450px;background:#008cfc;right:0;top:220px}h1{font-size:clamp(42px,6vw,83px);line-height:1.04;letter-spacing:-3px;margin:21px 0 23px;font-weight:950}h1 span{background:linear-gradient(90deg,#de65fb,#63e8ff);color:transparent;background-clip:text;-webkit-background-clip:text}.lead{font-size:clamp(16px,1.6vw,21px);max-width:860px;color:#d7d5ed}.invitation{text-align:center;max-width:1000px;margin:0 auto}.invitation .lead{margin:0 auto 45px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:1px solid transparent;border-radius:12px;padding:13px 18px;text-decoration:none;color:white;font-weight:850;font-size:14px}.button.primary{background:linear-gradient(115deg,#b30cf1,#00bfe8);box-shadow:0 0 22px #a512ed55}.button.secondary{background:#161636;border-color:#7b51b5}.button:hover{filter:brightness(1.2)}.featured{max-width:660px;margin:0 auto 14px;border:1px solid #a235e9;border-right-color:#18d2f9;border-bottom-color:#18d2f9;border-radius:25px;background:linear-gradient(120deg,#181039,#061f43);padding:36px;box-shadow:0 0 36px #6d18e744;text-align:left}.featured-top{display:flex;gap:17px;align-items:center}.featured-logo{display:grid;place-items:center;width:84px;height:84px;flex-shrink:0;border-radius:18px;font-size:50px;background:linear-gradient(130deg,#a436e8,#008de8)}.featured h2{font-size:27px;margin:0;line-height:1.2}.featured .handle{color:#77f0ff;font-weight:800}.featured .category{display:inline-block;background:#392454;color:#d9d2f6;border-radius:30px;padding:5px 11px;font-size:12px;font-weight:800;margin-top:19px}.featured p{color:#d1cee4}.featured .actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:24px}.notice,.hint{font-size:13px;color:#aaa6c8}.share-area{margin:55px auto;padding:40px;border-top:1px solid #493278}.share-area h2{font-size:27px;margin:0}.share-area p{color:#c5c2e0}.share-area .actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.feedback{min-height:25px;color:#b2fdbb;font-size:14px;margin-top:13px}.discovery-nudge{max-width:920px;margin:45px auto 0;border:1px solid #5c41a3;border-radius:22px;padding:44px 36px;text-align:center;background:#0c1533}.discovery-nudge h2{font-size:30px;line-height:1.2}.discovery-nudge p:not(.overline){color:#c9c6e1}.discovery-nudge .button{margin-top:13px}.studio-main h1{margin-top:15px}.studio-main>.lead{max-width:880px}.studio-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(320px,1.2fr);gap:22px;margin:48px 0}.studio-panel{background:linear-gradient(135deg,#150f34,#0a1b3b);border:1px solid #8752c9;border-right-color:#1dcfff;border-radius:24px;padding:30px;box-shadow:0 10px 30px #40117e44}.studio-panel h2{font-size:19px;letter-spacing:.7px;margin:0 0 26px}.studio-panel label{font-size:14px;font-weight:850;display:block;margin:19px 0 8px}.studio-panel label:first-of-type{margin-top:0}.studio-panel input,.studio-panel select,.studio-panel textarea{width:100%;border:1px solid #5967a3;background:#0a102c;color:#f5f3ff;padding:14px;border-radius:12px;min-height:51px}.studio-panel textarea{resize:vertical;min-height:140px}.studio-panel .wide{width:100%;margin-top:18px}.studio-panel .hint{max-width:400px}.copy-field{color:#9ef5ff!important}.empty{text-align:center;padding:50px 15px}.empty-planet{display:grid;place-items:center;width:180px;height:180px;margin:0 auto 25px;border-radius:50%;font-size:118px;color:#d02efd;text-shadow:0 0 20px #d022fc;background:radial-gradient(circle,#1677d8,#110d4a 71%);border:1px solid #72e9ff;box-shadow:0 0 35px #1298fa66}.empty p{font-weight:850}.empty span{color:#b9b5d4;font-size:14px}.button-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.channel-heading{font-size:12px;letter-spacing:1.1px;color:#89f2ff;margin-top:31px}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.channel{display:grid;place-items:center;border:1px solid #6350a9;background:#12183a;color:#f7f5ff;border-radius:11px;min-height:48px;padding:12px 8px;font-size:13px;font-weight:850;text-decoration:none;text-align:center}.channel:hover{background:#292257;border-color:#38d4fb}.important{display:grid;grid-template-columns:1fr 1.3fr;gap:45px;align-items:center;border:1px solid #4d498d;border-radius:23px;background:linear-gradient(120deg,#1d0e3d,#0d1838);padding:40px}.important h2{font-size:29px;line-height:1.2}.important>p{color:#c8c4e0}.copy-preview{border-top:1px solid #4f4785;margin-top:20px;padding-top:18px}.copy-preview p{color:#c7c3df}footer{max-width:1450px;margin:55px auto 0;border-top:1px solid #52307e;padding:30px 28px 48px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;color:#a4a3c7;font-size:12px}footer a{text-decoration:none;color:#fff;font-weight:900;font-style:italic;font-size:18px}
@media(max-width:940px){.header{flex-wrap:wrap}.badge{display:none}.studio-grid{grid-template-columns:1fr}.important{grid-template-columns:1fr;gap:15px}}@media(max-width:550px){.header{padding:14px 16px}.header nav{width:100%;justify-content:center}.logo{font-size:24px}.logo>span{font-size:39px}.invite-main,.studio-main{padding:48px 15px}h1{font-size:clamp(38px,10vw,54px);letter-spacing:-2px}.featured{padding:23px}.featured h2{font-size:23px}.featured-logo{height:65px;width:65px}.share-area{padding:25px 0}.studio-panel{padding:22px}.channel-grid{grid-template-columns:repeat(2,1fr)}.important{padding:24px}.button-row .button{width:100%}.invitation .featured .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}