:root{--color-bg: #0b0d12;--color-surface-1: #13161c;--color-surface-2: #1a1d24;--color-surface-3: #1e2128;--color-border: #2a2d34;--color-border-hover: #3a3d44;--color-border-focus: #5b8def;--color-text: #e6e6e6;--color-text-muted: #888;--color-text-dim: #666;--color-text-faint: #555;--color-accent: #5b8def;--color-gold: #c8b88a;--color-gold-hover: #d9cc9e;--color-success: #4caf50;--color-error: #e05050;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-round: 50%;--font-family: system-ui, -apple-system, sans-serif;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-md: 12px;--font-size-lg: 13px;--font-size-xl: 14px;--sidebar-width: 180px;--transition-fast: .15s ease;--transition-normal: .2s ease}html,body{margin:0;padding:0;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family)}#game{position:fixed;top:0;left:var(--sidebar-width);width:calc(100vw - 2 * var(--sidebar-width));height:100vh;display:block}.section-title{margin:0 0 var(--space-sm);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px}#hud{position:fixed;top:var(--space-sm);left:var(--space-md);font-size:var(--font-size-md);opacity:.75;pointer-events:none}#sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,var(--color-surface-1) 0%,#0f1117 100%);border-right:1px solid var(--color-border);padding:var(--space-lg);box-sizing:border-box;z-index:900;display:flex;flex-direction:column;gap:var(--space-sm);font-size:var(--font-size-lg);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}#sidebar::-webkit-scrollbar{width:4px}#sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.sidebar-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar-card .section-title{margin:0}#sidebar input[type=text]{width:100%;padding:var(--space-sm) var(--space-sm);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-surface-1);color:var(--color-text);font-size:var(--font-size-lg);font-family:inherit;outline:none;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}#sidebar input[type=text]:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #5b8def26}#color-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);justify-items:center}#color-options button{width:32px;height:32px;border:2px solid transparent;border-radius:var(--radius-round);cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}#color-options button:hover{border-color:#fff6;transform:scale(1.1)}#color-options button.selected{border-color:#fff;box-shadow:0 0 6px #ffffff40}#avatar-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);justify-items:center}.avatar-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:60px;padding:var(--space-sm) var(--space-xs);border:2px solid var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-surface-1);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.avatar-btn:hover{border-color:var(--color-accent);background:var(--color-surface-3)}.avatar-btn.selected{border-color:var(--color-accent);background:#5b8def14}.avatar-btn canvas{image-rendering:pixelated}.avatar-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;line-height:1}.avatar-btn.selected .avatar-label{color:var(--color-accent)}#audio-controls{margin-top:auto}.audio-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.audio-header .section-title{margin-bottom:0}.audio-row{display:flex;align-items:center;gap:var(--space-sm)}.audio-header button{width:32px;height:32px;border:1px solid var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-surface-1);color:var(--color-text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--transition-fast),background var(--transition-fast)}.audio-header button:hover{border-color:var(--color-accent);background:var(--color-surface-3)}.audio-header button.muted{opacity:.5}.audio-row input[type=range]{width:100%;max-width:140px;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-border-hover);border-radius:2px;outline:none;cursor:pointer}.audio-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:var(--radius-round);background:var(--color-text);cursor:pointer}.audio-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:var(--radius-round);background:var(--color-text);cursor:pointer}#stats-panel{border-top:1px solid var(--color-border);padding-top:var(--space-md)}.stat-section{border-bottom:1px solid var(--color-border)}.stat-section:last-child{border-bottom:none}.stat-section-title{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:6px 0;cursor:pointer;font-size:var(--font-size-md);font-weight:600;color:var(--color-text-dim);user-select:none}.stat-section-title::-webkit-details-marker{display:none}.stat-section-title:after{content:"▸";font-size:10px;transition:transform .15s}.stat-section[open]>.stat-section-title:after{transform:rotate(90deg)}.stat-section-body{padding-bottom:6px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:var(--font-size-md)}.stat-label{color:var(--color-text-dim)}.stat-value{color:#ccc;font-variant-numeric:tabular-nums}.stat-detail{font-size:11px;color:#aaa;padding:2px 0;line-height:1.6}.stat-divider{padding-top:var(--space-sm);border-top:1px solid var(--color-border);margin-top:var(--space-xs)}#chat-bar{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);display:none;z-index:1000}#chat-bar.open{display:flex;align-items:center;gap:var(--space-sm)}#chat-bar input{width:360px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);font-size:var(--font-size-xl);font-family:inherit;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}#chat-bar input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #5b8def26}#emoji-btn{width:34px;height:34px;border:1px solid var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),background var(--transition-fast)}#emoji-btn:hover{border-color:var(--color-accent);background:var(--color-surface-3)}#emoji-picker{position:fixed;bottom:60px;left:50%;transform:translate(-50%);display:none;background:var(--color-surface-2);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-sm);z-index:1001;grid-template-columns:repeat(8,1fr);gap:2px;max-width:320px}#emoji-picker.open{display:grid}#emoji-picker button{width:34px;height:34px;border:none;border-radius:var(--radius-sm);background:transparent;font-size:20px;cursor:pointer;transition:background var(--transition-fast)}#emoji-picker button:hover{background:var(--color-surface-3)}#chat-hint{position:fixed;bottom:18px;left:50%;transform:translate(-50%);font-size:var(--font-size-sm);opacity:.4;pointer-events:none}#group-chat{position:fixed;bottom:var(--space-md);right:calc(var(--sidebar-width) + var(--space-lg));width:320px;z-index:950;display:flex;flex-direction:column;pointer-events:auto}#group-chat-toggle{align-self:flex-end;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-hover);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-surface-1);color:var(--color-text-muted);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm)}#group-chat-toggle:hover{border-color:var(--color-accent);color:var(--color-text);background:var(--color-surface-3)}#group-chat-toggle .chat-unread{display:none;min-width:16px;height:16px;padding:0 var(--space-xs);border-radius:var(--radius-sm);background:var(--color-error);color:#fff;font-size:var(--font-size-xs);font-weight:600;line-height:16px;text-align:center}#group-chat-toggle .chat-unread.visible{display:inline-block}#group-chat-body{display:none;flex-direction:column;max-height:280px;background:#13161cf2;border:1px solid var(--color-border-hover);border-radius:var(--radius-md) 0 var(--radius-md) var(--radius-md);overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#group-chat.open #group-chat-body{display:flex}#group-chat-messages{flex:1;overflow-y:auto;padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:3px;font-size:var(--font-size-md);line-height:1.4;scrollbar-width:thin;scrollbar-color:var(--color-border-hover) transparent}#group-chat-messages::-webkit-scrollbar{width:4px}#group-chat-messages::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:2px}.chat-msg-name{font-weight:600;margin-right:var(--space-sm)}.chat-msg-time{font-size:var(--font-size-xs);color:var(--color-text-faint);margin-right:var(--space-sm)}.chat-msg-text{color:#ccc;word-break:break-word}.chat-msg-self .chat-msg-name{color:var(--color-accent)}#group-chat-empty{color:var(--color-text-faint);font-size:var(--font-size-sm);padding:var(--space-lg);text-align:center}#right-sidebar{position:fixed;top:0;right:0;width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,var(--color-surface-1) 0%,#0f1117 100%);border-left:1px solid var(--color-border);box-sizing:border-box;z-index:900;display:flex;flex-direction:column;font-size:var(--font-size-lg)}#player-list{flex:1 1 auto;overflow-y:auto;padding:var(--space-lg);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm);min-height:80px;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}#player-list::-webkit-scrollbar{width:4px}#player-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}#player-list-items{display:flex;flex-direction:column;gap:2px}.player-list-row{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:var(--font-size-lg);font-family:inherit;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.player-list-row:hover{background:var(--color-surface-3)}.online-dot{width:8px;height:8px;border-radius:var(--radius-round);background:var(--color-success);flex-shrink:0}.player-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-icon{color:var(--color-gold);font-size:var(--font-size-xl);flex-shrink:0;animation:music-pulse 1.2s ease-in-out infinite alternate}.mail-icon{font-size:var(--font-size-xl);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.player-list-row:hover .mail-icon{opacity:.7}@keyframes music-pulse{0%{opacity:.4}to{opacity:1}}#music-player-panel{flex:0 0 auto;display:flex;flex-direction:column;border-top:1px solid var(--color-border);background:var(--color-surface-1);overflow:hidden;min-height:200px;max-height:260px}#music-player-panel.drag-over{outline:2px dashed var(--color-gold);outline-offset:-2px}.music-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-sm) var(--space-xs);flex-shrink:0}.music-ctrl-btn{width:28px;height:28px;border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),background var(--transition-fast)}.music-ctrl-btn:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-surface-3)}.music-ctrl-btn:disabled{opacity:.35;cursor:default}.music-now-playing{font-size:var(--font-size-sm);color:var(--color-gold);padding:0 var(--space-sm) var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.music-drop-zone{flex:1;display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-border-hover);border-radius:var(--radius-md);margin:0 var(--space-sm) var(--space-sm);color:var(--color-text-faint);font-size:var(--font-size-sm);text-align:center;pointer-events:none}.music-track-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:0 var(--space-xs) var(--space-xs);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.music-track-list::-webkit-scrollbar{width:3px}.music-track-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.music-track-row{display:flex;align-items:center;gap:var(--space-xs);padding:3px var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;border-left:2px solid transparent;transition:background var(--transition-fast)}.music-track-row:hover{background:var(--color-surface-3)}.music-track-row.current{border-left-color:var(--color-accent);background:#5b8def12}.music-track-name{flex:1;font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-track-row.current .music-track-name{color:var(--color-accent)}.music-track-remove{width:16px;height:16px;border:none;background:transparent;color:var(--color-text-faint);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--transition-fast),background var(--transition-fast)}.music-track-remove:hover{color:var(--color-error);background:#e050501a}#shared-playlist-overlay{display:none;position:fixed;top:0;right:var(--sidebar-width);width:260px;height:100vh;background:var(--color-surface-1);border-left:1px solid var(--color-border);z-index:899;flex-direction:column;overflow:hidden}#shared-playlist-overlay.open{display:flex}.shared-playlist-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) var(--space-lg) var(--space-md);border-bottom:1px solid var(--color-border);flex-shrink:0}.shared-playlist-host-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#shared-playlist-close{width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}#shared-playlist-close:hover{background:var(--color-surface-3);color:var(--color-text)}.shared-playlist-status{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-md);color:var(--color-text-muted);flex-shrink:0}.shared-playlist-status.mode-tuned-in{color:var(--color-accent)}.shared-playlist-status.mode-muted{color:var(--color-text-dim)}.shared-playlist-volume-row{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg) var(--space-sm);flex-shrink:0}.shared-vol-label{font-size:var(--font-size-sm);color:var(--color-text-muted);flex-shrink:0}#shared-playlist-volume{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-border-hover);border-radius:2px;outline:none;cursor:pointer}#shared-playlist-volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:var(--radius-round);background:var(--color-text);cursor:pointer}#shared-playlist-volume::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:var(--radius-round);background:var(--color-text);cursor:pointer}.shared-playlist-actions{display:flex;flex-direction:column;gap:var(--space-xs);padding:0 var(--space-lg) var(--space-sm);flex-shrink:0}.shared-action-btn{width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);font-size:var(--font-size-md);font-family:inherit;cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast)}.shared-action-btn:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-surface-3)}.shared-action-btn.active{border-color:var(--color-accent);background:#5b8def1a;color:var(--color-accent)}.shared-action-btn:disabled{opacity:.4;cursor:default}.shared-playlist-tracks{flex:1;overflow-y:auto;padding:0 var(--space-sm) var(--space-sm);display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.shared-playlist-tracks::-webkit-scrollbar{width:3px}.shared-playlist-tracks::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.shared-track-row{padding:4px var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);border-left:2px solid transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-track-row.current{border-left-color:var(--color-gold);color:var(--color-gold);background:#c8b88a12}.shared-playlist-empty{color:var(--color-text-faint);font-size:var(--font-size-sm);padding:var(--space-lg);text-align:center}#postbox-btn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);font-size:var(--font-size-lg);font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);position:relative}#postbox-btn:hover{border-color:var(--color-gold);background:var(--color-surface-3)}#postbox-btn.has-unread{border-color:var(--color-gold)}.postbox-badge{display:none;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-error);color:#fff;font-size:var(--font-size-sm);font-weight:600;line-height:18px;text-align:center;margin-left:auto}.postbox-badge.visible{display:inline-block}#inbox-overlay{display:none;position:fixed;top:0;right:var(--sidebar-width);width:320px;height:100vh;background:var(--color-surface-1);border-left:1px solid var(--color-border);z-index:899;flex-direction:column;overflow:hidden}#inbox-overlay.open{display:flex}#inbox-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) var(--space-lg);border-bottom:1px solid var(--color-border)}#inbox-header h3{margin:0;font-size:var(--font-size-lg);text-transform:uppercase;color:var(--color-gold);letter-spacing:.5px}#inbox-close-btn{width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}#inbox-close-btn:hover{background:var(--color-surface-3);color:var(--color-text)}#inbox-messages{flex:1;overflow-y:auto;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}#inbox-empty{color:var(--color-text-dim);font-size:var(--font-size-md);padding:var(--space-2xl) var(--space-lg);text-align:center}.inbox-msg{padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;background:var(--color-surface-2);border:1px solid var(--color-border);transition:background var(--transition-fast),border-color var(--transition-fast)}.inbox-msg:hover{background:var(--color-surface-3);border-color:var(--color-border-hover)}.inbox-msg.unread{border-left:3px solid var(--color-gold)}.inbox-msg-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-xs)}.inbox-msg-subject{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.inbox-msg-date{font-size:var(--font-size-xs);color:var(--color-text-dim);flex-shrink:0}.inbox-msg-from{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:2px}.inbox-msg-body{font-size:var(--font-size-md);color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.inbox-msg.expanded .inbox-msg-body{white-space:normal;word-break:break-word}.inbox-msg-actions{display:none;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.inbox-msg.expanded .inbox-msg-actions{display:flex;gap:var(--space-sm)}.inbox-msg-actions button{padding:var(--space-xs) var(--space-md);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;transition:background var(--transition-fast)}.inbox-archive-btn{background:var(--color-surface-3);color:var(--color-text)}.inbox-archive-btn:hover{background:var(--color-border-hover)}.inbox-reply-btn{background:var(--color-gold);color:var(--color-bg);font-weight:600}.inbox-reply-btn:hover{background:var(--color-gold-hover)}#postbox-panel{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;background:var(--color-surface-2);border:1px solid var(--color-border-hover);border-radius:var(--radius-xl);padding:var(--space-xl);z-index:1100;box-shadow:0 8px 32px #00000080}#postbox-panel.open{display:block}#postbox-panel h4{margin:0 0 var(--space-md);font-size:var(--font-size-xl);color:var(--color-gold)}#postbox-panel label{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--space-xs);letter-spacing:.3px}#postbox-panel input[type=text],#postbox-panel textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-surface-1);color:var(--color-text);font-size:var(--font-size-lg);font-family:inherit;outline:none;box-sizing:border-box;margin-bottom:var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}#postbox-panel textarea{height:100px;resize:vertical}#postbox-panel input:focus,#postbox-panel textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #5b8def26}.postbox-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.postbox-actions button{padding:7px var(--space-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-family:inherit;cursor:pointer;transition:background var(--transition-fast)}#postbox-send{background:var(--color-gold);color:var(--color-bg);font-weight:600}#postbox-send:hover{background:var(--color-gold-hover)}#postbox-send:disabled{opacity:.5;cursor:default}#postbox-close{background:var(--color-surface-3);color:var(--color-text)}#postbox-close:hover{background:var(--color-border-hover)}.postbox-status{font-size:var(--font-size-md);margin-top:var(--space-sm);min-height:16px}.postbox-status.error{color:var(--color-error)}.postbox-status.success{color:var(--color-success)}#voice-controls{display:flex;flex-direction:column;gap:var(--space-sm)}.mic-label{font-size:var(--font-size-md);color:var(--color-text-muted)}.mic-select{width:100%;padding:4px 6px;background:var(--color-surface-1);color:var(--color-text);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);font-size:var(--font-size-md)}.mic-enable{padding:6px 10px;background:var(--color-surface-1);color:var(--color-text);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md)}.mic-enable:hover{border-color:var(--color-accent);background:var(--color-surface-3)}.mic-notice{font-size:var(--font-size-md);color:var(--color-text-muted);padding:4px 0}.mic-notice-denied{color:var(--color-error)}.mic-help-link{display:inline-block;margin-left:4px;color:var(--color-accent);text-decoration:underline}.voice-meter{height:6px;background:var(--color-surface-1);border-radius:3px;overflow:hidden}.voice-meter-bar{height:100%;width:0%;background:var(--color-accent);transition:width 80ms linear,background var(--transition-fast)}.voice-meter.mode-shout .voice-meter-bar{background:#f59e0b}.voice-meter.mode-whisper .voice-meter-bar{background:#a78bfa}.voice-ptt-hint{font-size:var(--font-size-md);color:var(--color-text-muted);font-style:italic}.voice-ptt-hint.active{color:var(--color-accent);font-style:normal;font-weight:600}