:root{color-scheme:dark;--app-bg: #1e1f22;--rail-bg: #111214;--sidebar-bg: #2b2d31;--surface: #313338;--surface-raised: #383a40;--surface-hover: #404249;--surface-active: #43464d;--border: rgba(255, 255, 255, .06);--text: #f2f3f5;--text-soft: #dbdee1;--muted: #b5bac1;--muted-strong: #949ba4;--accent: #e67e22;--accent-hover: #cf6d17;--success: #3ba55c;--warning: #faa81a;--danger: #ed4245;--shadow: 0 14px 32px rgba(0, 0, 0, .24);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:var(--app-bg);color:var(--text)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}input,select,textarea{width:100%;border:1px solid transparent;border-radius:8px;background:#1e1f22;color:var(--text);padding:.8rem .9rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:none}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh;padding:16px;background:radial-gradient(circle at top,rgba(88,101,242,.1),transparent 28%),var(--app-bg)}.workspace{display:grid;grid-template-columns:72px 280px minmax(0,1fr);gap:0;min-height:calc(100vh - 32px);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.server-rail{background:var(--rail-bg);padding:12px;display:flex;flex-direction:column;align-items:center;gap:12px}.brand-pill,.server-pill,.server-add-button{width:48px;min-width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:700;color:var(--text);background:#232428;transition:background .14s ease,border-radius .14s ease,transform .14s ease}.brand-pill{background:var(--accent);color:#fff;margin-bottom:4px;cursor:pointer}.brand-pill.active{border-radius:12px;box-shadow:0 0 0 2px var(--accent)}.workspace.main-menu-open{grid-template-columns:72px minmax(0,1fr)}.workspace.main-menu-open .channel-sidebar{display:none}.main-menu-panel{overflow-y:auto}.main-menu-layout{display:flex;flex:1;min-height:0}.main-menu-content{padding:24px 32px;flex:1;display:flex;flex-direction:column;gap:32px;overflow-y:auto}.main-menu-section h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:12px}.main-menu-name-row{display:flex;gap:8px;align-items:center}.main-menu-input{flex:1;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:var(--app-bg);color:var(--text);font-size:.92rem;outline:none}.main-menu-input:focus{border-color:var(--accent)}.main-menu-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.main-menu-avatar-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:10px;border:2px solid transparent;background:var(--surface-raised);cursor:pointer;transition:border-color .15s,background .15s}.main-menu-avatar-card:hover{background:var(--surface-hover)}.main-menu-avatar-card.selected{border-color:var(--accent);background:var(--surface-hover)}.main-menu-avatar-thumb{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:8px}.main-menu-avatar-name{font-size:.82rem;font-weight:600;color:var(--text-soft)}.main-menu-avatar-card.selected .main-menu-avatar-name{color:var(--accent)}.server-page-info{display:flex;flex-direction:column;gap:12px}.server-page-row{display:flex;gap:16px;align-items:baseline}.server-page-label{color:var(--muted-strong);font-size:.85rem;min-width:100px;flex-shrink:0}.server-page-channels{display:flex;flex-direction:column;gap:2px}.server-page-channel-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer;width:100%;transition:background .15s}.server-page-channel-row:hover{background:var(--surface-hover)}.server-page-channel-icon{color:var(--muted-strong);width:20px;text-align:center;flex-shrink:0}.server-list{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center;flex:1}.server-pill:hover,.server-add-button:hover,.brand-pill:hover{transform:translateY(-1px)}.server-pill:hover,.server-add-button:hover,.server-pill.active{background:var(--accent);border-radius:16px}.server-add-button{background:#1b3629;color:#3ba55c;font-size:1.4rem}.channel-sidebar{background:var(--sidebar-bg);display:flex;flex-direction:column;min-width:0}.sidebar-header{padding:18px 16px;border-bottom:1px solid var(--border);min-height:64px;display:flex;align-items:center}.sidebar-header-clickable{background:none;border:none;color:inherit;font:inherit;text-align:left;width:100%;cursor:pointer;border-radius:0;transition:background .15s;user-select:none;-webkit-user-select:none}.sidebar-header-clickable:hover,.sidebar-header-clickable.active{background:var(--surface-hover)}.sidebar-server-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.sidebar-server-copy h1{font-size:1rem;line-height:1.2}.sidebar-server-copy p{font-size:.86rem}.eyebrow{color:var(--muted-strong);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-scroll{flex:1;overflow:auto;padding:12px 8px 12px 12px}.channel-group{display:flex;flex-direction:column;gap:4px}.channel-group+.channel-group{margin-top:16px}.group-header,.subpanel-header,.status-strip,.button-row,.message-meta,.composer-footer,.claim-form,.sidebar-footer-actions{display:flex;align-items:center;gap:8px}.group-header{justify-content:space-between;color:var(--muted-strong);padding:0 6px 4px;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.channel-link{width:100%;border-radius:8px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:10px;padding:7px 8px;text-align:left;font-weight:600}.voice-channel-block{display:flex;flex-direction:column;gap:2px}.channel-live-badge{margin-left:auto;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8ae0b2}.voice-channel-members{display:flex;flex-direction:column;gap:2px;padding-left:28px}.voice-channel-member{display:flex;align-items:center;gap:8px;width:100%;padding:4px 6px;border-radius:6px;background:transparent;color:var(--muted-strong);text-align:left}.voice-channel-member:hover{background:#ffffff0d;color:var(--text-soft)}.voice-channel-member-avatar{width:18px;min-width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#5865f233;color:#d9dcff;font-size:.62rem;font-weight:700}.voice-channel-member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.channel-link:hover{background:#ffffff0f;color:var(--text-soft)}.channel-link.active{background:var(--surface-active);color:var(--text)}.channel-link-icon{color:var(--muted-strong);font-weight:700;width:18px;text-align:center}.sidebar-footer{border-top:1px solid var(--border);background:#232428;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.identity-badge{display:flex;align-items:center;gap:10px;min-width:0}.identity-avatar,.message-avatar,.participant-avatar{width:36px;min-width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e67e22,#f0a050);color:#fff;font-weight:700;letter-spacing:.02em}.identity-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.identity-copy strong,.identity-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-copy strong{font-size:.92rem}.identity-copy span{color:var(--muted);font-size:.76rem;text-transform:capitalize}.footer-button{white-space:nowrap}.voice-controls-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:#1e1f22;border-top:1px solid var(--border)}.vc-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:none;background:#383a40;color:#dbdee1;cursor:pointer;transition:background .15s,color .15s}.vc-btn:hover{background:#45474e}.vc-btn:disabled{opacity:.4;cursor:not-allowed}.vc-btn-active{background:#f23f42;color:#fff}.vc-btn-active:hover{background:#d83436}.vc-btn-end{background:#f23f42;color:#fff}.vc-btn-end:hover{background:#d83436}.vc-btn-avatar-on{background:#3ba55d;color:#fff}.vc-btn-avatar-on:hover{background:#2d8c4e}.vc-btn-group{position:relative;display:inline-flex}.vc-caret{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;border:2px solid #1e1f22;background:#383a40;color:#dbdee1;display:grid;place-items:center;cursor:pointer;padding:0;z-index:1}.vc-caret:hover{background:#e67e22;color:#fff}.vc-popover{position:absolute;bottom:calc(100% + 8px);left:0;background:#2b2d31;border:1px solid var(--border);border-radius:8px;padding:6px;min-width:180px;max-width:240px;z-index:100;box-shadow:0 4px 16px #0000004d}.vc-popover-title{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--muted);padding:4px 8px;letter-spacing:.05em}.vc-popover-item{display:block;width:100%;text-align:left;padding:6px 8px;border:none;background:none;color:#dbdee1;font-size:.82rem;border-radius:4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-popover-item:hover{background:#35373c}.vc-popover-item.active{background:#e67e22;color:#fff}.speaking-ring{box-shadow:0 0 0 3px #3ba55d;transition:box-shadow .15s ease;border-radius:50%}.avatar-strip{display:flex;align-items:flex-start;justify-content:flex-start;gap:0;z-index:5;pointer-events:none;margin-top:-450px;position:relative;height:450px}.avatar-slot{display:flex;flex-direction:column;align-items:center;flex-shrink:0;pointer-events:auto;z-index:6}.avatar-name-pill{font-size:.75rem;font-weight:600;background:#000000a6;color:#fff;padding:3px 12px;border-radius:999px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;z-index:6}.avatar-name-pill.speaking{background:#3ba55dd9}.live2d-stage-canvas{display:block;position:absolute;bottom:0;left:0;pointer-events:none}.png-avatar-strip{display:flex;align-items:flex-start;justify-content:flex-start}.png-avatar-slot{display:flex;flex-direction:column;align-items:center;position:relative;flex-shrink:0;pointer-events:auto;z-index:6}.png-avatar-img-wrap{will-change:transform,filter;transition:filter .1s;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.png-avatar-img{width:200px;height:200px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.avatar-preview-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.avatar-preview-viewport{width:300px;height:450px;overflow:hidden;border-radius:12px;border:2px solid var(--border);background:var(--app-bg);position:relative}.avatar-preview-viewport .avatar-strip{margin-top:0}.avatar-preview-controls{display:flex;flex-direction:column;gap:10px;width:300px}.avatar-preview-slider-row{display:flex;align-items:center;gap:8px}.avatar-preview-slider-row label{width:80px;font-size:.8rem;color:var(--muted);flex-shrink:0}.avatar-preview-slider-row input[type=range]{flex:1}.avatar-preview-slider-row .slider-value{width:40px;text-align:right;font-size:.8rem;color:var(--text-soft);flex-shrink:0}.preview-tracking-row{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.camera-tracking-panel{display:flex;flex-direction:column;gap:12px}.camera-tracking-top{display:flex;gap:16px;align-items:flex-start}.camera-preview-container{width:240px;height:180px;border-radius:10px;overflow:hidden;background:#000;flex-shrink:0}.camera-preview-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.camera-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center}.camera-tracking-emotion{display:flex;flex-direction:column;gap:8px}.emotion-badge{display:inline-block;padding:6px 16px;border-radius:999px;font-size:1rem;font-weight:700;text-align:center;background:#ffffff14;color:var(--text)}.emotion-default{background:#ffffff14}.emotion-happy{background:#3ba55d4d;color:#5deb8a}.emotion-sad{background:#5865f24d;color:#8ea1ff}.emotion-angry{background:#ed42454d;color:#ff7a7d}.emotion-surprised{background:#faa81a4d;color:#ffc94d}.emotion-confused{background:#9c78d84d;color:#c9a6ff}.camera-select{padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--app-bg);color:var(--text);font-size:.8rem}.camera-tracking-bars{display:flex;flex-direction:column;gap:4px}.tracking-bar-row{display:flex;align-items:center;gap:8px}.tracking-bar-label{width:72px;font-size:.75rem;color:var(--muted);flex-shrink:0}.tracking-bar-track{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.tracking-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .1s}.tracking-bar-value{width:36px;font-size:.7rem;color:var(--muted);text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.calibration-wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.calibration-wizard{background:var(--surface);border-radius:12px;padding:24px;width:480px;max-width:90vw;display:flex;flex-direction:column;gap:12px}.calibration-wizard-header{display:flex;justify-content:space-between;align-items:center}.calibration-wizard-header h2{margin:0;font-size:1.1rem}.calibration-wizard-progress{display:flex;gap:4px}.calibration-wizard-progress-dot{flex:1;height:4px;border-radius:2px;background:#ffffff1a;transition:background .2s}.calibration-wizard-progress-dot.done{background:#5deb8a}.calibration-wizard-progress-dot.current{background:var(--accent)}.calibration-wizard-camera{width:100%;height:220px;background:#000;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.calibration-wizard-instruction{font-size:.95rem;text-align:center;margin:0;color:var(--text-soft)}.calibration-wizard-countdown{font-size:4rem;font-weight:700;text-align:center;color:var(--accent);line-height:1}.calibration-wizard-capturing{color:#5deb8a;text-align:center;font-weight:600;font-size:1rem}.calibration-wizard-capture-result{display:flex;flex-direction:column;gap:2px;background:#ffffff0a;border-radius:6px;padding:10px;font-size:.75rem}.capture-result-row{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.capture-result-row span:first-child{color:var(--muted)}.calibration-wizard-actions{display:flex;gap:8px;justify-content:flex-end}.calibrate-button{padding:6px 12px;border-radius:6px;background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:.8rem;font-weight:600}.calibrate-button:hover{filter:brightness(1.1)}.calibration-status{font-size:.7rem;color:var(--muted);margin-top:2px}.emotion-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.emotion-pills-hint{font-size:.7rem;color:var(--muted);width:100%;margin-bottom:4px}.emotion-pill{position:relative;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-soft);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.emotion-pill:hover{background:#ffffff14}.emotion-pill.selected{border-color:var(--accent);background:#ffffff1a;color:var(--text)}.emotion-pill.met{border-color:#5deb8a}.emotion-pill-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5deb8a;margin-left:6px;vertical-align:middle}.tracking-bar-track{position:relative}.tracking-bar-marker{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--accent);pointer-events:none;transform:translate(-1px)}.tracking-bar-marker.marker-met{background:#5deb8a;box-shadow:0 0 4px #5deb8a}.tracking-bar-marker.marker-less:before,.tracking-bar-marker.marker-greater:before{content:"";position:absolute;top:50%;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:translateY(-50%)}.tracking-bar-marker.marker-greater:before{left:3px;border-left:5px solid currentColor;color:var(--accent)}.tracking-bar-marker.marker-less:before{right:3px;border-right:5px solid currentColor;color:var(--accent)}.tracking-bar-marker.marker-met:before{color:#5deb8a}.avatar-section-label{font-size:.75rem;font-weight:700;color:var(--muted-strong);text-transform:uppercase;letter-spacing:.06em;margin:12px 0 6px}.avatar-upload-card{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--muted-strong);border-radius:8px}.avatar-upload-card:hover{border-color:var(--accent)}.avatar-upload-input{display:none}.avatar-upload-icon{font-size:2rem;color:var(--muted-strong);line-height:1}.screen-menu-wrapper{position:relative}.screen-menu-btn{padding:4px 6px!important;min-width:0!important}.screen-menu-popover{position:absolute;top:calc(100% + 4px);right:0;background:#2b2d31;border:1px solid var(--border);border-radius:8px;padding:6px;min-width:160px;z-index:100;box-shadow:0 4px 16px #0000004d}.content-area{min-width:0;background:var(--surface);display:flex;position:relative;overflow:hidden}.panel,.loading-card,.claim-banner,.inline-banner{background:var(--surface)}.main-panel{width:100%;min-width:0;min-height:calc(100vh - 32px);display:flex;flex-direction:column}.channel-topbar{min-height:58px;padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;background:#313338fa;box-shadow:0 1px #00000026}.channel-title{display:flex;align-items:center;gap:12px;min-width:0}.channel-title>div{min-width:0}.channel-title h2{font-size:1rem;line-height:1.2}.channel-title p{margin-top:3px;font-size:.86rem}.channel-title-icon{color:var(--muted-strong);font-weight:700;font-size:1.15rem}.channel-topbar-meta{display:flex;align-items:center;gap:8px}.muted{color:var(--muted)}.message-list,.participant-list,.transcript-list,.screen-stage,.settings-grid,.voice-main-column,.voice-sidebar{display:flex;flex-direction:column;gap:16px}.text-channel-pane .message-list{flex:1;overflow:auto;padding:8px 0 16px}.message-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:2px 20px}.message-row:hover{background:#04040512}.message-content{display:flex;flex-direction:column;gap:4px;min-width:0}.message-content p,.transcript-line p,.participant-card p,.notice{color:var(--text-soft);line-height:1.45}.message-meta{gap:10px;color:var(--muted);font-size:.82rem}.composer{margin:0 16px 16px;background:#383a40;border-radius:8px;padding:0 16px 10px}.composer textarea{background:transparent;border:0;padding:14px 0 8px;min-height:58px}.composer-footer{justify-content:space-between}.voice-pane{overflow:hidden;position:relative;display:flex;flex-direction:column}.voice-pane.dock-mode{position:absolute;right:16px;bottom:16px;width:min(560px,calc(100% - 32px));min-height:auto;z-index:4;border:1px solid var(--border);border-radius:14px;background:#232428f5;box-shadow:var(--shadow)}.voice-dock-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px}.voice-dock-copy{flex:1;min-width:0;display:flex;align-items:center;gap:12px;background:transparent;color:var(--text);text-align:left;padding:0}.voice-dock-copy>div{min-width:0}.voice-dock-copy strong,.voice-dock-copy p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-dock-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.voice-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr)}.voice-main-column{padding:0;overflow:auto;position:relative;display:flex;flex-direction:column}.voice-sidebar{padding:16px;border-left:1px solid var(--border);background:#2b2d3152;overflow:auto}.subpanel{border-radius:12px;background:var(--surface-raised);border:1px solid var(--border);padding:16px}.subpanel-header{justify-content:space-between;margin-bottom:12px}.subpanel-header h3{font-size:.95rem}.subpanel-header p{margin-top:4px}.stage-panel{min-height:360px;flex:1;border-radius:0;border:none;padding:0;background:none}.screen-stage{flex:1;min-height:0}.screen-card{display:flex;flex-direction:column;gap:0;height:100%}.screen-label{color:var(--muted);font-size:.84rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.screen-card video{width:100%;height:100%;background:#111214;border-radius:10px;object-fit:contain}.screen-stage-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a0b0ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;display:flex}.screen-stage-shell{width:min(1400px,100%);margin:0 auto;display:flex;flex-direction:column;gap:16px}.screen-stage-overlay-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.screen-stage-overlay-body{flex:1;min-height:0}.stage-overlay-card{height:100%}.stage-overlay-card video{flex:1;min-height:0;max-height:calc(100vh - 220px);border-radius:14px}.screen-stage-overlay-actions{display:flex;gap:8px}.screen-stage-chip-row{display:flex;flex-wrap:wrap;gap:10px}.stage-chip{padding:10px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:2px;min-width:0}.stage-chip strong,.stage-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-chip strong{font-size:.88rem;color:var(--text-soft)}.stage-chip span{font-size:.72rem;color:var(--muted)}.stage-chip.accent{background:#5865f22e;border-color:#7983f559}.stage-chip.bot{background:#3ba55c24;border-color:#3ba55c4d}.empty-stage,.empty-state{min-height:220px;border-radius:10px;border:1px dashed rgba(255,255,255,.1);display:grid;place-items:center;text-align:center;color:var(--muted);padding:20px}.compact-empty{min-height:120px}.button-row{flex-wrap:wrap}.screen-view-controls,.quality-panel,.quality-panel-copy,.screen-view-actions{display:flex;flex-direction:column;gap:8px}.screen-view-controls{align-items:flex-end;text-align:right}.screen-share-advanced{margin-bottom:16px;padding:12px;border-radius:10px;background:#0000001f;border:1px solid var(--border)}.segmented-row{display:flex;flex-wrap:wrap;gap:8px}.slider-label-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:6px;margin-top:8px;color:var(--muted-strong);font-size:.72rem;text-align:center}.quality-panel{margin-bottom:12px}.screen-diagnostics{color:var(--muted-strong);font-size:.76rem;font-weight:600}.preview-hint{margin-top:12px}.primary-button,.ghost-button,.danger-button{border-radius:8px;padding:10px 14px;font-weight:600;transition:background .14s ease,color .14s ease,opacity .14s ease}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-hover)}.ghost-button{background:#ffffff0f;color:var(--text-soft)}.ghost-button:hover{background:#ffffff1a}.ghost-button.small{width:24px;min-width:24px;height:24px;padding:0;border-radius:6px;display:grid;place-items:center}.ghost-button.is-active{background:#5865f22e;color:#fff}.danger-button{background:#ed42452e;color:#fff}.danger-button:hover{background:#ed424547}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.45;cursor:not-allowed}.participant-card,.transcript-line{border-radius:10px;background:#0000001f;border:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:12px}.participant-summary{display:flex;align-items:center;gap:10px}.participant-card.self{background:#5865f21f}.participant-avatar-wrapper{display:flex;justify-content:center;align-items:center}.live2d-avatar-canvas{border-radius:10px;display:block}.tracking-controls,.tracking-controls label{display:flex;flex-direction:column;gap:6px}.tracking-error{color:#ed4245;font-size:.82rem;margin:0}.slider-stack,.settings-grid label{display:flex;flex-direction:column;gap:6px}.slider-stack span,.settings-grid span{color:var(--muted);font-size:.82rem}input[type=range]{padding:0;background:transparent}.transcript-list{max-height:340px;overflow:auto}.transcript-line.user{border-left:3px solid var(--accent)}.transcript-line.bot{border-left:3px solid var(--success)}.transcript-line.system{border-left:3px solid var(--warning)}.pill{padding:6px 10px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#ffffff0f;color:var(--muted)}.pill.connected,.pill.bot-active{color:#fff;background:#3ba55c33}.pill.connecting,.pill.bot-connecting,.pill.bot-requested{color:#fff;background:#faa81a38}.pill.disconnected,.pill.bot-error{color:#fff;background:#ed424538}.pill.neutral{color:var(--text-soft)}.notice{color:#f0c36d}.error-banner{color:#ff8d8f}.claim-banner,.inline-banner,.loading-card{border-radius:12px;border:1px solid var(--border);margin-bottom:12px}.claim-banner{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.claim-banner p{margin-top:6px;color:var(--muted)}.claim-form{min-width:min(420px,100%)}.inline-banner{padding:12px 16px}.loading-card{max-width:560px;margin:12vh auto 0;padding:24px}.empty-panel{padding:16px}audio{display:none}.ambient-mascot-overlay{--ambient-mascot-idle-frames: 160;--ambient-mascot-drag-frames: 52;--ambient-mascot-walk-frames: 28;--ambient-mascot-idle-duration: 5.333s;--ambient-mascot-drag-duration: 1.7s;--ambient-mascot-walk-duration: .933s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;overflow:hidden;-webkit-user-select:none;user-select:none}.ambient-mascot-stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ambient-mascot-hitbox{position:absolute;left:48px;bottom:0;width:150px;height:192px;border:0;padding:0;background:transparent;cursor:grab;pointer-events:auto;touch-action:none;transition-property:left,bottom;transition-timing-function:linear,ease-out;transition-duration:var(--ambient-mascot-left-duration, 0ms),var(--ambient-mascot-bottom-duration, 0ms)}.ambient-mascot-hitbox.is-dragging{cursor:grabbing}.ambient-mascot-hitbox:focus,.ambient-mascot-hitbox:focus-visible{outline:none;box-shadow:none}.ambient-mascot-sprite{--ambient-mascot-offset-x: 0px;--ambient-mascot-offset-y: 32px;--ambient-mascot-scale-x: 1;--ambient-mascot-scale-y: 1;position:absolute;right:-2px;bottom:2px;width:138px;height:158px;display:block;transform-origin:center bottom;transform:translate(var(--ambient-mascot-offset-x),var(--ambient-mascot-offset-y)) scaleX(var(--ambient-mascot-scale-x)) scaleY(var(--ambient-mascot-scale-y))}.ambient-mascot-sprite-shadow{display:none}.ambient-mascot-sprite-sheet{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/oto-pet/assets/oto-idle-strip.png);background-repeat:no-repeat;background-position:0 0;background-size:calc(var(--ambient-mascot-idle-frames) * 100%) 100%;image-rendering:auto;filter:brightness(1.01) saturate(1.22) contrast(1.06);animation:ambientMascotIdle var(--ambient-mascot-idle-duration) steps(159,end) infinite}.ambient-mascot-hitbox[data-motion=idle] .ambient-mascot-sprite-sheet{background-image:url(/oto-pet/assets/oto-idle-strip.png);background-size:calc(var(--ambient-mascot-idle-frames) * 100%) 100%;animation:ambientMascotIdle var(--ambient-mascot-idle-duration) steps(159,end) infinite}.ambient-mascot-hitbox[data-motion=drag-hold] .ambient-mascot-sprite-sheet,.ambient-mascot-hitbox[data-motion=drag-left] .ambient-mascot-sprite-sheet,.ambient-mascot-hitbox[data-motion=drag-right] .ambient-mascot-sprite-sheet{background-image:url(/oto-pet/assets/oto-drag-hold-strip.png);background-size:calc(var(--ambient-mascot-drag-frames) * 100%) 100%;animation:ambientMascotDragHold var(--ambient-mascot-drag-duration) steps(51,end) infinite}.ambient-mascot-hitbox[data-motion=walk-enter] .ambient-mascot-sprite-sheet,.ambient-mascot-hitbox[data-motion=walking] .ambient-mascot-sprite-sheet,.ambient-mascot-hitbox[data-motion=walk-exit] .ambient-mascot-sprite-sheet{background-image:url(/oto-pet/assets/oto-walk-loop-strip.png);background-size:calc(var(--ambient-mascot-walk-frames) * 100%) 100%;animation:ambientMascotWalk var(--ambient-mascot-walk-duration) steps(27,end) infinite}.ambient-mascot-hitbox.facing-left .ambient-mascot-sprite{--ambient-mascot-scale-x: -1}@keyframes ambientMascotIdle{0%{background-position:0 0}to{background-position:100% 0}}@keyframes ambientMascotDragHold{0%{background-position:0 0}to{background-position:100% 0}}@keyframes ambientMascotWalk{0%{background-position:0 0}to{background-position:100% 0}}@media(max-width:1180px){.workspace{grid-template-columns:72px 240px minmax(0,1fr)}.voice-grid{grid-template-columns:1fr}.voice-sidebar{border-left:0;border-top:1px solid var(--border)}}@media(max-width:860px){.workspace{grid-template-columns:72px minmax(220px,260px) minmax(0,1fr)}.channel-topbar,.claim-banner,.composer-footer{flex-direction:column;align-items:flex-start}.channel-topbar-meta,.status-strip{width:100%;justify-content:flex-start;flex-wrap:wrap}.voice-pane.dock-mode{left:12px;right:12px;bottom:12px;width:auto}.voice-dock-bar{flex-direction:column;align-items:stretch}.voice-dock-actions{justify-content:flex-start}.screen-view-controls{width:100%;align-items:flex-start;text-align:left}}@media(max-width:720px){.app-shell{padding:0}.workspace{min-height:100vh;border-radius:0;grid-template-columns:68px 1fr}.channel-sidebar{display:none}.main-panel{min-height:100vh}.ambient-mascot-hitbox{width:126px;height:164px}.ambient-mascot-sprite{width:118px;height:136px;bottom:0}}.avatar-create-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1200;padding:24px}.avatar-create-modal{background:var(--surface);border-radius:12px;padding:24px;width:min(640px,100%);max-height:90vh;overflow-y:auto;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.avatar-create-header{display:flex;justify-content:space-between;align-items:center}.avatar-create-header h2{margin:0;font-size:1.25rem}.avatar-create-help{margin:0;color:var(--muted);font-size:.875rem}.avatar-create-name-field{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--muted)}.avatar-create-name-field input{background:var(--surface-raised);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text);font-size:.95rem}.avatar-create-section h3{margin:0 0 8px;font-size:.9rem;color:var(--text-soft)}.avatar-create-row{background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:8px;display:flex;flex-direction:column;gap:8px}.avatar-create-row-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.avatar-create-row-name{font-weight:600;color:var(--text)}.avatar-create-name-input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 8px;color:var(--text)}.avatar-create-row-files{display:flex;gap:12px;flex-wrap:wrap}.avatar-create-file{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:.75rem;color:var(--muted);flex:1;min-width:150px}.avatar-create-file img{margin-top:6px;max-width:80px;max-height:80px;border-radius:6px;background:var(--app-bg)}.avatar-create-add-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.avatar-create-chip{background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:.75rem;color:var(--muted);cursor:pointer}.avatar-create-chip:hover{background:var(--surface-hover);color:var(--text)}.avatar-create-error{background:#ed42451f;border:1px solid rgba(237,66,69,.4);color:var(--danger);padding:8px 12px;border-radius:6px;font-size:.85rem}.avatar-create-actions{display:flex;justify-content:flex-end;gap:8px}