:root{color-scheme:dark;--bg:#03090e;--text:#f5f6f7;--muted:#9da5ac;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}header{height:76px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:2;top:0;width:100%;background:linear-gradient(#03090eaa,transparent)}.brand{font-size:21px;letter-spacing:-.6px;text-decoration:none}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a{text-decoration:none}#badge{font-size:12px;background:#ffffff14;padding:5px 12px;border-radius:30px;letter-spacing:.4px}.hero{height:clamp(430px,57vw,650px);max-height:70vh;min-height:400px;position:relative;overflow:hidden;background:radial-gradient(ellipse,#071018 0,#03090e 75%)}.galaxy{position:absolute;inset:0;display:grid;place-items:center;animation:drift 24s ease-in-out infinite;transform-origin:50% 50%}@keyframes spin{to{transform:rotate(-360deg)}}.galaxy img{height:min(560px,62vh,80vw);width:auto;max-width:80%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(circle at center,#000 50%,transparent 70%);animation:spin 160s linear infinite}@keyframes drift{0%,100%{transform:perspective(1000px) rotateY(-5deg) rotateZ(-2deg) scale(.97)}50%{transform:perspective(1000px) rotateY(5deg) rotateZ(2deg) scale(1.025)}}.galaxy.paused,.galaxy.paused img{animation-play-state:paused}h1{font-size:clamp(42px,6vw,83px);line-height:1;font-weight:400;letter-spacing:-3px;position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 6%;margin:0;pointer-events:none}.hero-bottom{position:absolute;bottom:21px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#bec5cb}.hero-bottom button{width:32px;height:32px;padding:0;background:#ffffff12;border:0;border-radius:50%;font-size:14px}.workspace{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 390px;gap:70px;padding:36px 38px;border-top:1px solid var(--line)}.eyebrow,.card-label{font-size:12px;letter-spacing:1.2px;color:var(--muted)}h2{font-size:32px;line-height:1.18;font-weight:400;letter-spacing:-1px;margin:16px 0}#intro{font-size:16px;color:#bfc6cc;margin-bottom:22px}.buttons{display:flex;flex-wrap:wrap;gap:9px}button,.button{font:14px/1.4 Arial,sans-serif;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff35;border-radius:30px;padding:11px 19px;color:var(--text);text-decoration:none;display:inline-block}button:hover,.button:hover{background:#ffffff20}.primary{background:#f5f5f5;color:#090b0f;border-color:#f5f5f5}.primary:hover{background:#dadde0}.button+.button{margin-left:7px}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #c0dfff;outline-offset:5px}button[aria-pressed=true]{border-color:white;background:#ffffff24}.note{font-size:13px;color:var(--muted);line-height:1.6}.connection{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#bac5cd;margin-top:17px;min-height:44px}.connection p{margin:0}#dot{width:6px;height:6px;border-radius:50%;background:#727e87;margin-top:7px;flex-shrink:0}#dot.live{background:#99dcc7}.card-wrap{align-self:center}.card-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.8px;margin-bottom:15px}.preview{padding:22px;background:#ffffff07;border:1px solid var(--line);border-radius:14px;display:flex;gap:18px;align-items:center}.preview img{height:92px;width:92px;object-fit:cover;border-radius:12px}.preview strong{font-size:19px;font-weight:500}.preview p{font-size:14px;margin:3px 0}.preview .small{color:var(--muted)}#timer{font:13px/1.6 ui-monospace,Consolas,monospace;color:#cddce7;font-variant-numeric:tabular-nums}.card-wrap>.note{font-size:12px;margin-top:14px}details{max-width:1064px;margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:23px 0;display:flex;justify-content:space-between;font-size:16px;list-style:none}summary::-webkit-details-marker{display:none}.setup-body{padding:0 0 24px;color:#bdc5cb}ol{padding-left:22px;max-width:850px}li{padding:6px 0 12px}li strong{color:#edf0f3;font-weight:500}form{max-width:470px;display:grid;gap:9px;padding:10px 0}label{font-size:14px;color:#cad1d6}input{width:100%;border:1px solid #ffffff40;background:#ffffff08;padding:12px;border-radius:8px;color:white;font:16px Arial}form button{justify-self:start;margin-top:7px}#save-status{font-size:13px}footer{max-width:1140px;margin:auto;padding:30px 38px;display:flex;align-items:center;gap:24px;font-size:12px;color:#919ca6}footer button{margin-left:auto;font-size:12px;padding:7px 12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}body.hosted .buttons{margin-top:18px}body.hosted .buttons button{padding:7px 13px;font-size:13px}body.hosted .buttons .primary{background:transparent;color:#c8d1d8;border-color:#ffffff30}body.hosted #auto{display:none}@media(max-width:900px){.workspace{grid-template-columns:1fr 330px;gap:30px;padding:32px 26px}.preview{padding:17px;gap:12px}.preview img{width:76px;height:76px}details{margin:0 26px}.hero{min-height:380px}}@media(max-width:680px){header{height:64px;padding:0 20px}.brand{font-size:18px}nav{gap:14px;font-size:13px}nav #badge{display:none}.hero{height:420px;min-height:0;max-height:none}.galaxy img{max-width:100%;height:min(380px,90vw)}h1{font-size:39px;padding:0 6%;letter-spacing:-1.4px;align-items:flex-end;padding-bottom:73px}.hero-bottom{font-size:12px;bottom:18px;left:20px;right:20px}.workspace{display:flex;flex-direction:column;gap:27px;padding:29px 22px}.session h2{font-size:29px}.card-wrap{width:100%;align-self:stretch}.preview img{width:88px;height:88px}.preview{padding:20px}details{margin:0 22px}footer{padding:25px 22px;gap:13px;flex-wrap:wrap}.button{padding:11px 14px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.galaxy,.galaxy img{animation:none!important}}

#share-project,#automatic-start{width:auto;margin-right:.6rem;accent-color:#92cfff}