*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-tertiary:#272727;--bg-hover:#3a3a3a;--text-primary:#f1f1f1;--text-secondary:#aaa;--text-muted:#717171;--accent:#f03;--accent-hover:#cc0029;--border:#333;--progress-bg:#4d4d4d;--segment-gap:3px;--radius:12px}html{font-size:16px}body{font-family:Roboto,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:100;gap:16px;padding:8px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border)}.topnav,.topnav .logo{display:flex;align-items:center}.topnav .logo{font-size:1.25rem;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);text-decoration:none;gap:8px;white-space:nowrap}.topnav .logo .accent{color:var(--accent)}.topnav .search-box{flex:1 1;max-width:540px;margin:0 auto;display:flex;border-radius:40px;overflow:hidden;border:1px solid var(--border)}.topnav .search-box input{flex:1 1;padding:8px 16px;background:var(--bg-primary);border:none;color:var(--text-primary);font-size:.9rem;outline:none}.topnav .search-box button{padding:0 20px;background:var(--bg-tertiary);border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem}.topnav .nav-links{display:flex;gap:4px;flex-shrink:0}.topnav .nav-tab{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.topnav .nav-tab.active,.topnav .nav-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.topnav .user-menu{display:flex;align-items:center;gap:12px;margin-left:auto}.topnav .avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;cursor:pointer}.page{display:flex;gap:24px;padding:24px;max-width:1892px;margin:0 auto}.main{flex:1 1;min-width:0}.sidebar{width:380px;flex-shrink:0}@media (max-width:1100px){.page{flex-direction:column}.sidebar{width:100%}}.player-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius);overflow:hidden}.player-wrap video{width:100%;height:100%;display:block;object-fit:contain}.controls{position:absolute;bottom:0;left:0;right:0;padding:0 12px 10px;display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity .3s ease-out}.player-wrap:hover .controls{opacity:1}.progress-bar-area{position:relative;height:14px;cursor:pointer;padding:4px 0}.progress-bar-area,.segments{width:100%;display:flex;align-items:center}.segments{height:6px;gap:var(--segment-gap)}.segment{position:relative;flex:1 1;background:var(--progress-bg);overflow:visible;height:100%;transition:height .15s}.segment:before{content:"";position:absolute;left:0;right:0;top:-7px;bottom:-7px}.segment:hover{height:12px}.segment .fill{background:var(--accent)}.segment .fill,.segment .hover-fill{position:absolute;top:0;left:0;width:0;height:100%}.segment .hover-fill{background:hsla(0,0%,100%,.45)}.progress-bar-area .scrub-dot{display:none;position:absolute;width:18px;height:18px;border-radius:50%;background:var(--accent);top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.player-wrap:hover .scrub-dot{display:block}.progress-bar-area .preview-popover{display:none;position:absolute;bottom:22px;transform:translateX(-50%);pointer-events:none;z-index:3;width:360px}.progress-bar-area:hover .preview-popover{display:block}.preview-popover .preview-thumb{width:100%;height:205px;background:#000;display:block;border:1px solid #fff;border-radius:8px;overflow:hidden}.preview-popover .preview-thumb .preview-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.preview-popover .preview-caption{margin:6px auto 0;width:-moz-fit-content;width:fit-content;max-width:95%;padding:4px 12px;background:rgba(28,28,28,.85);border-radius:999px;font-size:13px;font-weight:700;color:hsla(0,0%,86%,.95);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.preview-popover .preview-caption .preview-time{color:hsla(0,0%,71%,.9);margin-right:6px}.controls-row{display:flex;align-items:center;gap:12px}.controls-row button{background:rgba(0,0,0,.55);border:2px solid transparent;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;padding:6px;display:flex;align-items:center;border-radius:50%;transition:background .15s,border-color .15s}.controls-row button:hover{background:rgba(80,80,80,.55);border-color:rgba(0,0,0,.55)}.controls-row .time{font-size:14px;font-weight:700;color:var(--text-secondary);background:rgba(0,0,0,.55);border:2px solid transparent;padding:6.5px 10px;border-radius:999px;cursor:pointer;transform:translateY(1px);transition:background .15s,border-color .15s}.controls-row .time:hover{background:rgba(80,80,80,.55);border-color:rgba(0,0,0,.55)}.controls-row .chapter-label{font-size:14px;font-weight:700;color:#fff;background:rgba(0,0,0,.55);border:2px solid transparent;padding:6.5px 10px;border-radius:999px;cursor:pointer;transform:translateY(1px);transition:background .15s,border-color .15s;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls-row .chapter-label:hover{background:rgba(80,80,80,.55);border-color:rgba(0,0,0,.55)}.controls-row .spacer{flex:1 1}.vol-group{display:flex;align-items:center;gap:0;padding:0 5px;transform:translateY(1px);background:rgba(0,0,0,.55);border:2px solid transparent;border-radius:999px;transition:background .15s,border-color .15s,padding-right .2s ease}.vol-group.vol-expanded,.vol-group:hover{background:rgba(80,80,80,.55);border-color:rgba(0,0,0,.55);padding-right:15px}.vol-group button{background:none!important;border:none!important;border-radius:0!important;padding:4px!important}.vol-group .vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:2px;opacity:0;background:linear-gradient(to right,#fff var(--vol-pct),#4b4f51 var(--vol-pct));border:none;padding:0;margin:0;border-radius:1px;outline:none;transition:width .2s ease,opacity .2s ease;cursor:pointer}.vol-group .vol-slider::-webkit-slider-runnable-track{height:2px;background:transparent;border-radius:1px}.vol-group .vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:none;margin-top:-5px}.vol-group .vol-slider::-moz-range-track{height:2px;background:#4b4f51;border-radius:1px;border:none}.vol-group .vol-slider::-moz-range-progress{height:2px;background:#fff;border-radius:1px}.vol-group .vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none}.vol-group.vol-expanded .vol-slider,.vol-group:hover .vol-slider{width:60px;opacity:1}.action-ripple{position:absolute;inset:0;pointer-events:none;z-index:5}.action-ripple,.action-ripple .ripple-circle{display:flex;align-items:center;justify-content:center}.action-ripple .ripple-circle{width:88px;height:88px;border-radius:50%;background:rgba(0,0,0,.6);animation:ripple-expand .75s ease-out forwards}@keyframes ripple-expand{0%{transform:scale(0);opacity:1}27%{transform:scale(1);opacity:1}60%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}.action-ripple .ripple-circle svg{width:64px;height:64px}.video-meta{padding:16px 0 0}.video-meta h1{font-size:20px;font-weight:700;margin-bottom:12px;line-height:1.4}.video-actions{flex-wrap:wrap}.channel-info,.video-actions{display:flex;align-items:center;gap:12px}.channel-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.75rem;font-weight:600;overflow:hidden}.channel-text{display:flex;flex-direction:column}.channel-name{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.2}.channel-subs{font-size:12px;color:#aaa;line-height:1.3}.btn-join{border:1px solid var(--border);background:transparent;color:var(--text-primary);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.btn-join:hover{background:var(--bg-tertiary)}.btn-subscribe{background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-subscribe:hover{opacity:.85}.action-buttons{display:flex;align-items:center;gap:8px;margin-left:auto}.btn-like-group{display:flex;align-items:center;background:var(--bg-tertiary);border-radius:20px;overflow:hidden}.btn-like-group button{background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .15s}.btn-like-group button:hover{background:var(--bg-hover)}.btn-like-group .like-sep{width:1px;height:24px;background:var(--border);flex-shrink:0}.btn-icon{background:var(--bg-tertiary);border:none;color:var(--text-primary);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;font-size:1.1rem}.btn-icon:hover{background:var(--bg-hover)}.chapter-list-section{margin-top:20px}.chapter-list-section h3{font-size:1rem;font-weight:600;margin-bottom:10px;color:var(--text-secondary)}.chapter-cards{display:flex;gap:8px;flex-wrap:wrap}.chapter-card{flex:1 1;min-width:140px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:background .15s}.chapter-card.active,.chapter-card:hover{background:var(--bg-tertiary)}.chapter-card.active{border-color:var(--accent)}.chapter-card .ch-time{font-size:.75rem;color:var(--accent);font-weight:600}.chapter-card .ch-title{font-size:.85rem;margin-top:2px}.sidebar h2{font-size:1rem;font-weight:600;margin-bottom:12px;padding-left:8px}.playlist{display:flex;flex-direction:column;gap:0}.playlist-item{display:flex;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .15s;text-decoration:none;color:inherit;position:relative}.playlist-item:hover{background:transparent}.playlist-item--active{background:var(--bg-hover)}.playlist-item .thumb{width:168px;height:94px;border-radius:8px;background:var(--bg-tertiary);flex-shrink:0;overflow:hidden;position:relative}.playlist-item .thumb img.thumb-img{width:100%;height:100%;object-fit:cover;display:block}.playlist-item .thumb .ep-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;font-weight:600;color:var(--text-secondary);pointer-events:none}.playlist-item .thumb .dur{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.8);color:#fff;padding:1px 6px;border-radius:4px;font-size:.7rem;font-weight:500;z-index:2}.playlist-item .info{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:1px}.playlist-item .info .title{font-size:14px;font-weight:700;color:#f1f1f1;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.playlist-item .info .channel,.playlist-item .info .meta{font-size:12px;color:#aaa;font-weight:700;line-height:1.3}.playlist-item .info .new-tag{font-size:12px;color:#aaa;font-weight:700;background:#ffffff1a;padding:0 4px;display:inline-block;width:-moz-fit-content;width:fit-content;border-radius:2px;margin-top:2px}.description-box{margin-top:16px;padding:14px 16px;background:var(--bg-tertiary);border-radius:var(--radius);font-size:14px;color:var(--text-secondary);line-height:1.65;cursor:pointer;max-height:160px;overflow:hidden;position:relative;transition:max-height .3s ease}.description-box.expanded{max-height:none;cursor:default}.desc-stats{display:flex;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.desc-text{margin-bottom:10px;font-weight:700}.desc-timestamps{display:flex;flex-direction:column;gap:0;margin-bottom:8px}.desc-timestamps a{color:var(--text-primary);text-decoration:none;font-weight:700;display:block;line-height:1.6}.desc-timestamps a:hover{text-decoration:underline}.desc-timestamps a .ts-time{color:#3ea1f7}.description-box .expand-btn{display:block;background:none;border:none;color:var(--text-primary);cursor:pointer;font-weight:600;font-size:14px;padding:4px 0 0}:root{--forum-sidebar-bg:#1a1a1f;--forum-main-bg:#25252b;--forum-card-bg:#2c2c34;--forum-card-hover:#34343e;--forum-card-border:#38384200;--forum-input-bg:#1e1e25;--forum-accent:#5865f2;--forum-accent-hover:#4752c4;--forum-green:#57f287;--forum-border:#2e2e38;--forum-text-primary:#f1f1f1;--forum-text-secondary:#b5bac1;--forum-text-muted:#6d6f78}.forum-layout{display:flex;height:calc(100vh - 49px);overflow:hidden}.forum-sidebar{width:252px;flex-shrink:0;background:var(--forum-sidebar-bg);display:flex;flex-direction:column;border-right:1px solid var(--forum-border)}.forum-server-header{height:52px;padding:0 16px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--forum-text-primary);border-bottom:1px solid var(--forum-border);flex-shrink:0;letter-spacing:-.2px}.forum-server-header svg{color:var(--forum-accent);flex-shrink:0}.forum-channel-category{padding:18px 16px 6px;font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--forum-text-muted);text-transform:uppercase}.forum-channel-list{flex:1 1;overflow-y:auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:1px}.forum-channel-list::-webkit-scrollbar{width:4px}.forum-channel-list::-webkit-scrollbar-thumb{background:var(--forum-border);border-radius:4px}.forum-channel{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:6px;border:none;background:transparent;color:var(--forum-text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:background .1s,color .1s;text-align:left;width:100%;font-family:inherit}.forum-channel:hover{background:hsla(0,0%,100%,.04);color:var(--forum-text-secondary)}.forum-channel.active{background:hsla(0,0%,100%,.08);color:var(--forum-text-primary)}.forum-channel-hash{font-size:17px;font-weight:600;opacity:.5;width:20px;text-align:center;flex-shrink:0}.forum-channel.active .forum-channel-hash{opacity:.8}.forum-channel-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forum-channel-badge{font-size:11px;font-weight:700;min-width:18px;height:18px;justify-content:center;padding:0 5px;border-radius:9px;background:var(--forum-accent);color:#fff}.forum-channel-badge,.forum-user-area{display:flex;align-items:center;flex-shrink:0}.forum-user-area{padding:10px 12px;border-top:1px solid var(--forum-border);gap:10px;background:rgba(0,0,0,.15)}.forum-user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.forum-username-display{background:none;border:none;color:var(--forum-text-primary);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;font-family:inherit;transition:background .1s}.forum-username-display:hover{background:hsla(0,0%,100%,.06)}.forum-username-display svg{opacity:0;transition:opacity .15s;color:var(--forum-text-muted)}.forum-username-display:hover svg{opacity:1}.forum-username-input{background:var(--forum-input-bg);border:1px solid var(--forum-accent);border-radius:4px;color:var(--forum-text-primary);font-size:13px;font-weight:600;padding:4px 8px;outline:none;width:120px;font-family:inherit}.forum-main{min-width:0;background:var(--forum-main-bg);overflow:hidden}.forum-loading,.forum-main{flex:1 1;display:flex;flex-direction:column}.forum-loading{align-items:center;justify-content:center;gap:16px;color:var(--forum-text-muted)}.forum-spinner{width:32px;height:32px;border:3px solid var(--forum-border);border-top-color:var(--forum-accent);border-radius:50%;animation:forum-spin .8s linear infinite}@keyframes forum-spin{to{transform:rotate(1turn)}}.forum-thread-list{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.forum-room-header{padding:16px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--forum-border);flex-shrink:0}.forum-room-header-info h2{font-size:18px;font-weight:700;color:var(--forum-text-primary);display:flex;align-items:center;gap:4px}.forum-room-hash{color:var(--forum-text-muted);font-size:22px;margin-right:4px}.forum-room-header-info p{font-size:13px;color:var(--forum-text-muted);margin-top:2px}.forum-new-thread-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;border:none;background:var(--forum-accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap;flex-shrink:0}.forum-new-thread-btn:hover{background:var(--forum-accent-hover)}.forum-thread-grid{flex:1 1;overflow-y:auto;padding:16px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:12px;gap:12px;align-content:start}.forum-thread-grid::-webkit-scrollbar{width:6px}.forum-thread-grid::-webkit-scrollbar-thumb{background:var(--forum-border);border-radius:6px}.forum-thread-card{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--forum-card-bg);border:1px solid var(--forum-card-border);border-radius:10px;cursor:pointer;transition:background .15s,transform .15s,border-color .15s;text-align:left;font-family:inherit;color:inherit;width:100%}.forum-thread-card:hover{background:var(--forum-card-hover);transform:translateY(-1px);border-color:var(--forum-border)}.forum-thread-card.pinned{border-color:rgba(88,101,242,.3);background:rgba(88,101,242,.06)}.forum-thread-card.pinned:hover{border-color:rgba(88,101,242,.5);background:rgba(88,101,242,.1)}.forum-pin-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--forum-accent);text-transform:uppercase;letter-spacing:.3px}.forum-thread-title{font-size:15px;font-weight:700;color:var(--forum-text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.forum-thread-author{display:flex;align-items:center;gap:8px}.forum-thread-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}.forum-thread-username{font-size:13px;font-weight:600}.forum-thread-time{font-size:12px;color:var(--forum-text-muted)}.forum-thread-time:before{content:"\00B7";margin-right:8px}.forum-thread-preview{font-size:13px;color:var(--forum-text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.forum-thread-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px}.forum-thread-replies{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--forum-text-muted);font-weight:600}.forum-thread-replies svg{opacity:.6}.forum-thread-activity{font-size:11px;color:var(--forum-text-muted)}.forum-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--forum-text-muted);text-align:center}.forum-empty svg{opacity:.3}.forum-empty h3{font-size:20px;font-weight:700;color:var(--forum-text-secondary)}.forum-empty p{font-size:14px;max-width:300px}.forum-thread-view{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.forum-thread-header{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--forum-border);flex-shrink:0}.forum-back-btn{background:none;border:none;color:var(--forum-text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s}.forum-back-btn:hover{background:hsla(0,0%,100%,.06);color:var(--forum-text-primary)}.forum-thread-header-info h2{font-size:16px;font-weight:700;color:var(--forum-text-primary);line-height:1.3}.forum-locked-badge,.forum-thread-header-meta{font-size:12px;color:var(--forum-text-muted)}.forum-locked-badge{display:flex;align-items:center;gap:4px;font-weight:600;margin-left:auto;padding:4px 10px;border-radius:12px;background:hsla(0,0%,100%,.04)}.forum-messages{flex:1 1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:2px}.forum-messages::-webkit-scrollbar{width:6px}.forum-messages::-webkit-scrollbar-thumb{background:var(--forum-border);border-radius:6px}.forum-empty-messages{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--forum-text-muted);font-size:14px}.forum-message{display:flex;gap:16px;padding:8px 12px;border-radius:8px;transition:background .1s;margin-top:12px}.forum-message:hover{background:hsla(0,0%,100%,.02)}.forum-message.grouped{margin-top:0;padding-top:1px;padding-bottom:1px}.forum-message.op{background:rgba(88,101,242,.04);border-left:3px solid var(--forum-accent);margin-bottom:8px}.forum-message.op:hover{background:rgba(88,101,242,.07)}.forum-message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.forum-message-content{flex:1 1;min-width:0}.forum-message-content.grouped-content{padding-left:56px}.forum-message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.forum-message-username{font-size:14px;font-weight:700;cursor:pointer}.forum-message-username:hover{text-decoration:underline}.forum-op-badge{font-size:10px;font-weight:700;color:var(--forum-accent);background:rgba(88,101,242,.15);padding:1px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.forum-message-time{font-size:12px;color:var(--forum-text-muted);font-weight:400}.forum-message-body{font-size:14px;color:var(--forum-text-secondary);line-height:1.55;white-space:pre-wrap;word-break:break-word}.forum-input-area{padding:8px 20px 20px;flex-shrink:0}.forum-input-wrapper{display:flex;align-items:flex-end;gap:8px;background:var(--forum-input-bg);border:1px solid var(--forum-border);border-radius:10px;padding:8px 8px 8px 16px;transition:border-color .15s}.forum-input-wrapper:focus-within{border-color:var(--forum-accent)}.forum-message-input{flex:1 1;background:transparent;border:none;color:var(--forum-text-primary);font-size:14px;line-height:1.45;resize:none;outline:none;padding:4px 0;font-family:inherit;max-height:200px}.forum-message-input::placeholder{color:var(--forum-text-muted)}.forum-send-btn{width:36px;height:36px;border-radius:8px;border:none;background:var(--forum-accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,opacity .15s}.forum-send-btn:hover:not(:disabled){background:var(--forum-accent-hover)}.forum-send-btn:disabled{opacity:.35;cursor:not-allowed}.forum-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px;animation:forum-fade-in .15s ease}@keyframes forum-fade-in{0%{opacity:0}to{opacity:1}}.forum-modal{background:var(--forum-card-bg);border-radius:12px;width:100%;max-width:520px;overflow:hidden;animation:forum-modal-slide .2s ease;box-shadow:0 24px 80px rgba(0,0,0,.5)}@keyframes forum-modal-slide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.forum-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px 16px}.forum-modal-header h2{font-size:18px;font-weight:700;color:var(--forum-text-primary)}.forum-modal-room{font-size:13px;color:var(--forum-text-muted)}.forum-modal-close{margin-left:auto;background:none;border:none;color:var(--forum-text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s}.forum-modal-close:hover{background:hsla(0,0%,100%,.06);color:var(--forum-text-primary)}.forum-modal form{padding:0 24px 24px}.forum-modal-field{margin-bottom:16px}.forum-modal-field label{display:block;font-size:13px;font-weight:700;color:var(--forum-text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.forum-modal-field input,.forum-modal-field textarea{width:100%;background:var(--forum-input-bg);border:1px solid var(--forum-border);border-radius:6px;color:var(--forum-text-primary);font-size:14px;padding:10px 12px;outline:none;font-family:inherit;transition:border-color .15s;resize:vertical}.forum-modal-field input:focus,.forum-modal-field textarea:focus{border-color:var(--forum-accent)}.forum-modal-field input::placeholder,.forum-modal-field textarea::placeholder{color:var(--forum-text-muted)}.forum-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.forum-modal-cancel{padding:10px 20px;border-radius:6px;border:none;background:transparent;color:var(--forum-text-secondary);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .1s,color .1s}.forum-modal-cancel:hover{background:hsla(0,0%,100%,.04);color:var(--forum-text-primary)}.forum-modal-submit{padding:10px 24px;border-radius:6px;border:none;background:var(--forum-accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,opacity .15s}.forum-modal-submit:hover:not(:disabled){background:var(--forum-accent-hover)}.forum-modal-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width:900px){.forum-sidebar{width:200px}.forum-thread-grid{grid-template-columns:1fr;padding:12px 16px}}@media (max-width:640px){.forum-sidebar{display:none}.forum-room-header{padding:12px 16px}.forum-messages,.forum-thread-grid{padding:12px}.forum-input-area{padding:8px 12px 12px}.forum-thread-header{padding:10px 12px}}