:root,.dark { --primary:#b4f182; --primary-foreground:#16230f; --background:#111510; --foreground:#edf2e8; --radius:0.5rem; color-scheme:dark; }
*{box-sizing:border-box} body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}main{max-width:1024px;margin:auto;padding:0 36px;min-height:100svh;display:flex;flex-direction:column}header{padding:30px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30382d}.brand{font-size:18px;font-weight:800;letter-spacing:.06em}.brand-light{font-weight:400;color:#a1ad98}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:#9baa92}.accent{color:#b4f182}.join-surface{width:100%;max-width:510px;margin:70px auto 50px}h1{font-size:clamp(46px,8vw,70px);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:20px 0}.intro{font-size:18px;line-height:1.6;color:#bbc6b2;margin:0 0 32px}dl{margin:0 0 28px;padding:20px 0;border-top:1px solid #30382d;border-bottom:1px solid #30382d;display:grid;gap:16px}dt{font-size:10px;letter-spacing:.12em;color:#9baa92;margin-bottom:7px}dd{margin:0;font-size:14px;font-family:Consolas,monospace;overflow-wrap:anywhere}.launch{width:100%;height:58px!important;font-size:18px!important;justify-content:space-between!important;padding:0 22px!important}.hint,.small,.empty-note{font-size:13px;color:#a5b09d;line-height:1.65}.hint{margin:14px 0 25px}.text-button{background:none;border:0;padding:0;color:#d4edc1;font-size:15px;cursor:pointer;text-align:left}.text-button:hover{text-decoration:underline}.divider{height:1px;background:#30382d;margin:28px 0 20px}.copy{margin-top:10px;color:#c0cbb7}.status{font-size:14px;color:#d4edc1;line-height:1.6;min-height:24px}.empty-note{padding-top:20px;border-top:1px solid #30382d}footer{margin-top:auto;border-top:1px solid #30382d;padding:24px 0;font-size:10px;letter-spacing:.1em;color:#91a085;display:flex;justify-content:space-between;gap:20px}footer span{letter-spacing:0}button:focus-visible{outline:2px solid #b4f182;outline-offset:5px}@media(max-width:560px){main{padding:0 22px}header>.eyebrow{display:none}.join-surface{margin:45px auto 30px}footer{flex-direction:column;gap:8px}}
[hidden]{display:none!important}button{font:inherit;cursor:pointer}.launch{display:flex;align-items:center;background:var(--primary);color:var(--primary-foreground);border:0;border-radius:8px;font-weight:600}.launch:hover{background:#c6ff96}.copy{border:0;background:transparent;padding:10px 0}.copy:hover{text-decoration:underline}