:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#08120f;color:#e4eee2}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 5%,#24443b,transparent 65%);min-height:100vh}main{max-width:960px;margin:auto;padding:36px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #345148;padding-bottom:24px}header a{color:#d5ec83;font-size:32px;font-weight:800;text-decoration:none}header a span{font-size:16px;letter-spacing:.2em;margin-left:12px}.eyebrow{font:12px ui-monospace,monospace;letter-spacing:.12em;color:#a6beab}section{padding:64px 0}h1{font-size:clamp(48px,7vw,84px);letter-spacing:-.05em;margin:12px 0 20px;line-height:1}h2{margin:0;font-size:24px}.intro{font-size:20px;line-height:1.6;max-width:640px;color:#b5c8b8;margin-bottom:40px}button,input,select{font:inherit;border-radius:6px;padding:14px 18px;border:1px solid #4b685d}button{background:#d4ea88;color:#17261b;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:default}input,select{background:#10221c;color:#e4eee2;min-width:0}button.secondary{background:#13271f;color:#d2e2cc}.join{margin:28px 0;display:grid;grid-template-columns:1fr auto;gap:12px}label{display:block;color:#b5c8b8;font-size:14px;margin-bottom:10px}.join label{grid-column:1/-1;margin:0}.room-heading,.invite-row,.room-settings{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.invite-row input{flex:1}.room-settings select{display:block;margin-top:8px;min-width:180px}#room{border-top:1px solid #345148}#slots{display:grid;grid-template-columns:1fr 1fr;gap:16px}.slot{padding:24px;border:1px solid #345148;background:#12261e;border-radius:8px}.slot b{display:block;font-size:22px;margin:10px 0}.slot span{color:#bad381}.note{max-width:650px;color:#819b89;font-size:13px;line-height:1.6;margin-top:32px}#status{color:#d4ea88;line-height:1.5}#room>p{font-size:13px;color:#9fb1a3}@media(max-width:600px){main{padding:20px}header .eyebrow{display:none}section{padding-top:40px}#slots{grid-template-columns:1fr}.invite-row{flex-wrap:wrap}}