.app-shell{color:#050505;background:linear-gradient(#f7f7f8f0,#fff0 240px),#fff;min-height:100vh}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#ffffffeb;border-bottom:1px solid #e3e3e6;justify-content:space-between;align-items:center;height:66px;padding:0 32px;display:flex;position:sticky;top:0}.brand{letter-spacing:0;align-items:center;gap:12px;font-size:24px;font-weight:780;line-height:1;display:inline-flex}.brand-button{color:inherit;background:0 0;border:0;padding:0}.brand-mark{border:2px solid #050505;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.top-actions{align-items:center;gap:18px;display:flex}.channel-badge{color:#1d1d1f;background:#fff;border:1px solid #d8d8dc;border-radius:8px;align-items:center;gap:9px;max-width:250px;height:42px;padding:0 12px;font-size:15px;font-weight:700;display:inline-flex}.channel-badge span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.channel-badge svg:last-child{color:#74747b}.channel-select{color:#1d1d1f;background:#fff;border:1px solid #d8d8dc;border-radius:8px;align-items:center;gap:10px;height:42px;padding:0 12px;display:inline-flex}.channel-select select{appearance:none;color:#1d1d1f;background:0 0;border:0;outline:0;min-width:112px;font-size:15px;font-weight:650}.connection{color:#333338;align-items:center;gap:8px;font-size:14px;font-weight:620;display:inline-flex}.dot,.online-dot{background:#17a966;border-radius:50%;flex:none;width:8px;height:8px}.dot.warn{background:#f0a000}.ghost-button,.avatar-button,.section-title button{color:#1d1d1f;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;font-size:15px;font-weight:650;display:inline-flex}.ghost-button{padding:0 8px}.ghost-button:hover,.section-title button:hover{background:#f3f3f5}.avatar-button{background:#f0f0f2;width:40px;font-size:14px}.mobile-address{display:none}.lobby{width:min(1180px,100vw - 64px);margin:0 auto;padding:76px 0 92px}.lobby-copy{max-width:780px;margin-bottom:34px}.eyebrow{color:#55555c;border:1px solid #d8d8dc;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:13px;font-weight:760;display:inline-flex}.lobby-copy h1{letter-spacing:0;margin:18px 0;font-size:64px;font-weight:840;line-height:1.02}.lobby-copy p{color:#4b4b52;margin:0;font-size:20px;font-weight:560;line-height:1.55}.lobby-grid{grid-template-columns:1.05fr 1fr 1fr;align-items:stretch;gap:18px;display:grid}.lobby-panel{background:#fff;border:1px solid #dedee3;border-radius:8px;flex-direction:column;justify-content:space-between;gap:22px;min-height:322px;padding:24px;display:flex;box-shadow:0 18px 42px #0000000f}.public-panel{background:linear-gradient(#fbfdff,#fff 64%),#fff}.panel-head{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:15px;display:grid}.panel-head>span{color:#0a66ff;background:#eef4ff;border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.panel-head h2{color:#111114;margin:0 0 7px;font-size:22px;font-weight:800;line-height:1.2}.panel-head p{color:#6b6b73;margin:0;font-size:15px;font-weight:560;line-height:1.45}.form-stack{flex-direction:column;gap:16px;display:flex}.segmented-control{background:#fff;border:1px solid #d8d8dc;border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.segmented-control button{color:#55555d;background:#fff;border:0;border-right:1px solid #d8d8dc;justify-content:center;align-items:center;gap:7px;height:44px;font-size:15px;font-weight:760;display:inline-flex}.segmented-control button:last-child{border-right:0}.segmented-control button.active{color:#0a66ff;background:#eef4ff}.field-label{gap:8px;display:grid}.field-label span{color:#55555d;font-size:13px;font-weight:760}.text-field{color:#111114;background:#fff;border:1px solid #d8d8dc;border-radius:8px;outline:0;width:100%;height:48px;padding:0 13px;font-size:16px;font-weight:620}.text-field:focus{border-color:#0a66ff;box-shadow:0 0 0 3px #0a66ff1f}.form-action,.secondary-action{border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-size:16px;font-weight:780;display:inline-flex}.form-action{color:#fff;background:#0a66ff;border:0}.form-action:hover{background:#005cf0}.secondary-action{color:#1d1d1f;background:#fff;border:1px solid #d8d8dc}.secondary-action:hover{background:#f3f3f5}.gate-panel{place-items:center;min-height:calc(100vh - 66px);padding:48px 24px;display:grid}.gate-card{background:#fff;border:1px solid #dedee3;border-radius:8px;width:min(470px,100%);padding:30px;box-shadow:0 22px 54px #00000014}.gate-icon{color:#0a66ff;background:#eef4ff;border-radius:8px;place-items:center;width:62px;height:62px;margin-bottom:18px;display:grid}.gate-card h1{margin:0 0 10px;font-size:36px;font-weight:830;line-height:1.15}.gate-card p{color:#616169;margin:0 0 24px;font-size:16px;font-weight:560;line-height:1.5}.gate-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.workspace{background:#fff;grid-template-columns:minmax(0,1fr) 386px;align-items:start;min-height:calc(100vh - 66px);display:grid}.main-column{gap:18px;min-width:0;padding:30px;display:grid}.command-panel,.invite-panel,.online-panel,.request-panel,.history-panel,.stats-panel,.owner-panel{background:#fff;border:1px solid #e0e2e7;border-radius:8px}.command-panel{border-color:#d7dde7;padding:28px;box-shadow:0 18px 46px #14284612}.command-head{grid-template-columns:minmax(0,1fr) 178px;align-items:start;gap:24px;margin-bottom:28px;display:grid}.channel-meta-line{color:#6c717a;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;font-weight:680;display:flex}.access-chip{color:#0b6b70;background:#f8fafc;border:1px solid #d4dbe7;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 10px;display:inline-flex}.command-panel h1{color:#101014;letter-spacing:0;margin:0 0 10px;font-size:44px;font-weight:850;line-height:1.08}.command-panel p{color:#595f69;max-width:660px;margin:0;font-size:17px;font-weight:570;line-height:1.5}.last-break{background:#fafbfc;border:1px solid #e2e5ea;border-radius:8px;align-content:center;gap:8px;min-height:112px;padding:18px;display:grid}.last-break span{color:#757b84;font-size:13px;font-weight:720}.last-break strong{color:#101014;font-size:28px;font-weight:820;line-height:1.08}.composer-grid{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.primary-action{color:#fff;background:#087f83;border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;max-width:100%;min-height:66px;padding:0 20px;font-size:22px;font-weight:820;display:inline-flex;box-shadow:0 16px 34px #087f8338}.primary-action:hover{background:#056c70}.primary-action:disabled{opacity:.72}.mini-metrics{background:#fbfcfd;border:1px solid #e0e2e7;border-radius:8px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.mini-metrics div{border-right:1px solid #e0e2e7;align-content:center;gap:5px;min-width:0;min-height:66px;padding:12px 15px;display:grid}.mini-metrics div:last-child{border-right:0}.mini-metrics span{color:#747a83;font-size:12px;font-weight:730}.mini-metrics strong{color:#111114;font-size:20px;font-weight:820;line-height:1.1}.side-rail{background:#fafafa;border-left:1px solid #e3e3e6;grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;min-height:calc(100vh - 66px);padding:24px;display:grid}.invite-panel,.online-panel,.request-panel,.history-panel,.stats-panel,.owner-panel{padding:22px}.invite-panel{background:linear-gradient(#f8fcfc,#fff 72%);border-color:#cbd8df}.panel-note{color:#626972;margin:-4px 0 16px;font-size:14px;font-weight:560;line-height:1.45}.share-stack{gap:8px;display:grid}.share-button{color:#272b31;background:#fff;border:1px solid #d8dbe1;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 12px;font-size:14px;font-weight:760;display:inline-flex}.share-button:hover{background:#f4f7f8;border-color:#c8d0d7}.share-button.strong{color:#fff;background:#087f83;border-color:#087f83}.share-button.strong:hover{background:#056c70}.share-button:disabled{opacity:.55}.qr-box{gap:10px;margin-top:14px;display:grid}.qr-box img,.qr-placeholder{background:#fff;border:1px solid #dfe2e7;border-radius:8px;justify-self:center;width:132px;height:132px}.qr-placeholder{color:#8b929a;place-items:center;display:grid}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-title h2{margin:0;font-size:20px;font-weight:780;line-height:1.2}.section-title strong,.section-title span{color:#74747b;font-size:14px;font-weight:650}.section-title button{color:#087f83;padding:0 10px}.user-list{gap:14px;display:grid}.user-row{grid-template-columns:36px 8px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:38px;display:grid}.user-avatar{color:#3a3a40;background:#ededf0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:720;display:grid}.user-avatar.self{color:#087f83;background:#e8f6f5;box-shadow:inset 0 0 0 2px #087f83}.user-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:660;overflow:hidden}.user-row em{color:#74747b;font-size:13px;font-style:normal}.self-tools{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.self-tools button{color:#333338;background:#fff;border:1px solid #d9d9de;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:38px;font-size:14px;font-weight:720;display:inline-flex}.self-tools button:hover{background:#f3f3f5}.self-tools button:disabled{opacity:.68}.owner-panel{gap:10px;display:grid}.owner-panel .section-title{margin-bottom:4px}.owner-panel .section-title svg{color:#087f83}.owner-panel button{color:#272b31;background:#fff;border:1px solid #d8dbe1;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:14px;font-weight:760;display:inline-flex}.owner-panel button:hover{background:#f4f7f8}.owner-panel p{color:#747a83;margin:0;font-size:13px;font-weight:560;line-height:1.45}.main-request{min-height:188px}.request-card{background:#fff;border:1px solid #b7d4d2;border-radius:8px;padding:20px;box-shadow:0 14px 40px #087f8314}.request-copy{color:#1d1d1f;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.request-copy p{margin:0 0 5px;font-size:15px;font-weight:720}.request-copy span,.request-copy time{color:#7a7a82;font-size:13px;font-weight:550}.response-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.response-grid button{color:#333338;background:#fff;border:1px solid #d9d9de;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:43px;font-size:14px;font-weight:720;display:inline-flex}.response-grid button.selected{color:#087f83;background:#f0faf9;border-color:#087f83}.response-grid button.selected.muted{color:#4e4e55;background:#f5f5f6;border-color:#a6a6ad}.empty-request{color:#8d8d94;text-align:center;background:#fff;border:1px solid #e3e3e6;border-radius:8px;place-items:center;min-height:118px;display:grid}.empty-request p{margin:8px 0 0;font-size:14px;font-weight:650}.history-panel{min-width:0}.history-table{width:100%}.history-head,.history-row{grid-template-columns:130px minmax(120px,1fr) 110px 120px 24px;align-items:center;gap:16px;display:grid}.history-head{color:#7a7a82;border-bottom:1px solid #e4e4e8;min-height:40px;font-size:13px;font-weight:650}.history-row{color:#3b3b41;border-bottom:1px solid #ededf0;min-height:49px;font-size:15px}.history-row strong{color:#111114;font-weight:650}.status{align-items:center;gap:7px;font-weight:700;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.status.active{color:#087f83}.status.done{color:#17a966}.history-empty{color:#8d8d94;place-items:center;min-height:130px;font-size:14px;font-weight:650;display:grid}.stats-panel{min-width:0}.metric-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;display:grid}.metric-grid div{min-height:82px}.metric-grid span,.metric-grid p{color:#7a7a82;margin:0;font-size:14px;font-weight:610;display:block}.metric-grid strong{color:#050505;margin:6px 0 8px;font-size:28px;font-weight:800;line-height:1.1;display:block}.rank-list h3{margin:0 0 12px;font-size:17px;font-weight:760}.rank-row{grid-template-columns:22px minmax(80px,1fr) 48px minmax(80px,1fr);align-items:center;gap:12px;min-height:34px;font-size:14px;display:grid}.rank-row span,.rank-row em{color:#6f6f76;font-style:normal;font-weight:650}.rank-row strong{font-weight:660}.rank-row i{background:#087f83;border-radius:999px;height:3px;display:block}.muted-line{color:#8d8d94;font-size:14px}.mobile-summary{display:none}.loading-cover{pointer-events:none;color:#087f83;background:#ffffff57;place-items:center;display:grid;position:fixed;inset:66px 0 0}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:30;background:#fffffff5;border:1px solid #d7d7dc;border-radius:8px;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;width:min(400px,100vw - 32px);min-height:88px;padding:16px;display:grid;position:fixed;bottom:32px;right:38px;box-shadow:0 22px 55px #00000029}.toast span{color:#fff;background:#087f83;border-radius:8px;place-items:center;width:50px;height:50px;display:grid}.toast p{margin:0;font-size:15px;font-weight:680}.toast button{color:#777780;background:0 0;border:0;font-size:13px;font-weight:650}@media (width<=960px){.app-shell{background:#fff;padding-bottom:88px}.topbar{border-top:1px solid #d7d7dc;align-items:center;height:108px;padding:0 22px;position:relative}.brand{font-size:28px}.brand-mark,.connection,.avatar-button{display:none}.top-actions{gap:12px}.channel-badge{background:0 0;border:0;max-width:168px;padding:0;font-size:17px}.lobby-button{display:none}.channel-select{background:0 0;border:0;height:44px;padding:0}.channel-select svg:first-child{display:none}.channel-select select{text-align:right;min-width:104px;font-size:18px}.ghost-button{color:#087f83;height:44px;font-size:18px}.mobile-address{background:#fff;place-items:center;height:72px;padding:10px 18px;display:grid}.mobile-address span{color:#1d1d1f;text-overflow:ellipsis;white-space:nowrap;background:#f0f0f2;border-radius:8px;place-items:center;width:100%;height:48px;font-size:16px;font-weight:650;display:grid;overflow:hidden}.lobby{width:100%;padding:32px 20px 120px}.lobby-copy{margin-bottom:26px}.lobby-copy h1{font-size:43px;line-height:1.08}.lobby-copy p{font-size:17px}.lobby-grid{grid-template-columns:1fr;gap:14px}.lobby-panel{min-height:0;box-shadow:none;padding:22px}.gate-panel{min-height:calc(100vh - 108px);padding:28px 20px 120px}.gate-card{box-shadow:none;padding:24px}.gate-card h1{font-size:31px}.gate-actions{grid-template-columns:1fr}.workspace{grid-template-columns:1fr;width:100dvw;max-width:100dvw;min-height:0;display:grid;overflow-x:clip}.main-column{gap:14px;width:100dvw;max-width:100dvw;padding:18px 18px 0}.command-panel,.invite-panel,.online-panel,.request-panel,.history-panel,.stats-panel,.owner-panel{box-shadow:none;padding:20px}.command-head{grid-template-columns:1fr;gap:14px;margin-bottom:18px}.command-panel h1{font-size:32px;line-height:1.12}.command-panel p{font-size:15px}.last-break{min-height:76px;padding:14px}.last-break strong{font-size:24px}.composer-grid{grid-template-columns:1fr;gap:12px}.primary-action{width:100%;min-height:66px;font-size:22px}.mini-metrics div{padding:11px 12px}.mini-metrics strong{font-size:18px}.side-rail{background:#fff;border:0;gap:14px;width:100dvw;max-width:100dvw;min-height:0;padding:14px 18px 28px}.qr-box img,.qr-placeholder{width:124px;height:124px}.section-title h2{font-size:20px}.request-card{box-shadow:none;border-color:#dfdfe4;padding:22px}.request-copy{grid-template-columns:54px minmax(0,1fr) auto;align-items:center}.request-copy svg{color:#087f83;border:2px solid #087f83;border-radius:50%;width:46px;height:46px;padding:9px}.request-copy p{font-size:21px;line-height:1.25}.request-copy span,.request-copy time{font-size:17px}.response-grid{border:1px solid #d9d9de;border-radius:8px;gap:0;overflow:hidden}.response-grid button{border:0;border-right:1px solid #d9d9de;border-radius:0;height:62px;font-size:19px}.response-grid button:last-child{border-right:0}.user-list{gap:16px;padding:4px 0 8px;display:flex;overflow-x:auto}.self-tools{border:1px solid #d9d9de;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:0;overflow:hidden}.self-tools button{border:0;border-right:1px solid #d9d9de;border-radius:0;min-height:54px;font-size:15px;line-height:1.2}.self-tools button:last-child{border-right:0}.user-row{grid-template-columns:58px;justify-items:center;gap:0;min-width:58px;display:grid}.user-avatar{width:56px;height:56px;font-size:20px}.user-row .online-dot{width:11px;height:11px;margin-top:-12px;margin-left:34px;position:relative;box-shadow:0 0 0 3px #fff}.user-row strong,.user-row em{display:none}.history-panel .section-title,.history-table{width:100%;min-width:0}.history-head{display:none}.history-row{grid-template-columns:minmax(0,1fr) auto 22px;gap:12px;min-height:58px;font-size:20px}.history-row span:first-child,.history-row .status{display:none}.history-row span:nth-child(4){color:#7a7a82;font-size:18px}.stats-panel{background:#fff;width:100%;min-width:0}.rank-list{display:none}.metric-grid{grid-template-columns:1fr 1fr;margin-bottom:0;display:grid}.mobile-summary{display:none}.loading-cover{inset:0}.toast{width:auto;bottom:96px;left:16px;right:16px}}@media (width<=480px){.topbar{padding:0 22px}.brand{font-size:26px}.ghost-button,.channel-select select,.channel-badge{font-size:17px}.top-actions{gap:10px}.channel-badge{max-width:144px}.lobby-copy h1{font-size:38px}.panel-head{grid-template-columns:42px minmax(0,1fr)}.panel-head>span{width:42px;height:42px}.panel-head h2{font-size:20px}.command-panel h1{font-size:29px}.channel-meta-line{font-size:12px}.mini-metrics{grid-template-columns:1fr}.mini-metrics div{border-bottom:1px solid #e0e2e7;border-right:0;min-height:52px}.mini-metrics div:last-child{border-bottom:0}.primary-action{font-size:20px}.request-copy p{font-size:19px}.response-grid button{font-size:17px}}:root{color:#050505;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;background:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#fff;min-width:320px}body{word-break:keep-all;background:#fff;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:not-allowed}a{color:inherit}