:root{background:#10130f;color:#f5f7ef;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#10130f;margin:0;min-height:100vh;min-width:320px}button,input,textarea{font:inherit}button{border:0}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);min-height:100vh}.side-panel{background:#f5f7ef09;border-left:1px solid rgba(245,247,239,.1);display:flex;flex-direction:column;gap:18px;grid-column:2;grid-row:1;height:100vh;overflow:auto;padding:22px}.brand{align-items:center;display:flex;gap:12px}.brand.compact{min-width:0}.brand.compact span,.brand.compact strong{display:block}.brand.compact span{font-size:.82rem;margin-top:2px}.brand-mark{background:#2dd4bf;border-radius:8px;color:#10130f;display:grid;font-weight:800;height:42px;place-items:center;width:42px}.brand h1,.chat-header h2,.setup h2{letter-spacing:0;margin:0}.brand h1{font-size:1.35rem}.muted{color:#f5f7efad}.setup{display:grid;gap:14px}.profile-settings{background:#f5f7ef0a;border:1px solid rgba(245,247,239,.1);border-radius:10px;padding:12px}.bottle-panel__writer summary,.profile-settings summary{color:#f5f7ef;cursor:pointer;font-weight:800}.bottle-panel__writer[open] summary,.profile-settings[open] summary{margin-bottom:14px}.profile-settings__actions,.status-actions{margin-top:4px}.profile-card{align-items:center;background:#f5f7ef0d;border:1px solid rgba(245,247,239,.12);border-radius:12px;display:flex;gap:12px;padding:14px}.profile-avatar{border-radius:50%;color:#10130f;display:grid;font-weight:800;height:46px;place-items:center;width:46px}.profile-copy{display:grid;gap:4px}.field{display:grid;gap:8px}.field span{color:#f5f7efb8;font-size:.9rem}.composer textarea,.field input,.field textarea{background:#f5f7ef12;border:1px solid rgba(245,247,239,.14);border-radius:8px;color:#f5f7ef;outline:none;width:100%}.field input{height:44px;padding:0 12px}.field textarea{min-height:96px;padding:12px;resize:vertical}.composer textarea{max-height:150px;min-height:54px;padding:12px;resize:vertical}.composer textarea:focus,.field input:focus,.field textarea:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf24}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{align-items:center;background:#f5f7ef;border-radius:8px;color:#10130f;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:42px;padding:0 14px}.button.primary{background:#2dd4bf}.button.ghost{background:#f5f7ef0f;border:1px solid rgba(245,247,239,.16);color:#f5f7ef}.button.danger{background:#ef4444;color:#fff5f5}.button:disabled{cursor:not-allowed;opacity:.56}.status-box{background:#f5f7ef0f;border:1px solid rgba(245,247,239,.12);border-radius:10px;padding:14px}.room-tools{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:14px 28px 0}.room-tool-copy{display:grid;gap:4px}.chat-mode-tabs{align-self:start;background:#f5f7ef0e;border:1px solid rgba(245,247,239,.12);border-radius:999px;display:flex;height:48px;justify-self:center;padding:4px;width:min(360px,calc(100% - 40px))}.chat-mode-tab{background:transparent;border-radius:999px;color:#f5f7efb8;cursor:pointer;flex:1;height:38px;min-width:0;text-align:center;transition:color .16s ease,background .16s ease}.chat-mode-tab span{font-weight:800}.chat-mode-tab.active{background:#5eead4;color:#082f2b}.bottle-panel{align-self:start;background:#f5f7ef0f;border:1px solid rgba(245,247,239,.12);border-radius:16px;display:grid;gap:16px;justify-self:center;margin:34px 0 16px;padding:20px;width:min(560px,calc(100% - 40px))}.bottle-panel__writer{background:#10130f47;border:1px solid rgba(245,247,239,.1);border-radius:10px;display:grid;gap:12px;padding:12px}.bottle-panel__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.bottle-panel__header h3,.bottle-panel__header p{margin:0}.bottle-panel__status{background:#2dd4bf24;border-radius:999px;color:#99f6e4;font-size:.8rem;padding:6px 10px}.bottle-card{background:#f5f7ef0f;border:1px solid rgba(245,247,239,.12);border-radius:12px;display:grid;gap:10px;padding:14px}.bottle-card__meta{display:flex;gap:12px;justify-content:space-between}.composer-hint,.status-meta{color:#f5f7efb3;display:flex;flex-wrap:wrap;font-size:.88rem;gap:10px;margin-top:8px}.status-box strong{display:block;margin-bottom:6px}.chat-area{background:radial-gradient(circle at 50% 0,rgba(45,212,191,.14),transparent 34%),linear-gradient(180deg,rgba(245,247,239,.035),transparent 280px);display:grid;grid-column:1;grid-row:1;grid-template-rows:auto auto minmax(0,1fr) auto auto;min-height:100vh;min-width:0;position:relative}.mobile-profile-card,.mobile-topbar{display:none}.chat-header{display:grid;gap:16px;justify-items:center;padding:56px 28px 22px;text-align:center}.chat-header h2{font-size:clamp(2.4rem,7vw,5.4rem);line-height:.98}.chat-header .muted{font-size:1rem;max-width:520px}.messages{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto;padding:28px}.empty-state{display:grid;height:100%;padding:44px 28px 28px;place-items:start center;text-align:center}.empty-state div{max-width:430px}.match-lobby{align-content:start}.match-lobby__content{display:grid;gap:18px;justify-items:center}.match-lobby__badge{background:#2dd4bf1f;border:1px solid rgba(45,212,191,.3);border-radius:999px;color:#99f6e4;font-size:.82rem;font-weight:800;justify-self:center;padding:6px 10px}.match-lobby__actions{justify-content:center}.empty-state h2{font-size:clamp(1.6rem,4vw,2.8rem);letter-spacing:0;margin:0 0 10px}.message{background:#f5f7ef14;border:1px solid rgba(245,247,239,.1);border-radius:8px;max-width:min(680px,86%);padding:12px 14px}.message.mine{align-self:flex-end;background:#5eead4;color:#082f2b}.message-meta{color:#f5f7ef9e;font-size:.78rem;margin-bottom:6px}.message.mine .message-meta{color:#082f2bb3}.message-body{overflow-wrap:anywhere;white-space:pre-wrap}.composer{border-top:1px solid rgba(245,247,239,.1);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:18px 28px 24px}.report-dialog{background:#10130f;border:1px solid rgba(245,247,239,.12);border-radius:16px;box-shadow:0 28px 80px #0006;color:#f5f7ef;padding:0;width:min(520px,calc(100vw - 32px))}.report-dialog::backdrop{background:#0a0c09ad}.report-form{display:grid;gap:16px;padding:22px}.report-form h3{margin:0}.report-form select{background:#f5f7ef12;border:1px solid rgba(245,247,239,.14);border-radius:8px;color:#f5f7ef;height:44px;padding:0 12px}.report-actions{justify-content:flex-end}.composer-actions{display:flex;flex-wrap:wrap;gap:10px}.error{color:#fecaca}.error.inline{margin:0}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.chat-area{order:-1}.chat-area,.side-panel{grid-column:1;grid-row:auto}.side-panel{border-bottom:1px solid rgba(245,247,239,.12);border-left:0;border-right:0;height:auto}.chat-area{grid-template-rows:auto auto auto auto auto;min-height:100vh;min-height:100svh}.room-tools{align-items:stretch;flex-direction:column;padding:14px 18px 0}.chat-header,.composer,.messages,.side-panel{padding-left:18px;padding-right:18px}.chat-header{align-items:flex-start;padding-bottom:14px;padding-top:18px}.chat-header h2{font-size:clamp(1.9rem,9vw,2.8rem)}.mobile-topbar{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:16px 18px 0}.mobile-topbar .brand-mark{height:38px;width:38px}.mobile-profile-button{flex:0 0 auto;min-height:38px}.mobile-profile-card{background:#181d17fa;border:1px solid rgba(245,247,239,.1);border-radius:12px;box-shadow:0 18px 50px #0000005c;display:grid;gap:12px;left:18px;margin:0;padding:14px;position:absolute;right:18px;top:70px;z-index:5}.bottle-panel,.chat-mode-tabs{width:calc(100% - 36px)}.empty-state{height:auto;padding:18px 18px 32px}.match-lobby__content{gap:14px}.composer{grid-template-columns:1fr}.composer-actions,.composer-hint,.status-meta{align-items:flex-start;flex-direction:column}}