@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";.profile-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f2f0e9}.profile-card .brand{margin-bottom:64px}.profile-card h2{margin-top:14px}:root{font-family:Manrope,system-ui,sans-serif;color:#17211b;background:#f2f0e9;font-synthesis:none;--ink:#17211b;--paper:#f2f0e9;--acid:#dfff78;--line:#cbc9c0;--muted:#70756f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}.brand{display:flex;align-items:center;gap:10px;font:600 12px DM Mono,monospace;letter-spacing:.12em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:var(--ink)}.eyebrow{font:500 11px DM Mono,monospace;letter-spacing:.14em;color:#747a72}.muted{color:var(--muted);line-height:1.65}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.auth-story{padding:42px 6vw;display:flex;flex-direction:column;justify-content:space-between;background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:58vw;height:58vw;border:1px solid #ffffff1f;border-radius:50%;left:40%;top:8%;box-shadow:0 0 0 8vw #ffffff08,0 0 0 16vw #ffffff05}.story-copy{position:relative;z-index:1;max-width:720px}.story-copy .eyebrow{color:var(--acid)}.story-copy h1{font-size:clamp(54px,6vw,96px);line-height:.92;letter-spacing:-.065em;margin:22px 0 30px;font-weight:500}.story-copy h1 span{display:block;white-space:nowrap}.story-copy>p:last-child{max-width:480px;color:#b8bdb8;font-size:17px}.growth-line{display:flex;align-items:center;gap:14px;color:#9da49f;font:10px DM Mono;letter-spacing:.12em;position:relative;z-index:1}.growth-line i{display:block;height:1px;background:#515b54;flex:1}.auth-panel{display:grid;place-items:center;padding:48px}.auth-card{width:min(430px,100%)}.auth-card h2{font-size:38px;letter-spacing:-.04em;margin:14px 0 8px}.auth-card input,.lobby-actions input{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:18px 2px;margin:26px 0 18px;outline:none;font-size:18px}.auth-card input:focus,.lobby-actions input:focus{border-color:#8eaf2f}.code-input{font:500 38px DM Mono!important;letter-spacing:.28em}.primary,.secondary{border:0;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.primary{width:100%;background:var(--ink);color:#fff}.primary:hover{background:#29362e}.secondary{background:transparent;border:1px solid var(--ink);justify-content:center}.text-button,.dev-code{border:0;background:transparent;cursor:pointer;margin:14px auto;display:block;color:var(--muted)}.dev-code{margin:0 0 16px;padding:8px 12px;background:#e3e7d5}.error{color:#b53131;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lobby{min-height:100vh;padding:0 5vw 60px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.user-chip{display:flex;align-items:center;gap:12px}.user-chip>span{width:36px;height:36px;display:grid;place-items:center;background:#dcd9cf;border-radius:50%;font:11px DM Mono}.user-chip div{display:flex;flex-direction:column;font-size:12px}.user-chip small{color:var(--muted)}.user-chip button,.workspace button,.version-drawer button{border:0;background:transparent;cursor:pointer}.lobby-heading{padding:65px 0 45px;display:flex;justify-content:space-between;align-items:end}.lobby-heading h1{font-size:clamp(38px,5vw,70px);letter-spacing:-.055em;margin:10px 0}.room-count{display:flex;align-items:center;gap:12px}.room-count strong{font:500 50px DM Mono}.room-count span{font:10px/1.5 DM Mono;color:var(--muted)}.lobby-grid{display:grid;grid-template-columns:1fr 320px;gap:48px}.rooms-list{border-top:1px solid var(--ink)}.room-card{width:100%;display:grid;grid-template-columns:44px 60px 1fr auto;gap:20px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:26px 8px;cursor:pointer;transition:.25s}.room-card:hover{padding-left:20px;background:#ebe9df}.room-index,.room-meta small{font:10px DM Mono;color:var(--muted)}.room-orb{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--acid),#8fa851)}.room-meta h3{font-size:22px;margin:5px 0}.room-meta p{font-size:13px;color:var(--muted);margin:0}.empty-room{text-align:center;padding:90px 20px;color:var(--muted)}.empty-room svg{color:#9bb73a}.lobby-actions{display:flex;flex-direction:column;gap:18px}.lobby-actions form{border:1px solid var(--line);padding:24px;background:#eeece4}.lobby-actions form:first-child{background:var(--acid);border-color:var(--ink)}.lobby-actions h3{font-size:23px;margin:9px 0}.lobby-actions input{font-size:15px;margin:16px 0}.action-icon{float:right}.invite-input{font-family:DM Mono!important;letter-spacing:.15em}.workspace{height:100vh;display:flex;flex-direction:column;background:#111713}.workspace-bar{height:58px;flex:none;display:flex;align-items:center;justify-content:space-between;color:#dfe5df;padding:0 18px;border-bottom:1px solid #344038}.back,.workspace-tools button{display:flex;align-items:center;gap:7px;color:#aeb7b0!important}.workspace-title{display:flex;align-items:center;gap:9px}.workspace-title i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}.workspace-title span{font:9px DM Mono;color:#8e9a91}.workspace-tools{display:flex;gap:18px}.workspace iframe{border:0;width:100%;flex:1;background:#edece5}.version-drawer{position:fixed;right:18px;top:70px;width:min(420px,calc(100vw - 36px));max-height:calc(100vh - 88px);overflow:auto;background:#f2f0e9;border:1px solid #979d96;box-shadow:0 20px 60px #0005;padding:24px;z-index:10}.version-drawer>div{display:flex;justify-content:space-between}.version-drawer>div button{font-size:28px}.version-drawer article{display:grid;grid-template-columns:42px 1fr auto;gap:12px;border-top:1px solid var(--line);padding:18px 0}.version-drawer article>span{font:12px DM Mono;color:#74843a}.version-drawer article div{display:flex;flex-direction:column}.version-drawer article b{font-size:13px}.version-drawer article small{color:var(--muted);margin-top:5px}.version-drawer article button{text-decoration:underline}.loading{min-height:100vh;display:grid;place-content:center;text-align:center;gap:12px;color:var(--muted)}.loading .brand-mark{margin:auto}.loading p{font:11px DM Mono;letter-spacing:.12em}@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:44vh}.growth-line{display:none}.auth-panel{padding:42px 24px}.lobby{padding:0 20px 40px}.lobby-grid{grid-template-columns:1fr}.lobby-heading{align-items:start}.room-count,.workspace-title span,.workspace-tools button:first-child,.user-chip div{display:none}}@media(max-width:520px){.story-copy h1{font-size:clamp(34px,10vw,48px)}.room-card{grid-template-columns:30px 44px 1fr}.room-orb{width:40px;height:40px}.room-card>svg{display:none}}