@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Source+Serif+4:ital,wght@0,400;0,600;1,400&family=DM+Sans:wght@400;500;600;700&display=swap");:root{--bg-deep:#0c0e13;--bg-primary:#12151c;--bg-secondary:#181c26;--bg-tertiary:#1e2330;--bg-hover:#242938;--bg-active:#2a3040;--border:#2a2f3c;--border-subtle:#1f2430;--text-primary:#e8ecf4;--text-secondary:#8b95a8;--text-tertiary:#5c6478;--accent:#6c9eff;--accent-dim:#4a7ae0;--accent-glow:rgba(108,158,255,.08);--hot:#ff6b4a;--hot-dim:rgba(255,107,74,.12);--success:#4ade80;--warning:#fbbf24;--font-mono:"IBM Plex Mono",monospace;--font-serif:"Source Serif 4",Georgia,serif;--font-sans:"DM Sans",-apple-system,sans-serif;--radius:8px;--radius-sm:5px;--transition:0.15s ease}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans)}.app{height:100vh}.app,.sidebar{display:flex;overflow:hidden}.sidebar{width:280px;min-width:280px;background:var(--bg-primary);border-right:1px solid var(--border);flex-direction:column}.sidebar-header{padding:20px 18px 12px;border-bottom:1px solid var(--border-subtle)}.sidebar-logo{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2.5px;color:var(--accent);margin-bottom:4px}.sidebar-title{font-family:var(--font-sans);font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.sidebar-search{padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;transition:border-color var(--transition)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.search-box input{flex:1 1;background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-sans);font-size:13px}.search-box input::placeholder{color:var(--text-tertiary)}.search-box svg{color:var(--text-tertiary);flex-shrink:0}.area-filters{display:flex;gap:4px;padding:10px 14px;overflow-x:auto;border-bottom:1px solid var(--border-subtle)}.area-chip{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all var(--transition);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid transparent}.area-chip:hover{background:var(--bg-hover);color:var(--text-primary)}.area-chip.active{background:var(--accent-glow);color:var(--accent);border-color:var(--accent-dim)}.sidebar-lists{flex:1 1;overflow-y:auto;padding:6px 8px}.sidebar-lists::-webkit-scrollbar{width:4px}.sidebar-lists::-webkit-scrollbar-track{background:transparent}.sidebar-lists::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.list-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);margin-bottom:1px}.list-item:hover{background:var(--bg-hover)}.list-item.active{background:var(--bg-active)}.list-item-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;font-weight:600;flex-shrink:0;letter-spacing:.5px}.list-item-info{flex:1 1;min-width:0}.list-item-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:1px}.list-item-desc{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-count{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);flex-shrink:0}.thread-panel{width:380px;min-width:380px;background:var(--bg-deep);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.thread-header{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.thread-header-left{display:flex;align-items:center;gap:10px}.thread-header h2{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.3px}.thread-count{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.thread-filters{display:flex;gap:2px;padding:10px 18px;border-bottom:1px solid var(--border-subtle)}.thread-filter-btn{padding:5px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition);background:transparent;color:var(--text-secondary);border:none;font-family:var(--font-sans)}.thread-filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.thread-filter-btn.active{background:var(--bg-tertiary);color:var(--text-primary)}.thread-list{flex:1 1;overflow-y:auto;padding:4px 8px}.thread-list::-webkit-scrollbar{width:4px}.thread-list::-webkit-scrollbar-track{background:transparent}.thread-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.thread-item{padding:14px;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);margin-bottom:2px;border-left:3px solid transparent}.thread-item.active,.thread-item:hover{background:var(--bg-secondary)}.thread-item.active{border-left-color:var(--accent)}.thread-item.hot,.thread-item.hot.active{border-left-color:var(--hot)}.thread-item-subject{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.thread-item-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-tertiary)}.thread-item-author{color:var(--text-secondary);font-weight:500}.thread-item-replies{display:flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:10px}.thread-item-hot{color:var(--hot);display:flex;align-items:center;gap:2px}.thread-item-date{margin-left:auto}.message-panel{background:var(--bg-primary);overflow:hidden}.message-panel,.message-panel-empty{flex:1 1;display:flex;flex-direction:column}.message-panel-empty{align-items:center;justify-content:center;color:var(--text-tertiary);gap:12px}.message-panel-empty svg{opacity:.3}.message-panel-empty p{font-size:14px;text-align:center;max-width:280px;line-height:1.6}.message-header{padding:20px 28px 16px;border-bottom:1px solid var(--border)}.message-header h1{font-family:var(--font-sans);font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:8px;letter-spacing:-.3px}.message-header-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-tertiary);flex-wrap:wrap}.message-header-list{font-family:var(--font-mono);font-size:11px;color:var(--accent);background:var(--accent-glow);padding:2px 8px;border-radius:4px}.message-header-link{display:flex;align-items:center;gap:4px;color:var(--text-tertiary);text-decoration:none;font-size:11px;transition:color var(--transition);cursor:pointer}.message-header-link:hover{color:var(--accent)}.message-thread{flex:1 1;overflow-y:auto;padding:8px 0}.message-thread::-webkit-scrollbar{width:6px}.message-thread::-webkit-scrollbar-track{background:transparent}.message-thread::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.msg{padding:16px 28px;border-bottom:1px solid var(--border-subtle);transition:background var(--transition)}.msg:hover{background:hsla(0,0%,100%,.01)}.msg-depth{border-left:2px solid var(--border);margin-left:0;padding-left:16px}.msg-depth-1{margin-left:20px;border-left-color:#4a7ae0}.msg-depth-2{margin-left:40px;border-left-color:#7b61ff}.msg-depth-3{margin-left:60px;border-left-color:#e84fa8}.msg-depth-4{margin-left:80px;border-left-color:#4fe89c}.msg-header{gap:12px;margin-bottom:12px}.msg-avatar,.msg-header{display:flex;align-items:center}.msg-avatar{width:34px;height:34px;border-radius:50%;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.msg-author-info{flex:1 1}.msg-author{font-size:13px;font-weight:600;color:var(--text-primary)}.msg-email{font-family:var(--font-mono)}.msg-date,.msg-email{font-size:11px;color:var(--text-tertiary)}.msg-date{flex-shrink:0}.msg-body{font-family:var(--font-serif);font-size:14.5px;line-height:1.75;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word}.msg-body-collapsed{max-height:0;overflow:hidden;opacity:0;transition:all .25s ease}.msg-body-expanded{max-height:2000px;opacity:1;transition:all .25s ease}.msg-toggle{gap:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kbd-overlay,.msg-toggle{display:flex;align-items:center}.kbd-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;z-index:100;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.kbd-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:28px;width:420px;max-height:80vh;overflow-y:auto;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kbd-modal h3{font-family:var(--font-mono);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:20px}.kbd-section{margin-bottom:16px}.kbd-section h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:8px}.kbd-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.kbd-row span{font-size:13px;color:var(--text-secondary)}kbd{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:11px;color:var(--text-primary);box-shadow:0 1px 2px rgba(0,0,0,.2)}.msg-count-badge,kbd{font-family:var(--font-mono)}.msg-count-badge{background:var(--accent);color:var(--bg-deep);font-size:10px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.hot-badge{background:var(--hot-dim);color:var(--hot)}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.fade-in{animation:msgFadeIn .2s ease}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mobile-bar{display:none;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-primary);border-bottom:1px solid var(--border)}.mobile-bar button{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px;display:flex;align-items:center}.mobile-bar-title{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-primary)}@media (max-width:1100px){.sidebar{width:240px;min-width:240px}.thread-panel{width:320px;min-width:320px}}@media (max-width:860px){.sidebar{display:none}.sidebar.mobile-open{display:flex;position:fixed;inset:0;z-index:50;width:100%;min-width:100%}.mobile-bar{display:flex}}@media (max-width:640px){.thread-panel{width:100%;min-width:100%}.message-panel.hidden-mobile,.thread-panel.hidden-mobile{display:none}}