:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.join-screen{place-items:center;min-height:100dvh;padding:24px;display:grid}.join-card{flex-direction:column;gap:16px;width:min(380px,100%);display:flex}.join-card h1{margin:0 0 4px;font-size:28px}.room-name{color:#3f4c43;margin:-8px 0 0;font-size:15px}.room-name strong{color:#172026}label{color:#3f4c43;flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}input{color:#172026;background:#fff;border:1px solid #cbd2c7;border-radius:10px;min-height:46px;padding:0 14px}input:focus{outline-offset:2px;outline:2px solid #72b27c}.join-card button{color:#fff;cursor:pointer;background:#275e45;border:0;border-radius:10px;min-height:48px;font-weight:700}.join-card button:disabled{cursor:default;opacity:.65}.code-field{flex-direction:column;gap:6px;display:flex}.code-label{color:#3f4c43;font-size:14px;font-weight:600}.code-cells{gap:8px;display:flex}.code-cell{text-align:center;font-variant-numeric:tabular-nums;width:44px;min-height:52px;padding:0;font-size:22px}@media (width<=400px){.code-cells{gap:5px}.code-cell{width:38px;min-height:46px;font-size:19px}}.hint{color:#657167;margin:0;font-size:13px;line-height:1.4}.error-text{color:#b42318;margin:0;font-size:14px;line-height:1.4}.room-screen{background:#0f1314;height:100dvh}.room-screen .session-container,.room-screen>div{width:100%;height:100%}