:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#09090d;color:#f2f2ef}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.09),transparent 28rem),#09090d}button,input{font:inherit}main{width:min(1180px,calc(100% - 32px));margin:0 auto;min-height:100dvh;padding-bottom:64px}header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #23232b}header>div,.header-actions{display:flex;align-items:center;gap:10px}.logo{position:relative;width:34px;height:34px;display:block;border:2px solid #ec4899;border-left-color:#8b5cf6;border-right-color:#f97316;border-radius:999px}.logo i,.logo b,.logo em,.logo u{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff7ed}.logo i{left:3px;top:-8px}.logo b{right:3px;top:-8px}.logo em{left:3px;bottom:-8px}.logo u{right:3px;bottom:-8px}.env,.hero p,.auth-card p,article small,article span{color:#858590;font-size:12px}.hero{padding:96px 0 70px;max-width:780px}.hero p,.auth-card p{font-weight:800;letter-spacing:.15em}.hero h1,.auth-card h1{margin:12px 0 20px;font-size:clamp(48px,8vw,92px);line-height:.95;letter-spacing:-.06em}.hero>span,.auth-card>span{color:#9e9ea7;line-height:1.6}.auth-card{width:min(620px,100%);padding:96px 0}.auth-card form{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:26px}input{min-width:0;height:50px;padding:0 14px;border:1px solid #2c2c37;border-radius:12px;outline:0;background:#0f0f15;color:#f2f2ef}input:focus{border-color:#69697a}button{min-height:44px;padding:0 15px;border:0;border-radius:11px;background:#f2f2ef;color:#09090d;font-weight:850;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}.ghost{border:1px solid #2b2b35;background:transparent;color:#bdbdc5}.compact{min-height:34px;padding-inline:11px;font-size:11px}.error{display:block;margin-top:16px;color:#ff938d;font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}article{min-height:220px;padding:24px;border:1px solid #23232b;border-radius:20px;background:#0f0f15;display:flex;flex-direction:column}article strong{margin:auto 0 12px;font-size:clamp(30px,5vw,50px);letter-spacing:-.05em;overflow-wrap:anywhere}@media(max-width:760px){header{height:72px}.env{display:none}.auth-card{padding-top:64px}.auth-card form,.grid{grid-template-columns:1fr}}.users-panel{margin-top:54px;padding-top:28px;border-top:1px solid #23232b}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-head small{color:#858590;font-size:10px;font-weight:850;letter-spacing:.13em}.section-head h2{margin:7px 0 0;font-size:30px;letter-spacing:-.04em}.muted{color:#858590;font-size:12px}.user-list{display:grid;gap:8px}.user-row{min-height:84px;display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr) auto;gap:16px;align-items:center;padding:14px 16px}.user-identity strong,.user-identity span{display:block}.user-identity strong{font-size:15px;letter-spacing:-.015em}.user-identity span{margin-top:4px;color:#858590;font-size:11px}.user-meta{display:flex;gap:6px;flex-wrap:wrap}.user-meta span,.user-meta b{padding:6px 8px;border-radius:999px;background:#17171f;color:#9e9ea7;font-size:9px;font-weight:850;letter-spacing:.05em}.user-meta b{background:#b6f46e14;color:#b6f46e}button.danger{border:1px solid rgba(255,147,141,.24);background:transparent;color:#ff938d}@media(max-width:760px){.section-head{align-items:flex-start}.user-row{grid-template-columns:1fr}.user-row button{width:100%}}.rooms-panel{margin-top:54px;padding-top:28px;border-top:1px solid #23232b}.room-list{display:grid;gap:8px}.room-row{min-height:82px;display:grid;grid-template-columns:minmax(120px,.7fr) minmax(220px,1.2fr) minmax(180px,1fr);gap:16px;align-items:center;padding:14px 16px}.room-row>div:first-child strong,.room-row>div:first-child span,.room-owner span,.room-owner small{display:block}.room-row>div:first-child strong{font:850 19px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.room-row>div:first-child span,.room-owner span,.room-owner small{margin-top:5px;color:#858590;font-size:10px}.room-metrics{display:flex;gap:6px;flex-wrap:wrap}.room-metrics span{padding:6px 8px;border-radius:999px;background:#17171f;color:#9e9ea7;font-size:9px;font-weight:800}.room-metrics b{color:#f2f2ef}@media(max-width:760px){.room-row{grid-template-columns:1fr}}
