@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:ital,wght@1,500&display=swap";:root{color:#17231c;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17231c;--muted:#69736c;--forest:#174d36;--lime:#d9f579;--line:#dfe2da;--paper:#fbfaf6;--white:#fff;background:#f7f6f1;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #b4db40}.overline{letter-spacing:.17em;color:var(--forest);font-size:11px;font-weight:700}label{color:#39443d;gap:7px;font-size:12px;font-weight:600;display:grid}input{width:100%;color:var(--ink);background:#fff;border:1px solid #d9ddd5;border-radius:9px;padding:13px 14px}.primary{background:var(--forest);color:#fff;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 20px;font-weight:600;display:flex}.primary:hover{background:#0e3d29;transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary{color:var(--ink);background:#fff;border:1px solid #d5dad2;border-radius:8px;padding:9px 14px;font-size:11px;font-weight:600}.secondary:disabled{opacity:.45;cursor:not-allowed}.error{color:#a33b32;grid-column:1/-1;margin:0;font-size:12px}.join-card{border:1px solid var(--line);text-align:left;background:#ffffffd9;border-radius:18px;gap:15px;width:min(100%,590px);min-width:min(440px,90vw);padding:38px;display:grid;box-shadow:0 18px 50px #1f302514}.join-card h1{letter-spacing:-.04em;margin:5px 0 -8px;font-size:38px}.join-card>p{color:var(--muted);margin:0 0 10px}.join-card form{gap:15px;display:grid}.room-code{width:max-content;color:var(--forest);letter-spacing:.1em;text-transform:uppercase;background:#edf1e9;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}[data-theme=dark]{--ink:#edf3ee;--muted:#a5b0a8;--forest:#9bd6b5;--line:#354139;--paper:#171c19;--white:#202622;color:var(--ink);background:#151a17}[data-theme=dark] label{color:#c4cec7}[data-theme=dark] input{color:var(--ink);background:#151a17;border-color:#46524a}[data-theme=dark] .primary{color:#fff;background:#296a4b}[data-theme=dark] .primary:hover{background:#347b59}[data-theme=dark] .secondary{color:var(--ink);background:#202622;border-color:#46524a}[data-theme=dark] .join-card{border-color:var(--line);background:#1f2622e6;box-shadow:0 18px 50px #00000040}[data-theme=dark] .join-card>p{color:var(--muted)}[data-theme=dark] .room-code{color:var(--forest);background:#28352d}