.shop-lobby{--shop-lobby-accent: #00a389;--shop-lobby-background: #f3fbf7;--shop-lobby-surface: #ffffff;--shop-lobby-text: #18201f;--shop-lobby-muted: rgba(24, 32, 31, .64);--shop-lobby-subtle: rgba(24, 32, 31, .1);--shop-lobby-border: rgba(0, 163, 137, .24);--shop-lobby-shadow: rgba(0, 163, 137, .16);--shop-lobby-radius: 14px;color:var(--shop-lobby-text);container-type:inline-size;inset-block-end:20px;inset-inline-end:20px;margin:0;max-width:none;pointer-events:none;position:fixed;width:min(360px,calc(100vw - 24px));z-index:40}.shop-lobby[hidden]{display:none}.shop-lobby--empty{color:var(--shop-lobby-muted);padding:16px}.shop-lobby__launcher{align-items:center;background:var(--shop-lobby-surface);border:1px solid var(--shop-lobby-border);border-radius:999px;box-shadow:0 12px 30px var(--shop-lobby-shadow);color:var(--shop-lobby-text);cursor:pointer;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;min-height:56px;padding:8px 10px 8px 8px;pointer-events:auto;text-align:left;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease;width:100%}.shop-lobby__launcher:hover{border-color:var(--shop-lobby-accent);box-shadow:0 14px 34px var(--shop-lobby-shadow);transform:translateY(-1px)}.shop-lobby__launcher[hidden]{display:none}.shop-lobby__launcher-live{align-items:center;background:var(--shop-lobby-accent);border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:900;justify-content:center;letter-spacing:.04em;min-height:34px;min-width:44px;padding:6px 8px}.shop-lobby__launcher-copy{display:grid;gap:2px;min-width:0}.shop-lobby__launcher-title{font-size:13px;font-weight:900;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-lobby__launcher-meta{color:var(--shop-lobby-muted);font-size:11px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-lobby__launcher-staff{background:#f7fbf8;border:1px solid rgba(30,132,76,.12);border-radius:999px;color:#116334;font-size:11px;font-weight:900;padding:5px 7px;white-space:nowrap}.shop-lobby__launcher-staff[hidden]{display:none}.shop-lobby__panel{animation:shop-lobby-panel-in .18s ease both;background:var(--shop-lobby-background);border:1px solid var(--shop-lobby-border);border-radius:var(--shop-lobby-radius);box-shadow:0 18px 46px var(--shop-lobby-shadow);max-height:min(640px,calc(100vh - 88px));overflow:hidden;pointer-events:auto;transform-origin:bottom right}.shop-lobby__panel[hidden]{display:none}.shop-lobby__shell{background:linear-gradient(180deg,var(--shop-lobby-background) 0%,var(--shop-lobby-surface) 78%);display:grid;gap:12px;max-height:inherit;overflow:auto;padding:16px;position:relative}.shop-lobby--compact .shop-lobby__shell{gap:8px;padding:12px}.shop-lobby--compact .shop-lobby__entry,.shop-lobby--compact .shop-lobby__pinned,.shop-lobby--compact .shop-lobby__saved{padding:9px}.shop-lobby--compact .shop-lobby__open,.shop-lobby--compact .shop-lobby__submit,.shop-lobby--compact .shop-lobby__input{min-height:38px}.shop-lobby--compact .shop-lobby__heading h3{font-size:15px}.shop-lobby--compact .shop-lobby__entry-text,.shop-lobby--compact .shop-lobby__message-body{font-size:12px}.shop-lobby__shell:before{display:none}.shop-lobby__shell>*{position:relative;z-index:1}.shop-lobby__body{display:grid;gap:10px}.shop-lobby__header{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.shop-lobby__entry{background:var(--shop-lobby-surface);border:1px solid var(--shop-lobby-subtle);border-radius:max(8px,calc(var(--shop-lobby-radius) - 6px));box-shadow:none;display:grid;gap:10px;padding:12px}.shop-lobby__entry-text{color:var(--shop-lobby-muted);font-size:13px;line-height:1.6;margin:0}.shop-lobby__open{background:var(--shop-lobby-accent);border:1px solid var(--shop-lobby-accent);border-radius:max(8px,calc(var(--shop-lobby-radius) - 7px));box-shadow:0 8px 18px var(--shop-lobby-shadow);color:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:900;min-height:44px;padding:10px 16px;transition:box-shadow .14s ease,transform .14s ease;width:100%}.shop-lobby__open:hover{box-shadow:0 10px 20px var(--shop-lobby-shadow);filter:brightness(.97);transform:translateY(-1px)}.shop-lobby__live{background:var(--shop-lobby-accent);border-radius:999px;box-shadow:0 7px 14px var(--shop-lobby-shadow);color:#fff;flex:0 0 auto;font-size:11px;font-weight:900;letter-spacing:.04em;padding:5px 8px}.shop-lobby__heading{flex:1 1 min(220px,100%);min-width:0}.shop-lobby__staff-presence{background:#f7fbf8;border:1px solid rgba(30,132,76,.12);border-radius:999px;color:#116334;flex:0 0 auto;font-size:12px;font-weight:900;margin-left:auto;min-height:30px;padding:6px 10px}.shop-lobby__staff-presence[hidden]{display:none}.shop-lobby__close{align-items:center;background:var(--shop-lobby-surface);border:1px solid var(--shop-lobby-subtle);border-radius:999px;color:var(--shop-lobby-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:20px;font-weight:700;height:32px;justify-content:center;line-height:1;margin-left:auto;padding:0;width:32px}.shop-lobby__close:hover{border-color:var(--shop-lobby-border);color:var(--shop-lobby-text)}.shop-lobby__heading h3{font-size:16px;letter-spacing:0;line-height:1.35;margin:0 0 6px}.shop-lobby__heading p{color:var(--shop-lobby-muted);display:none;font-size:13px;line-height:1.55;margin:0}.shop-lobby__meta,.shop-lobby__quick-note,.shop-lobby__prompt-list{display:flex;flex-wrap:wrap;gap:8px}.shop-lobby__meta span{background:var(--shop-lobby-surface);border:1px solid var(--shop-lobby-subtle);border-radius:999px;box-shadow:none;color:inherit;font:inherit;font-size:12px;min-height:32px;padding:6px 10px}.shop-lobby__staff{background:var(--shop-lobby-surface);border:1px solid var(--shop-lobby-subtle);border-radius:max(8px,calc(var(--shop-lobby-radius) - 8px));color:var(--shop-lobby-muted);font-size:13px;line-height:1.6;padding:12px}.shop-lobby__pinned{background:var(--shop-lobby-surface);border:1px solid var(--shop-lobby-border);border-radius:max(8px,calc(var(--shop-lobby-radius) - 6px));box-shadow:none;display:grid;gap:8px;padding:12px}.shop-lobby__pinned[hidden]{display:none}.shop-lobby__pinned-label{color:var(--shop-lobby-accent);font-size:12px;font-weight:900}.shop-lobby__saved{background:var(--shop-lobby-surface);border:1px solid var(--shop-lobby-border);border-radius:max(8px,calc(var(--shop-lobby-radius) - 6px));display:grid;gap:6px;padding:10px}.shop-lobby__saved-label{color:var(--shop-lobby-accent);font-size:12px;font-weight:900}.shop-lobby__pinned-item,.shop-lobby__saved-item{display:grid;gap:3px}.shop-lobby__prompt{background:var(--shop-lobby-surface);border:1px solid var(--shop-lobby-subtle);border-radius:999px;color:var(--shop-lobby-muted);cursor:pointer;font:inherit;font-size:12px;font-weight:800;min-height:32px;padding:6px 10px}.shop-lobby__prompt:hover{background:var(--shop-lobby-background);border-color:var(--shop-lobby-border)}.shop-lobby__messages{display:grid;gap:10px;list-style:none;margin:0;max-height:260px;overflow:auto;padding:2px 0}.shop-lobby__message,.shop-lobby__empty{animation:shop-lobby-message-in .22s ease both;background:var(--shop-lobby-surface);border:1px solid var(--shop-lobby-subtle);border-radius:max(8px,calc(var(--shop-lobby-radius) - 4px));box-shadow:none;display:grid;gap:3px;justify-self:start;max-width:min(82%,520px);padding:10px 12px;width:fit-content}.shop-lobby__message--reaction{display:none}.shop-lobby__message--staff_reply{background:var(--shop-lobby-background);border-color:var(--shop-lobby-border)}.shop-lobby__message--mine{background:var(--shop-lobby-accent);border-color:var(--shop-lobby-accent);border-radius:max(8px,calc(var(--shop-lobby-radius) - 4px));color:#fff;justify-self:end}.shop-lobby__message-meta{color:var(--shop-lobby-muted);font-size:11px;font-weight:800}.shop-lobby__message--mine .shop-lobby__message-meta{color:#ffffffad}.shop-lobby__message-body,.shop-lobby__empty{color:var(--shop-lobby-text);font-size:13px;line-height:1.5}.shop-lobby__message--mine .shop-lobby__message-body{color:#fff}.shop-lobby__composer{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.shop-lobby__visibility-note{color:var(--shop-lobby-muted);font-size:11px;line-height:1.5;margin:-2px 0 0}.shop-lobby__nickname,.shop-lobby__input{background:var(--shop-lobby-surface);border:1px solid var(--shop-lobby-subtle);border-radius:max(8px,calc(var(--shop-lobby-radius) - 7px));color:inherit;font:inherit;font-size:13px;min-height:42px;min-width:0;padding:9px 11px}.shop-lobby__nickname:focus,.shop-lobby__input:focus{border-color:var(--shop-lobby-accent);outline:3px solid var(--shop-lobby-shadow)}.shop-lobby__submit{background:var(--shop-lobby-accent);border:1px solid var(--shop-lobby-accent);border-radius:max(8px,calc(var(--shop-lobby-radius) - 7px));box-shadow:none;color:#fff;cursor:pointer;font:inherit;font-size:13px;font-weight:800;min-height:42px;padding:9px 14px;transition:background .14s ease,transform .14s ease}.shop-lobby__submit:hover{filter:brightness(.97);transform:translateY(-1px)}.shop-lobby__notice{animation:shop-lobby-notice-in .22s ease both;align-items:center;background:var(--shop-lobby-text);border-radius:999px;box-shadow:0 14px 30px var(--shop-lobby-shadow);color:#fff;display:flex;font-size:13px;font-weight:800;gap:8px;justify-self:start;line-height:1.4;max-width:100%;padding:9px 13px}.shop-lobby__notice:before{background:#ffd666;border-radius:999px;content:"";flex:0 0 auto;height:9px;width:9px}.shop-lobby__notice[hidden]{display:none}.shop-lobby__submit:disabled{cursor:not-allowed;opacity:.52}@container (max-width: 520px){.shop-lobby__composer{grid-template-columns:1fr}}@keyframes shop-lobby-message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shop-lobby-notice-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shop-lobby-panel-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.shop-lobby__message,.shop-lobby__empty,.shop-lobby__notice,.shop-lobby__panel{animation:none}}@media screen and (max-width:560px){.shop-lobby{inset-block-end:12px;inset-inline-end:12px;width:calc(100vw - 24px)}.shop-lobby__panel{max-height:calc(100vh - 24px)}.shop-lobby__launcher{min-height:52px}.shop-lobby__launcher-staff{display:none}}