.rooms-page{color:#f5f7ff;background:#070a12;min-height:100vh;padding:0 3vw 44px;overflow:hidden}.rooms-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 76% 10%,#4b68ff29,#0000 28%),linear-gradient(#788cc809 1px,#0000 1px) 0 0/64px 64px,linear-gradient(90deg,#788cc809 1px,#0000 1px) 0 0/64px 64px;position:fixed;inset:0}.rooms-page>*{position:relative}.rooms-header{max-width:1280px;margin:auto}.rooms-hero,.rooms-toolbar,.rooms-directory,.rooms-boundaries,.rooms-message,.rooms-footer{max-width:1180px;margin-left:auto;margin-right:auto}.rooms-hero{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:end;gap:54px;padding:86px 0 64px;display:grid}.rooms-hero>div:first-child>span,.rooms-directory>header span,.rooms-boundaries>div:first-child span,.rooms-create header span,.rooms-detail header span{font-size:var(--font-size-meta);letter-spacing:.16em;color:#8298ff;font-weight:800}.rooms-hero h1{letter-spacing:-.055em;margin:18px 0;font-size:clamp(48px,6vw,80px);line-height:.98}.rooms-hero h1 em{color:#778dff;font-style:normal}.rooms-hero p{color:#959eb3;max-width:650px;line-height:1.75}.rooms-hero-card{background:#0e1320e0;border:1px solid #26304a;border-radius:22px;grid-template-columns:auto 1fr;gap:5px 14px;padding:26px;display:grid;box-shadow:0 24px 70px #0000004d}.rooms-hero-card strong{color:#90a1ff;font-size:30px}.rooms-hero-card span{color:#aab2c6;align-self:center}.rooms-hero-card i{background:#252c3c;grid-column:1/-1;height:1px;margin:12px 0}.rooms-hero-card button,.rooms-create form>button,.rooms-detail footer button{color:#fff;background:#607cff;border:0;border-radius:12px;grid-column:1/-1;justify-content:center;gap:8px;margin-top:15px;padding:14px;font-weight:800;display:flex}.rooms-toolbar{background:#0d121e;border:1px solid #222a3c;border-radius:18px;justify-content:space-between;gap:14px;padding:12px;display:flex}.rooms-toolbar label{color:#758098;align-items:center;gap:10px;min-width:300px;padding:0 12px;display:flex}.rooms-toolbar input{color:#f5f7ff;background:0 0;border:0;outline:0;width:100%}.rooms-toolbar>div{gap:6px;display:flex}.rooms-toolbar button{color:#8f98ae;background:0 0;border:1px solid #0000;border-radius:10px;padding:10px 15px}.rooms-toolbar button[aria-selected=true]{color:#dce4ff;background:#17213b;border-color:#30477f}.rooms-message{color:#c8d5ff;background:#111a30;border:1px solid #33477a;border-radius:12px;margin-top:16px;padding:12px 16px}.rooms-directory{padding:52px 0}.rooms-directory>header{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.rooms-directory h2,.rooms-boundaries h2{margin:8px 0 0;font-size:34px}.rooms-directory>header small{color:#737e96}.rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.rooms-grid article{background:linear-gradient(145deg,#111726fa,#0a0e18fa);border:1px solid #222b40;border-radius:20px;grid-template-columns:auto 1fr;gap:13px 16px;padding:23px;transition:transform .2s,border-color .2s;display:grid}.rooms-grid article:hover{border-color:#3b4c79;transform:translateY(-2px)}.rooms-grid article.joined{box-shadow:inset 3px 0 #6a82ff}.rooms-card-symbol{color:#8ba0ff;background:#1a2850;border-radius:14px;grid-row:1/3;place-items:center;width:48px;height:48px;display:grid}.rooms-card-symbol.tone-1{color:#69d4c6;background:#163638}.rooms-card-symbol.tone-2{color:#eeb86a;background:#3b2915}.rooms-card-symbol.tone-3{color:#cd87ec;background:#341b43}.rooms-card-meta{align-items:center;gap:8px;display:flex}.rooms-card-meta span{font-size:var(--font-size-meta);color:#909ab0;border:1px solid #2b3448;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;display:flex}.rooms-grid h3{grid-column:1/-1;margin:7px 0 0;font-size:21px}.rooms-grid article>p{color:#8f99af;grid-column:1/-1;min-height:51px;margin:0;line-height:1.6}.rooms-card-stats,.rooms-grid footer{grid-column:1/-1;align-items:center;display:flex}.rooms-card-stats{color:#737e94;font-size:var(--font-size-meta);gap:18px}.rooms-card-stats span{align-items:center;gap:6px;display:flex}.rooms-grid footer{border-top:1px solid #20283a;justify-content:space-between;padding-top:16px}.rooms-grid footer button,.rooms-grid footer span{color:#8fa3ff;background:0 0;border:0;font-weight:700}.rooms-grid footer button:last-child{border:1px solid #334a83;border-radius:10px;padding:8px 12px}.rooms-grid footer button.leave{color:#9aa4b8;border-color:#303849}.rooms-empty{text-align:center;color:#7f8aa1;border:1px dashed #2c354b;border-radius:20px;padding:70px}.rooms-empty svg{color:#738cff;width:30px;height:30px}.rooms-boundaries{grid-template-columns:.8fr 1.2fr;gap:40px;padding:24px 0 76px;display:grid}.rooms-boundaries>div:last-child{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.rooms-boundaries article{background:#0c111d;border:1px solid #222b3d;border-radius:16px;padding:20px}.rooms-boundaries article svg{color:#8298ff}.rooms-boundaries article strong{margin:16px 0 8px;display:block}.rooms-boundaries article p{color:#818ba1;font-size:13px;line-height:1.55}.rooms-modal-layer{z-index:1200;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rooms-modal-scrim{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020409c7;border:0;position:absolute;inset:0}.rooms-create,.rooms-detail{background:#0c111d;border:1px solid #303b55;border-radius:24px;width:min(620px,100%);max-height:min(760px,100vh - 40px);position:relative;overflow:auto;box-shadow:0 32px 100px #0000009e}.rooms-create>header,.rooms-detail>header{border-bottom:1px solid #252d3e;justify-content:space-between;gap:20px;padding:25px;display:flex}.rooms-create header h2,.rooms-detail header h2{margin:7px 0;font-size:25px}.rooms-create header button,.rooms-detail header button{color:#9ca8c0;background:#111827;border:1px solid #293246;border-radius:11px;width:40px;height:40px}.rooms-create form{gap:18px;padding:25px;display:grid}.rooms-create label{color:#c6ccda;gap:8px;font-weight:700;display:grid}.rooms-create input,.rooms-create textarea{color:#fff;background:#080d16;border:1px solid #2b354b;border-radius:12px;outline:0;padding:13px}.rooms-create textarea{resize:vertical;min-height:105px}.rooms-create label small{text-align:right;color:#69758d}.rooms-create-selects{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rooms-create form>p,.rooms-login p{color:#7f899e;font-size:13px;line-height:1.55}.rooms-login{text-align:center;padding:52px 30px}.rooms-login>svg{color:#7f95ff;width:38px;height:38px}.rooms-login h3{font-size:22px}.rooms-detail header p{color:#818ca2;line-height:1.5}.rooms-detail nav{border-bottom:1px solid #252d3e;padding:0 25px;display:flex}.rooms-detail nav button{color:#808ba1;background:0 0;border:0;border-bottom:2px solid #0000;padding:15px 18px}.rooms-detail nav button[aria-current=page]{color:#dce3ff;border-color:#7189ff}.rooms-detail-content{text-align:center;align-content:center;place-items:center;min-height:220px;padding:35px;display:grid}.rooms-detail-content>svg{color:#7790ff;width:36px;height:36px}.rooms-detail-content h3{margin:15px 0 6px}.rooms-detail-content p{color:#818ba0}.rooms-detail footer{color:#939db1;border-top:1px solid #252d3e;justify-content:space-between;align-items:center;padding:18px 25px;display:flex}.rooms-detail footer>span{align-items:center;gap:7px;display:flex}.rooms-detail footer button{grid-column:auto;margin:0;padding:11px 17px}.rooms-owner{color:#91a2ff}.rooms-footer{border-top:1px solid #20283a;padding-top:28px}.rooms-page button{cursor:pointer}.rooms-page button:active{transform:scale(.97)}.rooms-page button:disabled{cursor:not-allowed;opacity:.5}@media (width<=800px){.rooms-page{padding:0 18px 34px}.rooms-hero{grid-template-columns:1fr;padding:54px 0 38px}.rooms-toolbar{flex-direction:column;align-items:stretch}.rooms-toolbar label{min-width:0;height:45px}.rooms-toolbar>div{overflow:auto}.rooms-grid,.rooms-boundaries,.rooms-boundaries>div:last-child,.rooms-create-selects{grid-template-columns:1fr}.rooms-directory>header{flex-direction:column;align-items:start;gap:12px}}.rooms-page>.rooms-toast{z-index:1400;color:#dce5ff;text-align:center;background:#111a30f5;border:1px solid #425b9c;border-radius:13px;width:min(520px,100vw - 32px);padding:13px 17px;animation:.2s ease-out rooms-toast-in;position:fixed;top:82px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #00000073}.rooms-copy-status{color:#9caae0;margin-top:10px;display:block}@keyframes rooms-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.rooms-page>.rooms-toast.error{color:#ffc8d0;background:#32121bf7;border-color:#7b3945}.rooms-invite{color:#7f95ff;background:#0d121e;border:1px solid #222a3c;border-radius:16px;align-items:center;gap:12px;max-width:1180px;margin:14px auto 0;padding:12px 14px;display:flex}.rooms-invite label{flex:1;align-items:center;gap:12px;display:flex}.rooms-invite label span{white-space:nowrap;color:#aeb9d1;font-size:13px;font-weight:800}.rooms-invite input{color:#f5f7ff;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;outline:0;width:100%}.rooms-invite button,.rooms-code,.rooms-chat form button,.rooms-tasks form button{color:#dce4ff;background:#17213b;border:1px solid #334a83;border-radius:10px;padding:10px 14px;font-weight:800}.rooms-code{margin-top:12px}.rooms-chat,.rooms-tasks{text-align:left;gap:16px;width:100%;display:grid}.rooms-chat-list{gap:9px;max-height:290px;padding-right:5px;display:grid;overflow:auto}.rooms-chat-list article{background:#121929;border:1px solid #263149;border-radius:14px;justify-self:start;max-width:82%;padding:10px 12px}.rooms-chat-list article.mine{background:#17254a;border-color:#3f5797;justify-self:end}.rooms-chat-list strong,.rooms-chat-list time{font-size:var(--font-size-meta);color:#8491aa}.rooms-chat-list p{color:#e8ecf8;white-space:pre-wrap;margin:5px 0}.rooms-chat form{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid;position:relative}.rooms-chat textarea{resize:vertical;color:#fff;background:#080d16;border:1px solid #2b354b;border-radius:12px;min-height:72px;padding:12px 56px 12px 12px}.rooms-chat form span{font-size:var(--font-size-meta);color:#65718a;position:absolute;bottom:8px;right:78px}.rooms-inline-empty{text-align:center;color:#7f8aa1;padding:28px}.rooms-inline-empty svg{color:#7790ff;width:28px;height:28px}.rooms-tasks ul{gap:8px;max-height:290px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.rooms-tasks li{background:#101725;border:1px solid #263149;border-radius:12px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.rooms-tasks li>button:first-child{color:#91a4ff;background:#090e18;border:1px solid #3b4b6f;border-radius:8px;width:26px;height:26px}.rooms-tasks li.done span{color:#6f788d;text-decoration:line-through}.rooms-tasks .delete{color:#8894aa;background:0 0;border:0}.rooms-tasks form{gap:8px;display:flex}.rooms-tasks input{color:#fff;background:#080d16;border:1px solid #2b354b;border-radius:12px;flex:1;padding:12px}@media (width<=800px){.rooms-invite{flex-wrap:wrap;align-items:stretch}.rooms-invite label{width:100%}.rooms-invite label span{display:none}.rooms-chat form{grid-template-columns:1fr}.rooms-chat form span{bottom:56px;right:10px}}.rooms-detail{width:min(720px,100%)}.rooms-detail nav{overflow-x:auto}.rooms-detail nav button{white-space:nowrap}.rooms-members,.rooms-settings{text-align:left;width:100%}.rooms-members>header{border-bottom:1px solid #252d3e;padding:0 0 14px;display:block}.rooms-members>header div{justify-content:space-between;display:flex}.rooms-members>header small{color:#778198;margin-top:6px;display:block}.rooms-members ul{gap:8px;max-height:320px;margin:0;padding:12px 0 0;list-style:none;display:grid;overflow:auto}.rooms-members li{background:#101725;border:1px solid #263149;border-radius:13px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.rooms-member-avatar{color:#9cadff;background:#1d2b54;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.rooms-members li div{gap:4px;display:grid}.rooms-members li small{color:#78849c}.rooms-members li button{color:#aeb6c8;background:0 0;border:1px solid #3d4558;border-radius:9px;padding:8px 10px}.rooms-settings{gap:14px;display:grid}.rooms-settings form{background:#101725;border:1px solid #263149;border-radius:14px;gap:12px;padding:16px;display:grid}.rooms-settings h3{margin:0 0 3px}.rooms-settings label{color:#aeb7ca;gap:6px;font-size:13px;font-weight:800;display:grid}.rooms-settings input,.rooms-settings textarea{color:#fff;background:#080d16;border:1px solid #2b354b;border-radius:10px;padding:11px}.rooms-settings textarea{resize:vertical;min-height:82px}.rooms-settings form>button{color:#e5ebff;background:#1b2a52;border:1px solid #3b528f;border-radius:10px;justify-self:start;padding:10px 14px;font-weight:800}.rooms-danger-actions{border-top:1px solid #2b3241;justify-content:space-between;padding-top:14px;display:flex}.rooms-danger-actions button{color:#aeb6c8;background:0 0;border:1px solid #3d4558;border-radius:9px;padding:9px 12px}.rooms-danger-actions button.danger{color:#ff9ba7;border-color:#6f333d}:is(.rooms-detail-content:has(.rooms-members),.rooms-detail-content:has(.rooms-settings)){text-align:left;align-content:start;place-items:stretch stretch}