:root{--bg: #07111f;--bg-deep: #030812;--panel: rgba(9, 19, 34, .76);--text: #f5f1e8;--muted: #98adc3;--line: rgba(165, 198, 227, .14);--accent: #f4c66d;--accent-strong: #ff9b54;--cyan: #8ddde0;--green: #9ee7b1;--danger: #ff7c7c;--shadow: 0 24px 80px rgba(0, 0, 0, .38);--radius-xl: 28px;--radius-lg: 20px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 15% 20%,rgba(244,198,109,.16),transparent 0 28%),radial-gradient(circle at 85% 15%,rgba(125,226,225,.14),transparent 0 24%),linear-gradient(145deg,#07111f,#050b15 46%,#02050d);font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit}.app-shell{position:relative;min-height:100vh;padding:28px;overflow:hidden}.ambient{position:absolute;width:340px;height:340px;border-radius:999px;filter:blur(70px);opacity:.45;pointer-events:none}.ambient-left{top:-80px;left:-90px;background:#f4c66d38}.ambient-right{top:120px;right:-80px;background:#7ca8ff33}.glass-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 34%),var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.app-header{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:18px;align-items:stretch}.brand-panel,.identity-panel,.lobby-feature,.catalog-card,.room-hero,.dossier-card,.pulse-card,.transcript-panel,.roster-card,.event-card{padding:24px}.brand-panel{background:radial-gradient(circle at top left,rgba(244,198,109,.18),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 40%),#07111f99;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08)}.brand-kicker,.section-label,.mini-label{text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--cyan)}.brand-panel h1,.room-hero h2,.lobby-feature h2,.catalog-card h2,.transcript-header h3,.roster-card h3,.event-card h3,.dossier-card h3{margin:10px 0;font-family:Iowan Old Style,"Noto Serif SC",STSong,serif;letter-spacing:.02em}.brand-panel h1{font-size:clamp(34px,5vw,56px)}.brand-panel p,.lobby-feature p,.room-opening,.selected-soup-card p,.dossier-card p,.solution-panel p,.soup-card p{margin:0;line-height:1.7;color:var(--muted)}.identity-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.identity-row,.selected-soup-top,.catalog-head,.transcript-header,.progress-head,.player-name-line,.composer-footer{display:flex;justify-content:space-between;gap:12px}.identity-row,.composer-footer{align-items:center}.selected-soup-top,.catalog-head,.transcript-header{align-items:flex-start}.identity-input,.composer-input{width:100%;border:1px solid rgba(255,255,255,.08);background:#040c17d1;color:var(--text);border-radius:16px;outline:none;transition:border-color .2s ease,transform .2s ease}.identity-input{min-height:48px;padding:0 16px}.identity-input:focus,.composer-input:focus{border-color:#f4c66d80;transform:translateY(-1px)}.identity-meta,.catalog-meta,.composer-hint,.event-time,.bubble-meta,.player-meta,.room-hero-meta,.share-link,.app-footer,.lobby-note{color:var(--muted);font-size:13px}.identity-meta{margin-top:10px}.app-main{position:relative;z-index:1;margin-top:20px}.lobby-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.selected-soup-card,.solution-panel,.composer-card,.stat-box,.player-row,.event-row,.soup-card{background:#040c17b8;border:1px solid rgba(255,255,255,.06)}.selected-soup-card,.solution-panel,.composer-card{margin-top:18px;padding:18px;border-radius:20px}.difficulty-pill,.phase-pill,.tiny-pill,.soft-tag,.chip-button,.switch-pill,.unread-badge{border-radius:999px}.difficulty-pill,.phase-pill,.tiny-pill{padding:6px 12px;font-size:12px}.difficulty-pill{background:#8ddde01f;color:var(--cyan)}.phase-pill{display:inline-flex;width:fit-content;background:#f4c66d1f;color:var(--accent)}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.soft-tag{padding:7px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--muted)}.primary-button,.ghost-button,.chip-button,.switch-pill,.soup-card,.unread-badge{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.primary-button,.ghost-button{min-height:48px;border:none;cursor:pointer;padding:0 18px}.primary-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#20150b;box-shadow:0 16px 30px #ff9b543d}.ghost-button{background:#ffffff0a;color:var(--text);border:1px solid rgba(255,255,255,.08)}.primary-button:hover,.ghost-button:hover,.chip-button:hover,.switch-pill:hover,.soup-card:hover,.unread-badge:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled,.chip-button:disabled{opacity:.6;cursor:not-allowed}.lobby-actions{margin-top:22px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.soup-card{width:100%;padding:18px;text-align:left;color:var(--text);cursor:pointer;border-radius:22px}.soup-card.selected{border-color:#f4c66d70;box-shadow:0 14px 28px #f4c66d24}.soup-card-top,.room-hero-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.room-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:20px}.room-code{margin-top:8px;color:var(--cyan);letter-spacing:.16em;font-size:12px}.room-hero-meta{margin-top:18px}.room-hero-actions{display:flex;flex-direction:column;gap:12px;justify-content:center}.share-link{word-break:break-all}.room-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:18px;margin-top:18px}.room-column{display:flex;flex-direction:column;gap:18px}.progress-block{margin-top:18px}.progress-track{width:100%;height:12px;border-radius:999px;background:#ffffff0d;overflow:hidden;margin-top:10px}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan) 0%,var(--accent) 100%)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.stat-box{padding:16px;border-radius:18px}.stat-box span{display:block;font-size:12px;color:var(--muted)}.stat-box strong{display:block;margin-top:8px;font-size:24px}.quick-action-row{display:flex;flex-wrap:wrap;gap:10px}.chip-button,.switch-pill{padding:10px 14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);cursor:pointer}.switch-pill.active{background:#f4c66d1f;border-color:#f4c66d47;color:var(--accent)}.transcript-panel{display:flex;flex-direction:column;min-height:720px}.transcript-stream{flex:1;overflow:auto;margin-top:18px;padding-right:6px}.transcript-row{width:min(82%,760px);padding:14px 16px;margin-bottom:14px;border-radius:20px;background:#060e1ac7;border:1px solid rgba(255,255,255,.06)}.transcript-row.self{margin-left:auto;background:linear-gradient(135deg,#f4c66d2e,#ff9b5421)}.transcript-row.host{border-color:#8ddde02e}.transcript-row.system{width:100%;background:#ffffff08}.bubble-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.bubble-content{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;line-height:1.7}.verdict-chip{padding:5px 10px;border-radius:999px;font-size:12px;color:var(--accent);background:#f4c66d1f;border:1px solid rgba(244,198,109,.24)}.unread-badge{align-self:center;margin-top:12px;border:none;padding:10px 16px;background:#8ddde01f;color:var(--cyan);cursor:pointer}.composer-input{margin-top:14px;min-height:116px;resize:vertical;padding:16px}.composer-footer{margin-top:14px;align-items:flex-end}.roster-list,.event-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.player-row,.event-row{display:flex;gap:12px;padding:14px;border-radius:18px}.player-row.online{border-color:#9ee7b13d}.player-avatar{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4c66d2e,#8ddde02e);color:var(--text);font-weight:700}.player-main{min-width:0;flex:1}.player-name-line{justify-content:flex-start}.tiny-pill{background:#f4c66d1f;color:var(--accent)}.tiny-pill.muted{background:#ffffff0f;color:var(--muted)}.event-dot{width:10px;height:10px;margin-top:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px #f4c66d14}.event-message{line-height:1.6}.floating-error{position:fixed;left:50%;bottom:22px;transform:translate(-50%);padding:12px 18px;border-radius:999px;background:#ff7c7c1f;border:1px solid rgba(255,124,124,.3);color:#ffd0d0;z-index:30}.app-footer{position:relative;z-index:1;margin-top:18px;text-align:center}@media (max-width: 1180px){.room-layout{grid-template-columns:minmax(0,1fr)}.room-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.app-shell{padding:18px}.app-header,.lobby-layout,.room-hero,.catalog-grid,.room-column{grid-template-columns:minmax(0,1fr)}.transcript-panel{min-height:560px}}@media (max-width: 640px){.app-shell{padding:14px}.brand-panel,.identity-panel,.lobby-feature,.catalog-card,.room-hero,.dossier-card,.pulse-card,.transcript-panel,.roster-card,.event-card{padding:18px;border-radius:22px}.identity-row,.composer-footer,.selected-soup-top{flex-direction:column;align-items:stretch}.transcript-row{width:100%}}