:root,[data-theme=dark]{--primary:#f6ac00;--primary-hover:#e09800;--bg:#000;--surface:#161616;--post-surface:#161616;--text:#fff;--text-secondary:#aaa;--text-soft:#d0d0d0;--border:#2a2a2e;--border-hover:#555;--input-bg:#0e0e10;--header-bg:#111;--dropdown-bg:#1a1a1a;--hover-bg:#222;--danger:#ef4444;--danger-hover:#dc2626;--on-danger:#fff;--success:#22c55e;--success-hover:#16a34a;--on-success:#fff;--notice:#3b82f6;--notice-hover:#2563eb;--on-primary:#000;--comment-highlight-bg:#f6ac0024;--grade-legendary-bg:#ef44442e;--grade-legendary-text:#fca5a5;--grade-epic-bg:#a855f72e;--grade-epic-text:#d8b4fe;--grade-elite-bg:#ec48992e;--grade-elite-text:#f9a8d4;--grade-rare-bg:#3b82f62e;--grade-rare-text:#93c5fd;--grade-special-bg:#22c55e2e;--grade-special-text:#86efac;--grade-classic-bg:#9ca3af2e;--grade-classic-text:#d1d5db;--loot-sum-bg:#1f1f23}[data-theme=light]{--primary:#f6ac00;--primary-hover:#d99800;--bg:#fff;--surface:#f8f8f8;--post-surface:#fff;--text:#000;--text-secondary:#8a8a8a;--text-soft:#555;--border:#e0e0e0;--border-hover:#999;--input-bg:#fff;--header-bg:#f8f8f8;--dropdown-bg:#fff;--hover-bg:#f0f0f0;--danger:#dc2626;--danger-hover:#b91c1c;--on-danger:#fff;--success:#16a34a;--success-hover:#15803d;--on-success:#fff;--notice:#2563eb;--notice-hover:#1d4ed8;--on-primary:#000;--comment-highlight-bg:#f6ac002e;--grade-legendary-bg:#ef44441f;--grade-legendary-text:#b91c1c;--grade-epic-bg:#a855f71f;--grade-epic-text:#7e22ce;--grade-elite-bg:#ec48991f;--grade-elite-text:#be185d;--grade-rare-bg:#3b82f61f;--grade-rare-text:#1d4ed8;--grade-special-bg:#22c55e1f;--grade-special-text:#15803d;--grade-classic-bg:#6b72801a;--grade-classic-text:#4b5563;--loot-sum-bg:#eef0f2}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.toast{background:var(--post-surface);border:1px solid var(--border);z-index:9999;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;animation:.25s ease-out toast-in;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}.toast.toast-default{border-color:var(--primary);color:var(--primary)}.toast.toast-success{border-color:var(--success);color:var(--success)}.toast.toast-error{border-color:var(--danger);color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-width:1280px;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}.header{background:var(--header-bg);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:72px;padding:0 24px;transition:background .25s,border-color .25s;display:flex;position:sticky;top:0}.header-logo{cursor:pointer;align-items:center;display:inline-flex}.header-logo-img{width:auto;height:60px;display:block}.header-nav{gap:8px;margin-left:40px;display:flex}.header-nav a{color:var(--text-secondary);border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.header-nav a:hover,.header-nav a.active{color:var(--text);background:var(--hover-bg)}.header-left{align-items:center;display:flex}.notif-bell{position:relative}.notif-bell-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s,border-color .15s;display:inline-flex;position:relative}.notif-bell-btn:hover{color:var(--text);background:var(--hover-bg);border-color:var(--border-hover)}.notif-bell-badge{background:var(--danger);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.notif-bell-dropdown{background:var(--surface);border:1px solid var(--border);z-index:100;border-radius:10px;flex-direction:column;width:340px;max-height:460px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000002e}.notif-bell-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.notif-bell-title{color:var(--text);font-size:14px;font-weight:700}.notif-bell-head-actions{align-items:center;gap:4px;display:flex}.notif-bell-mark-all{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:12px;font-weight:600}.notif-bell-mark-all:hover{text-decoration:underline}.notif-bell-open-page{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.notif-bell-open-page:hover{background:var(--hover-bg);color:var(--text)}.notif-bell-list{flex:1;overflow-y:auto}.notif-bell-empty{text-align:center;color:var(--text-secondary);padding:32px 14px;font-size:13px}.notif-bell-item{border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;width:100%;padding:12px 14px;transition:background .15s;display:block}.notif-bell-item:hover{background:var(--hover-bg)}.notif-bell-item:last-child{border-bottom:0}.notif-bell-item.is-unread{background:color-mix(in srgb, var(--primary) 6%, transparent)}.notif-bell-item.is-unread:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}.notif-bell-item-title{color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1.3;display:flex}.notif-bell-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.notif-bell-item-body{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-bell-item-time{color:var(--text-secondary);opacity:.7;margin-top:6px;font-size:11px}.header-right{align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}.lang-toggle{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);letter-spacing:.5px;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:all .2s;display:flex}.lang-toggle:hover{border-color:var(--primary);color:var(--primary)}.login-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:7px 18px;font-size:13px;font-weight:600;transition:all .2s}.login-btn:hover{border-color:var(--primary);color:var(--primary)}.login-btn.logged-in{align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex}.login-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px;display:block}.login-name{font-size:13px;font-weight:600}.login-menu{position:relative}.login-menu-dropdown{background:var(--dropdown-bg);border:1px solid var(--border);z-index:100;border-radius:6px;min-width:140px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 16px #00000040}.login-menu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:10px 14px;font-size:13px;transition:background .15s;display:block}.login-menu-item:hover{background:var(--hover-bg)}.community-search{position:relative}.community-search-wrapper{align-items:center;display:flex;position:relative}.community-search-input{border:1px solid var(--border);background:var(--input-bg);width:280px;color:var(--text);border-radius:6px;outline:none;padding:8px 36px 8px 14px;font-size:13px;transition:border-color .2s,background .25s}.community-search-input:focus{border-color:var(--primary)}.community-search-input::placeholder{color:var(--text-secondary)}.community-search-icon{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;right:8px}.community-search-icon:hover{color:var(--primary)}.search-dropdown{background:var(--dropdown-bg);border:1px solid var(--border);z-index:200;border-radius:8px;width:280px;transition:background .25s,border-color .25s;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000004d}.search-tabs{border-bottom:1px solid var(--border);display:flex}.search-tab{text-align:center;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 4px;font-size:12px;font-weight:600;transition:all .2s}.search-tab:hover{color:var(--text)}.search-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.search-history{padding:12px 16px}.search-history-title{color:var(--text-secondary);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.search-history-clear{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:600}.search-history-item{color:var(--text);cursor:pointer;border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 8px;font-size:13px;transition:background .15s;display:flex}.search-history-item:first-of-type{border-top:0}.search-history-item:hover{background:var(--hover-bg)}.search-history-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.search-history-remove{width:20px;height:20px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;padding:0;font-size:16px;line-height:1;transition:background .15s,color .15s}.search-history-remove:hover{background:var(--border);color:var(--text)}.search-no-history{text-align:center;color:var(--text-secondary);padding:20px;font-size:13px}.search-suggest-list{max-height:380px;margin:0;padding:6px 0;list-style:none;overflow-y:auto}.search-suggest-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:9px 16px;font-size:13px;transition:background .15s;display:flex}.search-suggest-item:hover{background:var(--hover-bg)}.search-suggest-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.search-suggest-board{color:var(--text-secondary);flex-shrink:0;font-size:11px}.search-highlight{background:color-mix(in srgb, var(--primary) 25%, transparent);color:var(--primary);border-radius:2px;padding:0 1px;font-weight:600}.search-view-all{border:0;border-top:1px solid var(--border);width:100%;color:var(--primary);cursor:pointer;background:0 0;padding:10px 16px;font-size:13px;font-weight:600;transition:background .15s;display:block}.search-view-all:hover{background:var(--hover-bg)}.community-results-count{color:var(--text-secondary);margin-left:8px;font-size:14px;font-weight:400}.results-pagination{justify-content:center;margin-top:20px;display:flex}.stats-search-box{background:var(--surface);border:2px solid var(--border);border-radius:12px;align-items:center;gap:0;width:100%;max-width:560px;transition:border-color .2s,background .25s;display:flex;overflow:visible}.stats-search-box>:last-child{border-radius:0 10px 10px 0}.stats-search-box:focus-within{border-color:var(--primary)}.stats-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-size:14px}.stats-search-input::placeholder{color:var(--text-secondary)}.stats-search-btn{background:var(--primary);color:var(--on-primary);cursor:pointer;border:none;padding:14px 24px;font-size:14px;font-weight:700;transition:background .2s}.stats-search-btn:hover{background:var(--primary-hover)}.stats-page{max-width:960px;margin:0 auto;padding:40px 20px}.stats-search-section{flex-direction:column;align-items:center;margin-bottom:32px;padding:40px 0;display:flex}.stats-search-title{color:var(--primary);margin-bottom:24px;font-size:28px;font-weight:800}.stats-not-found{color:#e04040;text-align:center;background:0 0;border:none;margin-top:16px;padding:14px 20px;font-size:14px;font-weight:600}.stats-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:14px;display:flex}.stats-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats-back-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;margin-bottom:16px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.stats-back-btn:hover{color:var(--text);border-color:var(--border-hover)}.stats-results{flex-direction:column;gap:24px;display:flex}.profile-header{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:12px 20px 12px 12px;transition:background .25s,border-color .25s;display:flex}.profile-avatar{object-fit:cover;border-radius:10px;flex-shrink:0;width:80px;height:80px}.profile-header-center{flex:1}.profile-name-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.profile-name{font-size:24px;font-weight:800}.profile-copy-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.profile-copy-btn:hover{color:var(--primary);background:var(--hover-bg)}.profile-meta{align-items:center;gap:12px;display:flex}.profile-refresh-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.profile-refresh-btn:hover{color:var(--primary);background:var(--hover-bg)}.profile-updated{color:var(--text-secondary);font-size:12px}.profile-fav-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:flex}.profile-fav-btn:hover,.profile-fav-btn.active{color:var(--primary)}.control-bar{justify-content:space-between;align-items:center;display:flex}.perspective-toggle{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.perspective-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 20px;font-size:13px;font-weight:700;transition:all .2s}.perspective-btn.active{background:var(--primary);color:var(--on-primary)}.perspective-btn:not(.active):hover{background:var(--hover-bg);color:var(--text)}.season-select-custom{position:relative}.season-select-trigger{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .2s,background .2s;display:flex}.season-select-trigger:hover{border-color:var(--primary)}.season-select-trigger.open{border-color:var(--primary);background:var(--hover-bg)}.season-select-label{align-items:center;gap:6px;display:flex}.season-select-arrow{opacity:.5;transition:transform .2s}.season-select-arrow.open{transform:rotate(180deg)}.season-current-badge{color:var(--on-primary);background:var(--primary);letter-spacing:.5px;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.season-select-dropdown{background:var(--surface);border:1px solid var(--border);z-index:100;border-radius:10px;flex-direction:column;gap:2px;width:100%;max-height:280px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 8px 24px #00000040}.season-select-dropdown::-webkit-scrollbar{width:6px}.season-select-dropdown::-webkit-scrollbar-track{background:0 0}.season-select-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.season-select-option{width:100%;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.season-select-option:hover{background:var(--hover-bg)}.season-select-option.active{background:color-mix(in srgb, var(--primary) 15%, transparent);color:var(--primary);font-weight:700}.stats-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stats-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;transition:background .25s,border-color .25s;position:relative}.stats-card .tier-badge{position:absolute;top:4px;right:14px}.stats-card-header{justify-content:space-between;align-items:center;min-height:28px;margin-bottom:10px;display:flex}.stats-card-title{color:var(--primary);font-size:13px;font-weight:700}.stats-card-summary{gap:10px;margin-bottom:10px;display:flex}.stats-card-badge{background:var(--bg);color:var(--text-secondary);border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.stats-card-badge svg{flex-shrink:0}.stats-card-badge.wins{color:var(--primary)}.stats-card-highlight{gap:8px;margin-bottom:10px;display:flex}.stat-highlight{background:var(--bg);border-left:3px solid var(--primary);border-radius:8px;flex-direction:column;flex:1;gap:1px;padding:10px 12px;display:flex}.stat-highlight .stat-label{font-size:10px}.stat-highlight .stat-value{color:var(--primary);font-size:20px;font-weight:900}.stats-mode-toggle{border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.stats-mode-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 12px;font-size:11px;font-weight:700;transition:all .2s}.stats-mode-btn.active{background:var(--primary);color:var(--on-primary)}.stats-mode-btn:not(.active):hover{background:var(--hover-bg)}.stats-card-empty{color:var(--text-secondary);justify-content:center;align-items:center;padding:40px 16px;font-size:13px;display:flex}.stats-card-grid{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.stat-item{background:var(--bg);border-radius:6px;flex-direction:column;gap:1px;padding:6px 8px;transition:background .25s;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:600}.stat-value{color:var(--text);font-size:13px;font-weight:800}.stat-unit{color:var(--text-secondary);margin-left:1px;font-size:10px;font-weight:600}.detail-tabs-section{margin-top:8px}.detail-tabs{border-bottom:1px solid var(--border);gap:4px;display:flex;overflow-x:auto}.detail-tab{color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.detail-tab:hover{color:var(--text)}.detail-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.detail-tabs-content{padding:16px 0}.recent-summary{background:0 0;border:none;justify-content:space-around;align-items:center;padding:16px 0;display:flex;position:relative}.recent-matches-title{color:var(--text-soft);margin:0 0 12px;font-size:16px;font-weight:700}.recent-summary:before{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--primary) 15%, transparent), transparent 30%);pointer-events:none;height:100%;position:absolute;bottom:0;left:0;right:0}.recent-summary-col{flex-direction:column;gap:8px;display:flex}.recent-summary-right{min-width:0}.recent-summary-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.recent-summary-stats{gap:16px;display:flex}.recent-stat{white-space:nowrap;flex-direction:column;gap:1px;display:flex}.recent-stat-label{color:var(--text-secondary);text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:600}.recent-stat-value{color:var(--text);font-size:16px;font-weight:800}.recent-stat-unit{color:var(--text-secondary);margin-left:1px;font-size:10px;font-weight:600}.recent-avgrank{align-items:center;gap:8px;display:flex}.recent-avgrank-value{color:var(--primary);font-size:18px;font-weight:900}.recent-rank-history{grid-template-columns:repeat(10,28px);justify-content:center;gap:4px;display:grid}.rank-box{background:var(--bg);border:1px solid var(--border);z-index:1;width:28px;height:24px;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:relative}.rank-box.win{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:900}.rank-box.top10{color:#8a6d00;background:#fef3cd;border-color:#f0d87a}[data-theme=dark] .rank-box.top10{color:#f0d87a;background:#3d3000;border-color:#6b5200}.match-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.match-card-wrapper.expanded .match-card{border-bottom:none;border-radius:8px 8px 0 0;margin-bottom:0}.match-card{background:var(--bg);border:2px solid var(--border-hover);border-radius:8px;align-items:center;gap:16px;padding:12px 16px;transition:border-color .2s;display:flex}.match-card:hover{border-color:var(--border-hover)}.match-card.win{background:color-mix(in srgb, var(--primary) 25%, var(--bg))}.match-card.top10{background:color-mix(in srgb, #f0d87a 10%, var(--bg))}.match-card-date{flex-direction:column;flex-shrink:0;align-items:center;min-width:70px;display:flex}.match-card-map{flex-shrink:0;align-items:center;min-width:70px;display:flex}.match-map-name{color:var(--primary);font-size:13px;font-weight:700}.match-date-day{color:var(--text);font-size:12px;font-weight:600}.match-date-time{color:var(--text-secondary);font-size:11px}.match-card-rank{flex-shrink:0;align-items:baseline;min-width:65px;display:flex}.match-rank-value{color:var(--text-secondary);font-size:18px;font-weight:900}.match-card-rank.win .match-rank-value,.match-card-rank.top10 .match-rank-value{color:var(--primary)}.match-rank-total{color:var(--text-secondary);font-size:12px}.match-card-stat{flex-direction:column;flex-shrink:0;align-items:center;min-width:55px;display:flex}.match-stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:9px;font-weight:600}.match-stat-value{color:var(--text);font-size:14px;font-weight:800}.match-stat-unit{color:var(--text-secondary);margin-left:1px;font-size:10px;font-weight:600}.match-card-teammates{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto;display:flex}.match-teammate{background:var(--hover-bg);color:var(--text);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s}.match-teammate:hover{color:var(--primary);background:var(--bg)}.match-no-team{color:var(--text-secondary);font-size:11px;font-style:italic}.match-card-expand{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.match-card-expand:hover{color:var(--text);background:var(--hover-bg)}.match-card-expand svg{transition:transform .25s}.match-card-expand.open svg{transform:rotate(180deg)}.match-dropdown{background:var(--bg);border:2px solid var(--border-hover);border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.match-dropdown-tabs{border-bottom:1px solid var(--border);display:flex}.match-dropdown-tab{text-align:center;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px;font-size:12px;font-weight:600;transition:all .2s}.match-dropdown-tab:hover{color:var(--text)}.match-dropdown-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.dropdown-table-head{border-bottom:1px solid var(--border);color:var(--text-secondary);text-transform:uppercase;padding:8px 12px;font-size:10px;font-weight:600;display:flex}.dropdown-table-body{max-height:300px;overflow-y:auto}.dropdown-table-row{color:var(--text);border-bottom:1px solid var(--border);padding:6px 12px;font-size:12px;transition:background .15s;display:flex}.dropdown-table-row:last-child{border-bottom:none}.dropdown-table-row:hover{background:var(--hover-bg)}.dropdown-table-row.highlight{background:color-mix(in srgb, var(--primary) 10%, var(--surface));font-weight:700}.dropdown-table-row.total{border-top:1px solid var(--border);color:var(--text-secondary);font-weight:700}.dt-rank{flex-shrink:0;width:40px}.dt-members{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dt-num{text-align:right;flex-shrink:0;width:65px}.dt-num.high-dmg{color:#e04040;font-weight:700}.dt-member-link{cursor:pointer;transition:color .15s}.dt-member-link:hover{color:var(--primary)}.dropdown-header{border-bottom:1px solid var(--border);background:inherit;align-items:center;gap:24px;padding:12px 16px;display:flex}.match-card-wrapper.expanded.win .dropdown-header{background:color-mix(in srgb, var(--primary) 25%, var(--bg))}.match-card-wrapper.expanded.top10 .dropdown-header{background:color-mix(in srgb, #f0d87a 10%, var(--bg))}.dropdown-header-stat{flex-direction:column;gap:1px;display:flex}.dropdown-header-label{color:var(--text-secondary);font-size:10px;font-weight:600}.dropdown-header-value{color:var(--text);font-size:15px;font-weight:800}.dropdown-summary{gap:24px;padding:16px;display:flex}.summary-section{flex:1}.summary-section-title{color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:700}.summary-grid{flex-direction:column;gap:8px;display:flex}.summary-item{justify-content:space-between;align-items:baseline;display:flex}.summary-val{color:var(--text);font-size:15px;font-weight:800}.summary-lbl{color:var(--text-secondary);font-size:11px}.match-load-more{border:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:12px;font-size:13px;font-weight:600;transition:all .2s}.match-load-more:hover{color:var(--primary);border-color:var(--primary)}.stats-panel{max-width:560px;margin:0 auto}.stats-panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stats-panel-tabs{gap:4px;display:flex}.stats-panel-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.stats-panel-tab:hover{color:var(--text)}.stats-panel-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.stats-panel-clear{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.stats-panel-clear:hover{color:#e04040;border-color:#e04040}.stats-panel-list{flex-direction:column;gap:6px;display:flex}.stats-panel-empty{text-align:center;color:var(--text-secondary);padding:48px 20px;font-size:14px}.player-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 16px 8px 8px;transition:border-color .2s,background .15s;display:flex}.player-card:hover{border-color:var(--border-hover);background:var(--hover-bg)}.player-card-left{align-items:center;gap:12px;display:flex}.player-card-avatar{object-fit:cover;border-radius:6px;flex-shrink:0;width:56px;height:56px}.player-card-right{align-items:center;gap:10px;display:flex}.player-card-name{color:var(--text);font-size:14px;font-weight:700}.tier-badge{align-items:center;gap:8px;display:inline-flex}.tier-badge.compact{gap:5px}.tier-badge-img{object-fit:contain}.tier-badge-info{flex-direction:column;gap:2px;display:flex}.tier-badge-text{color:var(--text);white-space:nowrap;font-size:13px;font-weight:700}.tier-badge.compact .tier-badge-text{font-size:11px}.tier-badge-rp{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:600}.player-card-actions{align-items:center;gap:4px;display:flex}.player-card-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.player-card-btn:hover{background:var(--hover-bg)}.player-card-btn.fav:hover,.player-card-btn.fav.active{color:var(--primary)}.player-card-btn.delete:hover{color:#e04040}.community-results{max-width:1280px;margin:0 auto;padding:32px 24px}.community-results-title{margin-bottom:24px;font-size:22px;font-weight:700}.community-results-title span{color:var(--primary)}.results-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:24px;display:flex}.results-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.results-tab:hover{color:var(--text)}.results-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.results-empty{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:14px}.results-list{flex-direction:column;gap:8px;display:flex}.result-item{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:16px;transition:border-color .2s,background .25s}.result-item:hover{border-color:var(--border-hover)}.result-item-title{margin-bottom:4px;font-size:15px;font-weight:600}.result-item-meta{color:var(--text-secondary);font-size:12px}.community-board{grid-template-columns:220px 1fr;gap:32px;max-width:1280px;margin:0 auto;padding:32px 24px;display:grid}.board-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-self:start;padding:12px 0;position:sticky;top:80px}.board-sidebar-group{padding:0}.board-sidebar-divider{border:0;border-top:1px solid var(--border);margin:8px 12px}.board-sidebar-list{margin:0;padding:0;list-style:none}.board-sidebar-item{color:var(--text);border-left:3px solid #0000;padding:9px 16px;font-size:14px;transition:background .15s,color .15s,border-color .15s;display:block}.board-sidebar-item:hover{background:var(--hover-bg)}.board-sidebar-item.active{color:var(--primary);border-left-color:var(--primary);background:var(--hover-bg);font-weight:600}.board-main{min-width:0}.board-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;padding-bottom:12px;display:flex}.board-title{font-size:22px;font-weight:700}.board-title-group{flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0;display:flex}.board-update-notice{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:500}.board-view-toggle{border:1px solid var(--border);border-radius:6px;gap:0;display:inline-flex;overflow:hidden}.board-view-tab{width:38px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.board-view-tab:hover{color:var(--text)}.board-view-tab.active{background:var(--primary);color:var(--on-primary)}.board-content{margin-bottom:24px}.board-placeholder{text-align:center;color:var(--text-secondary);padding:80px 0;font-size:14px}.board-list-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}.board-list-table thead th{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-secondary);text-align:left;white-space:nowrap;padding:10px 12px;font-size:13px;font-weight:600}.board-list-table tbody td{border-bottom:1px solid var(--border);text-align:left;color:var(--text);padding:11px 12px}.board-list-table tbody td.col-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-list-table tbody td.col-title .post-title-link{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:100%;display:inline-block;overflow:hidden}.board-list-table tbody tr:hover{background:var(--hover-bg)}.board-list-table tbody tr.row-clickable{cursor:pointer}.col-sort{vertical-align:middle;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;margin-left:4px;line-height:1;display:inline-flex}.col-sort-arrow{color:var(--border-hover);font-size:7px;line-height:1;transition:color .15s}.col-sort-arrow.active{color:var(--primary)}.board-list-table thead th .col-label{vertical-align:middle}.board-list-table thead th.col-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.board-list-table thead th.col-sortable:hover .col-label,.board-list-table thead th.col-sortable:focus-visible .col-label{color:var(--text)}.board-list-table thead th.col-sortable:hover .col-sort-arrow,.board-list-table thead th.col-sortable:focus-visible .col-sort-arrow{color:var(--text-secondary)}.board-list-table thead th.col-sortable:hover .col-sort-arrow.active,.board-list-table thead th.col-sortable:focus-visible .col-sort-arrow.active,.board-list-table thead th.col-sortable.active .col-sort-arrow.active,.board-list-table thead th.col-sortable.active .col-label{color:var(--primary)}.board-list-table .col-type{width:72px}.board-list-table .col-author{width:170px;color:var(--text-secondary)}.board-list-table .col-date{width:110px;color:var(--text-secondary)}.board-list-table .col-views{width:80px;color:var(--text-secondary)}.board-list-table .col-comments,.board-list-table .col-likes{width:60px;color:var(--text-secondary)}.board-list-table .col-board{width:110px;color:var(--text-secondary)}.row-pinned{background:color-mix(in srgb, var(--notice) 8%, transparent)}.row-pinned td{font-weight:600}.post-type{color:var(--text-secondary);background:var(--hover-bg);border:1px solid var(--border);border-radius:3px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.post-type-notice{color:var(--notice);background:color-mix(in srgb, var(--notice) 15%, transparent);border-color:color-mix(in srgb, var(--notice) 40%, transparent)}.post-title-link{color:var(--text);transition:color .15s}.post-title-link:hover{color:var(--primary)}.post-title-count{color:var(--primary);margin-left:6px;font-size:12px;font-weight:600}.board-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.board-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.board-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.board-card-thumb{aspect-ratio:16/10;background:var(--input-bg);overflow:hidden}.board-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.board-card-thumb-placeholder{background:linear-gradient(135deg, var(--input-bg), var(--surface));width:100%;height:100%}.board-card-body{flex-direction:column;gap:4px;padding:12px 14px 14px;display:flex}.board-card-pinned{border-color:color-mix(in srgb, var(--notice) 40%, var(--border))}.board-card-notice-badge{align-self:flex-start;margin-bottom:4px}.board-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.board-card-author{color:var(--text-secondary);font-size:12px}.board-card-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:4px;font-size:12px;display:flex}.board-card-views{align-items:center;gap:4px;display:inline-flex}.board-footer{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:24px 0 8px;display:grid}.board-footer-spacer{min-width:0}.board-footer-actions{justify-content:flex-end;min-width:0;display:flex}.board-write-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.board-write-btn:hover{background:var(--primary);color:var(--on-primary);box-shadow:0 2px 8px color-mix(in srgb, var(--primary) 35%, transparent)}.board-pagination{justify-content:center;align-items:center;gap:4px;padding:0;display:flex}.board-page-btn{border:1px solid var(--border);min-width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:0 8px;font-size:13px;transition:background .15s,color .15s,border-color .15s}.board-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.board-page-btn.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:700}.board-page-btn:disabled{opacity:.3;cursor:not-allowed}.board-page-nav{color:var(--text-secondary)}@media (width<=720px){.community-board{grid-template-columns:1fr}.board-sidebar{position:static}}.user-profile{max-width:1080px;margin:0 auto;padding:32px 24px}.user-profile-header{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex;position:relative}.user-profile-avatar{object-fit:cover;background:var(--hover-bg);border-radius:50%;flex-shrink:0;width:88px;height:88px}.user-profile-info{flex:1;min-width:0}.user-profile-name-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.user-tier-badge{vertical-align:middle;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:26px;margin-right:4px;line-height:1;display:inline-flex}.user-tier-bullet{filter:drop-shadow(0 1px #00000040);display:block}.user-tier-emoji{font-size:14px;line-height:1;display:inline-block}.user-profile-name .user-tier-badge{width:40px;margin-right:8px}.user-profile-name .user-tier-emoji{font-size:26px}.user-profile-name .user-tier-bullet{width:40px;height:16px}.user-profile-name{color:var(--text);margin:0;font-size:22px;font-weight:700}.user-profile-edit-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.user-profile-edit-btn:hover{background:var(--hover-bg);border-color:var(--primary);color:var(--primary)}.user-profile-suspend-btn,.user-profile-unsuspend-btn{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.user-profile-suspend-btn:hover{background:var(--danger);color:var(--on-danger)}.user-profile-unsuspend-btn{border-color:var(--success);color:var(--success)}.user-profile-unsuspend-btn:hover{background:var(--success);color:var(--on-success)}.user-profile-suspended-banner{background:color-mix(in srgb, var(--danger) 14%, transparent);border:1px solid var(--danger);max-width:1080px;color:var(--danger);border-radius:8px;margin:0 auto 16px;padding:12px 20px;font-size:14px}.user-profile-suspend-reason{font-weight:500}.user-profile-suspended-self{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.user-profile-suspend-hint{color:var(--text-secondary);margin-top:4px;font-size:12px;font-weight:500}.user-profile-inquiry-btn{background:var(--danger);border:1px solid var(--danger);color:var(--on-danger);cursor:pointer;border-radius:6px;flex-shrink:0;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.user-profile-inquiry-btn:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.user-profile-menu{position:absolute;top:10px;right:10px}.user-profile-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.user-profile-dot{color:var(--border-hover)}.user-profile-bio{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:10px 0 0;font-size:14px}.user-profile-account-actions{align-items:center;gap:10px;display:flex;position:absolute;bottom:10px;right:14px}.user-profile-logout,.user-profile-delete-account{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:12px;transition:color .15s}.user-profile-logout:hover,.user-profile-delete-account:hover{color:var(--danger)}.user-profile-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.user-profile-tabs{border-bottom:1px solid var(--border);gap:4px;margin:-4px -4px 16px;padding:0 4px;display:flex}.user-profile-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.user-profile-tab:hover{color:var(--text)}.user-profile-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.user-profile-tab-count{color:var(--text-secondary);margin-left:6px;font-size:12px;font-weight:500}.user-profile-tab.active .user-profile-tab-count{color:var(--primary)}.user-profile-notif{padding-top:4px}.user-profile-notif-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 0 12px;display:flex}.user-profile-notif-head-left{align-items:center;gap:10px;display:flex}.user-profile-notif-count{color:var(--text);font-size:13px;font-weight:600}.user-profile-notif-mark-all-inline{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:12px;font-weight:600}.user-profile-notif-mark-all-inline:hover{text-decoration:underline}.user-profile-notif-head-actions{align-items:center;gap:6px;display:flex}.user-profile-notif-action-btn{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.user-profile-notif-action-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-hover)}.user-profile-notif-action-btn:disabled{opacity:.5;cursor:not-allowed}.user-profile-notif-action-btn.is-primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.user-profile-notif-action-btn.is-primary:hover:not(:disabled){background:var(--primary);opacity:.9}.user-profile-notif-action-btn.is-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 50%, var(--border))}.user-profile-notif-action-btn.is-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 10%, var(--surface));border-color:var(--danger)}.user-profile-notif-cross-banner{background:color-mix(in srgb, var(--primary) 8%, transparent);border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));color:var(--text);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding:10px 14px;font-size:13px;display:flex}.user-profile-notif-cross-banner.is-active{background:color-mix(in srgb, var(--primary) 14%, transparent)}.user-profile-notif-cross-link{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.user-profile-notif-cross-link:hover{text-decoration:underline}.user-profile-notif-list{margin:0;padding:0;list-style:none}.user-profile-notif-item{border-bottom:1px solid var(--border)}.user-profile-notif-item:last-child{border-bottom:0}.user-profile-notif-item.is-unread{background:color-mix(in srgb, var(--primary) 5%, transparent)}.user-profile-notif-btn{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;align-items:flex-start;gap:12px;padding:14px 12px;display:flex}.user-profile-notif-content{flex:1;min-width:0}.user-profile-notif-check{border:1.5px solid var(--border);color:#0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:13px;font-weight:700;display:inline-flex}.user-profile-notif-check.is-checked{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.user-profile-notif-item.is-selected{background:color-mix(in srgb, var(--primary) 8%, transparent)}@keyframes notif-highlight-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 60%, transparent);background:color-mix(in srgb, var(--primary) 20%, transparent)}to{background:0 0;box-shadow:0 0 0 6px #0000}}.user-profile-notif-item.is-highlighted{border-radius:6px;animation:1.6s ease-out notif-highlight-pulse}.user-profile-notif-btn:hover{background:var(--hover-bg)}.user-profile-notif-row{align-items:center;gap:8px;display:flex}.user-profile-notif-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.user-profile-notif-kind{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.user-profile-notif-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.user-profile-notif-body{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;margin-left:70px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.user-profile-notif-more{color:var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:4px;margin-left:70px;font-size:12px;font-weight:600;display:inline-block}.user-profile-notif-more:hover{text-decoration:underline}.user-profile-notif-modal{width:92vw;max-width:640px}.user-profile-notif-modal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.user-profile-notif-modal-time{color:var(--text-secondary);font-size:12px}.user-profile-notif-modal-title{color:var(--text);margin:0 0 14px;font-size:18px;font-weight:700;line-height:1.4}.user-profile-notif-modal-body{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text);white-space:pre-wrap;word-break:break-word;max-height:50vh;margin-bottom:14px;padding:14px 0;font-size:14px;line-height:1.7;overflow-y:auto}.user-profile-notif-time{color:var(--text-secondary);opacity:.7;margin-top:6px;margin-left:70px;font-size:11px}.user-profile-notif-pager{justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.user-profile-notif-page{color:var(--text-secondary);font-size:13px}.user-profile-stats{align-items:center;gap:16px;margin-left:auto;padding-right:4px;font-size:13px;display:flex}.user-profile-stat{align-items:baseline;gap:6px;display:inline-flex}.user-profile-stat-label{color:var(--text-secondary)}.user-profile-stat-value{color:var(--text);font-weight:600}@media (width<=640px){.user-profile-stats{flex-wrap:wrap;gap:10px;font-size:12px}}.user-profile-pagination{justify-content:center;margin-top:16px;display:flex}.user-profile-section .board-list-table thead th{border-top:0}.user-profile-section .board-list-table tbody tr:last-child td{border-bottom:0}@media (width<=720px){.user-profile-header{text-align:left;flex-direction:column;align-items:flex-start}.user-profile-avatar{width:72px;height:72px}}.post-detail{background:var(--post-surface);border:1px solid var(--border);border-radius:8px;margin-bottom:24px;padding:24px 28px}.post-detail-board{color:var(--primary);margin-bottom:10px;font-size:13px;font-weight:600}.post-detail-board a:hover{text-decoration:underline}.post-detail-title{color:var(--text);margin-bottom:16px;font-size:22px;font-weight:700}.post-detail-author-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.post-detail-author{color:var(--text);align-items:center;gap:10px;display:inline-flex}.post-detail-author:hover .post-detail-nickname{color:var(--primary)}.post-detail-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.post-detail-nickname{font-size:14px;font-weight:600;transition:color .15s}.post-detail-meta{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:inline-flex}.post-detail-hr{border:0;border-top:1px solid var(--border);margin:16px 0 20px}.post-detail-body{color:var(--text);margin-bottom:24px;font-size:15px;line-height:1.7}.post-detail-body p{margin-bottom:12px}.post-detail-body img,.post-detail-body video{border-radius:4px;max-width:100%;height:auto;display:block}.post-detail-image{border-radius:6px;max-width:100%;margin-top:12px}.post-detail-reactions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.post-reaction-group{gap:8px;display:flex}.post-react-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.post-react-btn:disabled{opacity:.6;cursor:not-allowed}.post-like-btn:hover:not(:disabled),.post-like-btn.active{border-color:var(--primary);color:var(--primary)}.post-like-btn.active{background:color-mix(in srgb, var(--primary) 10%, transparent)}.post-dislike-btn:hover:not(:disabled),.post-dislike-btn.active{border-color:var(--danger);color:var(--danger)}.post-dislike-btn.active{background:color-mix(in srgb, var(--danger) 10%, transparent)}.post-report-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:13px;transition:all .15s}.post-report-btn:hover{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.author-menu{display:inline-flex;position:relative}.author-menu-btn{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.author-menu-btn:hover{background:var(--hover-bg);color:var(--text)}.author-menu-dropdown{background:var(--dropdown-bg);border:1px solid var(--border);z-index:10;border-radius:6px;min-width:120px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 16px #0003}.author-menu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:10px 14px;font-size:13px;transition:background .15s,color .15s;display:block}.author-menu-item:hover{background:var(--hover-bg)}.author-menu-item.danger{color:var(--danger)}.comment-section{background:var(--post-surface);border:1px solid var(--border);border-radius:8px;padding:24px 28px}.comment-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.comment-title{font-size:16px;font-weight:700}.comment-toggle-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s,border-color .15s}.comment-toggle-btn:hover{background:var(--primary);color:var(--on-primary);box-shadow:0 2px 8px color-mix(in srgb, var(--primary) 35%, transparent)}.comment-toggle-btn[aria-expanded=true]{border-color:var(--border);color:var(--text-secondary)}.comment-toggle-btn[aria-expanded=true]:hover{color:var(--text);border-color:var(--border-hover);box-shadow:none;background:0 0}.comment-count{color:var(--primary);margin-left:4px}.comment-compose{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;margin-bottom:24px;padding-bottom:20px;display:flex}.comment-compose-foot{justify-content:flex-end;align-items:center;gap:8px;display:flex}.comment-attach-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;margin-right:auto;padding:7px 12px;font-size:13px;transition:all .15s;display:inline-flex}.comment-attach-btn:hover{border-color:var(--primary);color:var(--primary)}.comment-attach-preview{max-width:220px;display:inline-block;position:relative}.comment-attach-preview img{border:1px solid var(--border);border-radius:6px;max-width:100%;display:block}.comment-attach-remove{color:#fff;cursor:pointer;background:#000000a6;border:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:16px;line-height:1;display:inline-flex;position:absolute;top:4px;right:4px}.comment-attach-remove:hover{background:#000000d9}.comment-input{background:var(--input-bg);border:1px solid var(--border);width:100%;min-height:70px;color:var(--text);resize:vertical;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.comment-input:focus{border-color:var(--primary);outline:none}.comment-submit-btn{background:var(--primary);color:var(--on-primary);cursor:pointer;border:0;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:700;transition:background .15s}.comment-submit-btn:hover{background:var(--primary-hover)}.comment-list{margin:0;padding:0;list-style:none}.comment-item{border-bottom:1px solid var(--border);padding:14px 0}.comment-item:last-child{border-bottom:0}.comment-item.is-reply{border-bottom:0;padding:12px 0}.comment-item.comment-highlight{background:var(--comment-highlight-bg);border-radius:6px;margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px;transition:background 1.2s}.comment-row{gap:10px;display:flex}.comment-avatar{flex:none}.comment-avatar img{object-fit:cover;border-radius:50%;width:36px;height:36px;display:block}.comment-body{flex:1;min-width:0}.comment-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.comment-head-left{align-items:center;gap:6px;min-width:0;display:inline-flex}.comment-author{color:var(--text);font-size:13px;font-weight:600}.comment-author:hover{color:var(--primary)}.comment-text{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.55}.comment-image{border-radius:6px;max-width:260px;margin-top:8px}.comment-foot{color:var(--text-secondary);align-items:center;gap:10px;margin-top:6px;font-size:12px;display:flex}.comment-time{color:var(--text-secondary)}.comment-reply-btn,.comment-report-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;transition:color .15s}.comment-reply-btn:hover{color:var(--text)}.comment-report-btn:hover{color:var(--danger)}.comment-report-btn{margin-left:auto}.comment-reply-box{flex-direction:column;align-items:flex-end;gap:6px;margin-top:10px;display:flex}.comment-edit-box{flex-direction:column;gap:6px;margin-top:6px;display:flex}.comment-edit-actions{justify-content:flex-end;gap:6px;display:flex}.btn-cancel{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-cancel:hover:not(:disabled){background:var(--hover-bg);color:var(--text)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.comment-edited-badge{color:var(--text-secondary);font-size:12px}.comment-tombstone{color:var(--text-secondary);padding:14px 8px;font-size:13px;font-style:italic}.comment-reply-list{border-left:2px solid var(--border);margin:10px 0 0 46px;padding:0 0 0 14px;list-style:none}.post-write{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:24px;padding:20px 24px 24px}.post-write-category{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:4px;padding-bottom:14px;display:flex}.post-write-category-label{color:var(--text-secondary);flex-shrink:0;font-size:13px;font-weight:600}.post-write-category-select{background:var(--surface);border:1px solid var(--border);max-width:240px;color:var(--text);cursor:pointer;border-radius:6px;outline:none;flex:1;padding:8px 10px;font-size:14px;font-weight:500;transition:border-color .15s}.post-write-category-select:focus{border-color:var(--primary)}.post-write-title{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);background:0 0;outline:none;margin-bottom:14px;padding:10px 0;font-size:22px;font-weight:700;transition:border-color .15s}.post-write-title:focus{border-bottom-color:var(--primary)}.post-write-title::placeholder{color:var(--text-secondary);font-weight:400}.write-toolbar{background:var(--input-bg);border:1px solid var(--border);border-bottom:0;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;display:flex}.write-toolbar-insert{border-top-left-radius:6px;border-top-right-radius:6px}.write-toolbar-font{border-bottom:1px solid var(--border)}.write-toolbar-divider{background:var(--border);width:1px;height:20px;margin:0 4px}.write-tool-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.write-tool-btn:hover{background:var(--hover-bg);color:var(--text)}.write-tool-label{font-size:12px}.write-tool-btn-sq{width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;font-size:14px;transition:background .15s;display:inline-flex}.write-tool-btn-sq:hover{background:var(--hover-bg)}.write-select{background:var(--dropdown-bg);border:1px solid var(--border);height:30px;color:var(--text);cursor:pointer;border-radius:4px;padding:0 26px 0 8px;font-size:12px}.write-select:focus{border-color:var(--primary);outline:none}.write-select-sm{min-width:56px;padding-right:22px}.write-color-wrap{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:inline-flex;position:relative;overflow:hidden}.write-color-wrap:hover{background:var(--hover-bg)}.write-color-label{text-align:center;color:var(--text);pointer-events:none;font-size:14px;font-weight:700;line-height:1.2;position:absolute;top:2px;left:0;right:0}.write-color-label:after{content:"";background:currentColor;height:3px;position:absolute;bottom:-8px;left:4px;right:4px}.write-color-label-bg{color:var(--bg);background:var(--text);border-radius:2px;padding:0 4px;top:4px;left:6px;right:6px}.write-color-label-bg:after{display:none}.write-color{opacity:0;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.post-write-body{background:var(--input-bg);border:1px solid var(--border);min-height:320px;color:var(--text);border-top:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px;outline:none;margin-bottom:16px;padding:16px;font-size:15px;line-height:1.7}.post-write-body:empty:before{content:attr(data-placeholder);color:var(--text-secondary);pointer-events:none}.post-write-body img,.post-write-body video{border-radius:4px;max-width:100%}.post-write-body hr{border:0;border-top:1px solid var(--border);margin:14px 0}.post-write-body a{color:var(--primary);text-decoration:underline}.write-file-chip{background:var(--hover-bg);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px;display:inline-block}.write-table{border-collapse:collapse;margin:10px 0}.write-table td{border:1px solid var(--border);min-width:80px;height:28px;padding:4px 8px}.post-poll-draft{margin:14px 0}.poll-editor{background:color-mix(in srgb, var(--primary) 8%, transparent);border:1px dashed color-mix(in srgb, var(--primary) 60%, transparent);border-radius:8px;padding:14px 16px}.poll-editor-q{background:var(--post-surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;margin-bottom:10px;padding:8px 10px;font-size:15px;font-weight:700}.poll-editor-opts{flex-direction:column;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.poll-editor-opts li{align-items:center;gap:6px;display:flex}.poll-editor-opt{background:var(--post-surface);border:1px solid var(--border);color:var(--text);border-radius:6px;flex:1;padding:7px 10px;font-size:14px}.poll-editor-remove{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;font-size:16px}.poll-editor-remove:hover{background:var(--hover-bg);color:var(--text)}.poll-editor-add{border:1px solid color-mix(in srgb, var(--primary) 50%, transparent);color:var(--primary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s}.poll-editor-add:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}.post-poll{background:color-mix(in srgb, var(--primary) 8%, transparent);border:1px solid color-mix(in srgb, var(--primary) 40%, transparent);border-radius:8px;margin:14px 0;padding:14px 16px}.post-poll-q{color:var(--text);align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.post-poll-icon{color:var(--primary);flex-shrink:0}.post-poll-opts{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.post-poll-opts li{color:var(--text);background:0 0;border:0;padding:0;font-size:14px}.post-poll-opt{background:var(--post-surface);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;font-size:14px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.post-poll-opt:hover:not(:disabled){border-color:var(--primary)}.post-poll-opt.selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--post-surface))}.post-poll-bar{background:color-mix(in srgb, var(--primary) 20%, transparent);z-index:0;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.post-poll-opt.selected .post-poll-bar{background:color-mix(in srgb, var(--primary) 35%, transparent)}.post-poll-label,.post-poll-stats{z-index:1;position:relative}.post-poll-stats{color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:600}.post-poll-total{color:var(--text-secondary);text-align:right;margin-top:10px;font-size:12px}.post-write-footer{justify-content:flex-end;align-items:center;gap:8px;display:flex}.post-write-pin{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin-right:auto;font-size:13px;font-weight:600;display:inline-flex}.post-write-pin input[type=checkbox]{cursor:pointer;accent-color:var(--primary)}.auth-page{justify-content:center;align-items:flex-start;min-height:calc(100vh - 72px);padding:80px 24px 48px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:32px 28px;display:flex}.auth-title{text-align:center;margin-bottom:8px;font-size:22px;font-weight:700}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--text-secondary);font-size:13px;font-weight:600}.auth-input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;padding:11px 14px;font-size:14px;transition:border-color .15s}.password-input-wrap{flex-direction:column;display:flex;position:relative}.password-input-field{padding-right:42px}.password-input-toggle{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;transition:color .12s,background .12s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-input-toggle:hover{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.auth-input:focus{border-color:var(--primary)}.auth-input::placeholder{color:var(--text-secondary)}.auth-agree{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-direction:column;gap:8px;margin-top:4px;padding:12px 14px;display:flex}.auth-agree-item{color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.auth-agree-item input[type=checkbox]{accent-color:var(--primary);flex-shrink:0;margin:0}.auth-agree-item span{flex:1}.auth-agree-required{color:var(--danger);font-size:12px;font-weight:600}.auth-agree-view{color:var(--text-secondary);text-underline-offset:2px;flex-shrink:0;font-size:12px;text-decoration:underline}.auth-remember{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:-4px;font-size:13px;display:flex}.auth-remember input[type=checkbox]{accent-color:var(--primary);cursor:pointer;flex-shrink:0;margin:0}.auth-agree-view:hover{color:var(--primary)}.auth-submit{background:var(--primary);color:var(--on-primary);cursor:pointer;border:0;border-radius:6px;margin-top:8px;padding:12px 0;font-size:15px;font-weight:700;transition:background .15s,box-shadow .15s}.auth-submit:hover{background:var(--primary-hover);box-shadow:0 2px 10px color-mix(in srgb, var(--primary) 35%, transparent)}.auth-links{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;margin-top:4px;font-size:13px;display:flex}.auth-link{color:var(--text-secondary);transition:color .15s}.auth-link:hover{color:var(--primary)}.auth-link-sep{color:var(--border-hover)}.auth-inline{gap:8px;display:flex}.auth-inline .auth-input{flex:1;min-width:0}.auth-inline-btn{border:1px solid var(--primary);color:var(--primary);white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.auth-inline-btn:hover:not(:disabled){background:var(--primary);color:var(--on-primary)}.auth-inline-btn:disabled{border-color:var(--border);color:var(--text-secondary);cursor:not-allowed}.auth-input-error,.auth-input-error:focus{border-color:var(--danger)}.auth-error{color:var(--danger);font-size:12px}.auth-hint{color:var(--text-secondary);font-size:12px}.auth-hint.auth-ok{color:var(--success)}.modal-backdrop{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:var(--post-surface);border:1px solid var(--border);border-radius:10px;width:100%;max-width:380px;padding:24px 28px;box-shadow:0 12px 40px #0006}.modal-card.modal-card-wide{max-width:480px}.modal-textarea{resize:vertical;min-height:90px;font-family:inherit;line-height:1.5}.profile-edit-avatar-row{align-items:center;gap:16px;display:flex}.profile-edit-avatar{object-fit:cover;background:var(--hover-bg);border-radius:50%;flex-shrink:0;width:72px;height:72px}.profile-edit-avatar-actions{flex-wrap:wrap;gap:6px;display:flex}.profile-edit-avatar-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.profile-edit-avatar-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary);color:var(--primary)}.profile-edit-avatar-btn:disabled{opacity:.5;cursor:not-allowed}.profile-edit-avatar-btn-ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.profile-edit-bio-count{color:var(--text-secondary);margin-left:8px;font-size:11px;font-weight:500}.profile-edit-divider{background:var(--border);height:1px;margin:4px 0}.profile-edit-section-title{color:var(--text);margin-top:2px;font-size:13px;font-weight:700}.profile-edit-nick-status{margin-top:2px;font-size:12px;font-weight:500}.profile-edit-nick-checking,.profile-edit-nick-idle{color:var(--text-secondary)}.profile-edit-nick-invalid,.profile-edit-nick-taken{color:var(--danger)}.profile-edit-nick-available{color:var(--success)}.profile-edit-password-toggle{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-self:flex-start;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.profile-edit-password-toggle:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary);color:var(--primary)}.profile-edit-password-toggle.is-open:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 10%, transparent);border-color:var(--danger);color:var(--danger)}.profile-edit-password-toggle:disabled{opacity:.5;cursor:not-allowed}.profile-edit-save-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.profile-edit-save-btn:hover:not(:disabled){background:var(--primary);color:var(--on-primary);box-shadow:0 2px 10px color-mix(in srgb, var(--primary) 35%, transparent)}.profile-edit-save-btn:disabled{border-color:var(--border);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.modal-title{color:var(--text);margin-bottom:10px;font-size:17px;font-weight:700}.modal-body{color:var(--text-secondary);white-space:pre-line;margin-bottom:20px;font-size:14px;line-height:1.55}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-form{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.modal-field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.modal-field-row{gap:12px;display:flex}.modal-field-label{color:var(--text-secondary);font-size:13px;font-weight:600}.modal-field-warning{color:var(--danger);margin-top:2px;font-size:12px;font-weight:500}.modal-input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s}.modal-input:focus{border-color:var(--primary);outline:none}.modal-table-preview{background:var(--input-bg);border:1px solid var(--border);border-radius:6px;gap:2px;max-height:220px;padding:8px;display:grid;overflow:auto}.modal-table-preview-cell{background:var(--hover-bg);border-radius:2px;height:18px}.report-reason-list{flex-wrap:wrap;gap:6px;display:flex}.report-reason-chip{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.report-reason-chip:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.report-reason-chip.active{background:color-mix(in srgb, var(--danger) 12%, transparent);border-color:var(--danger);color:var(--danger);font-weight:600}.report-reason-chip:disabled{opacity:.5;cursor:not-allowed}.report-details-hint{color:var(--text-secondary);margin-left:6px;font-size:11px;font-weight:500}.report-image-list{flex-wrap:wrap;gap:8px;display:flex}.report-image-thumb{border:1px solid var(--border);background:var(--hover-bg);border-radius:6px;width:88px;height:88px;position:relative;overflow:hidden}.report-image-thumb img{object-fit:cover;width:100%;height:100%;display:block}.report-image-remove{width:22px;height:22px;color:var(--on-danger);cursor:pointer;background:#000000a6;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.report-image-remove:hover:not(:disabled){background:var(--danger)}.report-image-add{border:1px dashed var(--border-hover);width:88px;height:88px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;font-size:24px;font-weight:300;transition:border-color .15s,color .15s,background .15s}.report-image-add:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--hover-bg)}.report-image-add:disabled{opacity:.6;cursor:not-allowed}.modal-btn-primary,.modal-btn-danger{cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.modal-btn-primary{background:var(--primary);border:1px solid var(--primary);color:var(--on-primary)}.modal-btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.modal-btn-danger{background:var(--danger);border:1px solid var(--danger);color:var(--on-danger)}.modal-btn-danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.admin-shell{background:var(--bg);min-height:100vh;color:var(--text);grid-template-columns:220px 1fr;display:grid}.admin-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:12px;padding:20px 0;display:flex}.admin-sidebar-header{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:0 20px 16px;display:flex}.admin-sidebar-exit{color:var(--text-secondary);font-size:12px;text-decoration:none;transition:color .15s}.admin-sidebar-exit:hover{color:var(--primary)}.admin-sidebar-title{color:var(--text);margin:0;font-size:18px;font-weight:700}.admin-nav{flex-direction:column;padding:0 8px;display:flex}.admin-nav-item{color:var(--text-secondary);border-radius:6px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.admin-nav-item:hover{background:var(--hover-bg);color:var(--text)}.admin-nav-item.active{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary);font-weight:600}.admin-main{min-width:0;max-width:1600px;padding:32px 40px}.admin-page-title{margin:0 0 8px;font-size:22px;font-weight:700}.admin-page-lead{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.55}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;max-width:420px;padding:16px 20px}.admin-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px}.admin-card-value{color:var(--text);font-size:14px;font-weight:600}.admin-users-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.admin-field{flex-direction:column;gap:4px;display:flex}.admin-field-label{color:var(--text-secondary);font-size:12px;font-weight:600}.admin-select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;min-width:120px;padding:7px 12px;font-size:13px}.admin-select:focus{border-color:var(--primary);outline:none}.admin-users-search{min-width:240px}.admin-users-search-input{cursor:text}.admin-users-total{color:var(--text-secondary);margin-left:auto;padding-bottom:8px;font-size:13px}.admin-users-total strong{color:var(--text);font-weight:700}.admin-users-table-wrap{overflow-x:auto}.admin-users-table .col-avatar{width:44px}.admin-users-table .col-name{width:180px}.admin-users-table .col-email{width:220px;color:var(--text-secondary);font-size:13px}.admin-users-table .col-tier{width:90px}.admin-users-table .col-joined{width:110px;color:var(--text-secondary)}.admin-users-table .col-counts{width:140px;color:var(--text-secondary);font-size:13px}.admin-users-table .col-last-visit{width:110px;color:var(--text-secondary)}.admin-users-table tbody td{text-align:left;vertical-align:middle;padding:10px 12px}.admin-users-avatar{object-fit:cover;background:var(--hover-bg);border-radius:50%;width:32px;height:32px;display:block}.admin-users-name{color:var(--text);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.admin-users-name:hover{color:var(--primary)}.admin-users-sep{opacity:.5;margin:0 4px}.admin-users-row-pinned{background:color-mix(in srgb, var(--primary) 6%, transparent)}.admin-users-row-pinned .admin-users-name{color:var(--primary)}.admin-users-placeholder{color:var(--text-secondary);text-align:center!important;padding:40px!important}.admin-users-row-suspended .admin-users-name{color:var(--danger)}.admin-users-suspended-label{color:var(--danger);font-weight:600}.admin-users-pagination{justify-content:center;margin-top:20px;display:flex}.admin-reports-table{table-layout:fixed;width:100%}.admin-reports-table .col-reporter,.admin-reports-table .col-reportee{width:170px}.admin-reports-table .col-target{width:260px}.admin-reports-table .col-reasons{width:140px}.admin-reports-table .col-detail{min-width:260px}.admin-reports-table .col-date{width:110px;color:var(--text-secondary);font-size:13px}.admin-reports-table .col-actions{width:150px}.admin-reports-table .col-memo{width:200px}.admin-reports-table tbody td{vertical-align:top;padding:12px}.admin-report-row:not(.admin-report-row-resolved) td{background:color-mix(in srgb, var(--primary) 6%, transparent)}.admin-report-row:not(.admin-report-row-resolved) td:first-child{box-shadow:inset 3px 0 0 var(--primary)}.admin-report-row-resolved td:not(.col-actions){opacity:.55}.admin-report-user{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.admin-report-user:hover{color:var(--primary)}.admin-report-muted{color:var(--text-secondary);font-size:13px}.admin-report-flag{vertical-align:middle;border-radius:3px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.admin-report-flag-suspended{background:color-mix(in srgb, var(--danger) 20%, transparent);color:var(--danger)}.admin-report-flag-deleted{background:var(--border);color:var(--text-secondary)}.admin-report-target{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-report-type-badge{border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.admin-report-type-post{background:color-mix(in srgb, var(--primary) 16%, transparent);color:var(--primary)}.admin-report-type-comment{background:color-mix(in srgb, var(--text-secondary) 20%, transparent);color:var(--text-secondary)}.admin-report-target-link{color:var(--text-primary);word-break:break-word;font-size:13px;font-weight:500;text-decoration:none}.admin-report-target-link:hover{color:var(--primary);text-decoration:underline}.admin-report-external-icon{color:var(--text-secondary);margin-left:4px;font-size:11px;display:inline-block}.admin-report-snippet{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.admin-report-dup{color:var(--danger);margin-top:6px;font-size:11px;font-weight:600}.admin-report-reasons{flex-wrap:wrap;gap:4px;display:flex}.admin-report-reason-badge{background:color-mix(in srgb, var(--text-secondary) 16%, transparent);color:var(--text-secondary);white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.admin-report-reason-spam,.admin-report-reason-adult,.admin-report-reason-abuse,.admin-report-reason-fake,.admin-report-reason-privacy{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.admin-report-detail-cell{flex-direction:column;gap:6px;display:flex}.admin-report-detail-preview{color:var(--text-primary);-webkit-line-clamp:3;word-break:break-word;white-space:pre-wrap;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.admin-report-detail-meta{align-items:center;gap:10px;display:flex}.admin-report-detail-img-count{color:var(--text-secondary);font-size:12px;font-weight:600}.admin-report-detail-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px;font-size:12px}.admin-report-detail-btn:hover{border-color:var(--primary);color:var(--primary)}.admin-report-detail{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.admin-report-detail-section{flex-direction:column;gap:6px;display:flex}.admin-report-detail-label{color:var(--text-secondary);font-size:12px;font-weight:600}.admin-report-detail-text{color:var(--text-primary);background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:4px;max-height:280px;padding:12px;font-size:14px;line-height:1.6;overflow-y:auto}.admin-report-detail-images{flex-wrap:wrap;gap:8px;display:flex}.admin-report-detail-image{border:1px solid var(--border);border-radius:4px;max-width:240px;max-height:240px;display:block;overflow:hidden}.admin-report-detail-image img{object-fit:contain;max-width:100%;max-height:240px;display:block}.admin-report-detail-image:hover{border-color:var(--primary)}.admin-report-resolved-at{color:var(--text-secondary);margin-top:4px;font-size:11px}.admin-report-resolve-btn{border:1px solid var(--primary);background:var(--primary);color:#000;cursor:pointer;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:600}.admin-report-resolve-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.admin-report-resolved{flex-direction:column;gap:4px;display:flex}.admin-report-resolved-label{color:var(--text-primary);font-size:12px;font-weight:600}.admin-report-resolver{color:var(--text-secondary);font-weight:400}.admin-report-resolve-note{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);-webkit-line-clamp:2;border-radius:3px;-webkit-box-orient:vertical;padding:4px 6px;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.admin-report-reopen-btn{border:1px solid var(--notice);background:color-mix(in srgb, var(--notice) 14%, transparent);color:var(--notice);cursor:pointer;border-radius:3px;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:600}.admin-report-reopen-btn:hover{background:var(--notice);border-color:var(--notice-hover);color:#fff}.admin-report-action-badge{vertical-align:middle;border-radius:3px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.admin-report-action-post_delete,.admin-report-action-comment_delete{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger)}.admin-report-action-suspend{background:color-mix(in srgb, var(--danger) 28%, transparent);color:var(--danger)}.admin-report-action-no_offense{background:color-mix(in srgb, var(--text-secondary) 20%, transparent);color:var(--text-secondary)}.admin-resolve-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-resolve-option{border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:border-color .12s,background .12s;display:flex}.admin-resolve-option:hover{border-color:var(--border-hover)}.admin-resolve-option.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--text-primary);font-weight:600}.admin-resolve-option input[type=radio]{accent-color:var(--primary);margin:0}.admin-report-memo{flex-direction:column;gap:6px;display:flex}.admin-report-memo-text{color:var(--text-primary);background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;-webkit-line-clamp:4;border-radius:4px;-webkit-box-orient:vertical;padding:6px 8px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.admin-report-memo-empty{color:var(--text-secondary);font-size:12px;font-style:italic}.admin-report-memo-btn-row{flex-wrap:wrap;gap:4px;display:flex}.admin-report-memo-edit,.admin-report-memo-detail{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:3px;padding:3px 8px;font-size:11px}.admin-report-memo-edit:hover,.admin-report-memo-detail:hover{border-color:var(--primary);color:var(--primary)}.admin-report-memo-full{color:var(--text-primary);background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:4px;max-height:320px;margin-bottom:20px;padding:12px;font-size:14px;line-height:1.6;overflow-y:auto}.admin-report-memo-editing{gap:4px}.admin-report-memo-input{border:1px solid var(--primary);background:var(--input-bg);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:12px;line-height:1.4}.admin-report-memo-actions{justify-content:flex-end;gap:4px;display:flex}.admin-report-memo-cancel,.admin-report-memo-save{cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:3px;padding:3px 10px;font-size:11px}.admin-report-memo-save{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600}.admin-report-memo-cancel:hover{border-color:var(--border-hover);color:var(--text-primary)}.admin-report-memo-save:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.admin-inquiry-kind-badge{border-radius:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.admin-inquiry-kind-suspension_appeal{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger)}.admin-inquiry-kind-general{background:color-mix(in srgb, var(--notice) 18%, transparent);color:var(--notice)}.modal-title-badge{vertical-align:middle;margin-left:10px}.admin-inquiry-user-info{flex-direction:column;gap:2px;font-size:13px;display:flex}.admin-inquiry-user-row{align-items:center;gap:10px;display:flex}.admin-inquiry-action-unsuspend{background:color-mix(in srgb, var(--success) 20%, transparent);color:var(--success)}.admin-inquiry-action-reject_appeal{background:color-mix(in srgb, var(--danger) 20%, transparent);color:var(--danger)}.admin-inquiry-action-reply{background:color-mix(in srgb, var(--notice) 18%, transparent);color:var(--notice)}.admin-inquiry-action-close_unanswered{background:color-mix(in srgb, var(--text-secondary) 20%, transparent);color:var(--text-secondary)}.admin-inquiry-close-hint{color:var(--text-secondary);background:var(--surface);border:1px dashed var(--border);border-radius:4px;margin:0;padding:10px 12px;font-size:13px}.admin-sort-group{align-items:center;gap:16px;padding:7px 0;display:inline-flex}.admin-sort-btn{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.admin-sort-btn:hover .col-label,.admin-sort-btn:focus-visible .col-label{color:var(--text)}.admin-sort-btn:hover .col-sort-arrow,.admin-sort-btn:focus-visible .col-sort-arrow{color:var(--text-secondary)}.admin-sort-btn:hover .col-sort-arrow.active,.admin-sort-btn:focus-visible .col-sort-arrow.active{color:var(--primary)}.admin-sort-btn.active .col-label{color:var(--text)}.admin-dash-section{margin-bottom:28px}.admin-dash-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px;font-size:13px;font-weight:700}.admin-dash-section-hint{color:var(--text-secondary);text-transform:none;letter-spacing:0;opacity:.7;margin-left:4px;font-size:11px;font-weight:500}.admin-dash-grid{gap:12px;display:grid}.admin-dash-grid-3{grid-template-columns:repeat(3,1fr)}.admin-dash-grid-4{grid-template-columns:repeat(4,1fr)}.admin-dash-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:10px;flex-direction:column;gap:4px;min-height:92px;padding:16px 18px;text-decoration:none;display:flex}.admin-dash-card.is-link{transition:background .15s,border-color .15s,transform .15s}.admin-dash-card.is-link:hover{background:var(--hover-bg);border-color:var(--border-hover);transform:translateY(-1px)}.admin-dash-card-label{color:var(--text-secondary);letter-spacing:.2px;font-size:12px;font-weight:600}.admin-dash-card-value{color:var(--text);font-size:26px;font-weight:700;line-height:1.2}.admin-dash-card-hint{color:var(--text-secondary);margin-top:auto;font-size:11px}.admin-dash-card-attention{background:color-mix(in srgb, var(--primary) 10%, var(--surface));border-color:color-mix(in srgb, var(--primary) 50%, var(--border))}.admin-dash-card-attention .admin-dash-card-value,.admin-dash-card-attention .admin-dash-card-label{color:var(--primary)}@media (width<=960px){.admin-dash-grid-3,.admin-dash-grid-4{grid-template-columns:repeat(2,1fr)}}.admin-notif-send-top-actions{align-items:center;gap:8px;display:flex}.admin-featured-row-btn.is-primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.admin-featured-row-btn.is-primary:hover:not(:disabled){opacity:.9}.admin-users-table .col-check{text-align:center;width:36px}.admin-users-table .col-check input{cursor:pointer;accent-color:var(--primary)}.admin-users-table .col-action{text-align:right;width:80px}.admin-notif-send-modal,.admin-notif-template-modal{width:92vw;max-width:560px}.admin-notif-template-head{justify-content:space-between;align-items:center;margin:16px 0;display:flex}.admin-notif-template-count{color:var(--text-secondary);font-size:13px}.admin-notif-template-list{flex-direction:column;gap:8px;display:flex}.admin-notif-template-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.admin-notif-template-main{flex:1;min-width:0}.admin-notif-template-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:700}.admin-notif-template-body{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.admin-notif-template-actions{flex-shrink:0;gap:6px;display:flex}.admin-notices-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;display:flex}.admin-notices-head .admin-page-title{margin-bottom:0}.admin-notices-pick-board{width:92vw;max-width:560px}.admin-notices-board-grid{flex-wrap:wrap;gap:8px;margin:16px 0 4px;display:flex}.admin-notices-board-chip{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:center;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600}.admin-notices-board-chip:hover{background:var(--hover-bg);border-color:var(--primary)}.admin-notices-board-chip.active{background:color-mix(in srgb, var(--primary) 12%, transparent);border-color:var(--primary);color:var(--primary)}.admin-notices-tabs{margin-top:16px}.admin-notice-write-head-actions{gap:8px;display:flex}.admin-notice-write-target{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;margin:16px 0 20px;padding:12px 16px;display:flex}.admin-notice-write-boards{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-notice-write-board-chip{background:color-mix(in srgb, var(--primary) 12%, transparent);border:1px solid color-mix(in srgb, var(--primary) 40%, var(--border));color:var(--primary);border-radius:4px;padding:4px 10px;font-size:12px;font-weight:700}.admin-notice-write-broadcast-tag{background:var(--primary);color:var(--on-primary);border-radius:4px;margin-left:4px;padding:4px 10px;font-size:11px;font-weight:700}.admin-notice-write-editor{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.admin-notice-preview{width:92vw;max-width:880px;max-height:86vh;padding:20px 24px;overflow:auto}.admin-notice-preview-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.admin-notice-preview-label{color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase;font-size:13px;font-weight:700}.admin-notice-preview-article{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px 24px}.admin-notice-draft-untitled{color:var(--text-secondary);font-style:italic}.admin-featured-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px;display:grid}.admin-featured-card{aspect-ratio:16/7;background:var(--surface);border:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:10px;position:relative;overflow:hidden}.admin-featured-card:active{cursor:grabbing}.admin-featured-card-empty{border:1px dashed var(--border);cursor:default;background:0 0;justify-content:center;align-items:center;display:flex}.admin-featured-empty-label{color:var(--text-secondary);font-size:12px;font-weight:600}.admin-featured-slot-num{z-index:3;color:#fff;letter-spacing:.2px;background:#0000009e;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;position:absolute;top:6px;left:6px}.admin-featured-card-empty .admin-featured-slot-num{background:color-mix(in srgb, var(--border) 80%, transparent);color:var(--text-secondary)}.admin-featured-type-badge{z-index:3;letter-spacing:.2px;color:#fff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:6px;right:6px}.admin-featured-type-badge.is-post{background:color-mix(in srgb, var(--primary) 85%, #000)}.admin-featured-type-badge.is-banner{background:color-mix(in srgb, var(--danger,#d14) 75%, #000)}.admin-featured-card-img{object-fit:cover;width:100%;height:100%;display:block}.admin-featured-card-placeholder{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 40%, transparent));width:100%;height:100%}.admin-featured-card-deleted{color:#fff;z-index:2;background:#0000008c;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.admin-featured-card-caption{z-index:2;background:linear-gradient(#0000,#000000b8);padding:20px 10px 8px;position:absolute;bottom:0;left:0;right:0}.admin-featured-card-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;display:block;overflow:hidden}.admin-featured-card-hover{z-index:4;opacity:0;cursor:default;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;gap:6px;transition:opacity .15s;display:flex;position:absolute;inset:0}.admin-featured-card-hover .admin-featured-hover-btn{pointer-events:auto}.admin-featured-card:hover .admin-featured-card-hover{opacity:1}.admin-featured-hover-btn{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600}.admin-featured-hover-btn:hover{background:var(--hover-bg);border-color:var(--border-hover)}.admin-featured-hover-btn.is-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 50%, var(--border))}.admin-featured-hover-btn.is-danger:hover{background:color-mix(in srgb, var(--danger) 10%, var(--surface))}.admin-featured-bottom{margin-top:12px}.admin-featured-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.admin-featured-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 18px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s}.admin-featured-tab:hover{color:var(--text)}.admin-featured-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.admin-featured-notice-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.admin-featured-notice-item{align-items:center;gap:10px;display:flex}.admin-featured-notice-slot{text-align:center;width:28px;color:var(--primary);flex-shrink:0;font-size:14px;font-weight:700}.admin-featured-notice-slot.is-empty{visibility:hidden}.admin-featured-notice-item>.admin-featured-notice-row{flex:1;min-width:0}.admin-featured-notice-row{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.admin-featured-notice-row:hover{background:var(--hover-bg);border-color:var(--border-hover)}.admin-featured-notice-row.is-featured{background:color-mix(in srgb, var(--primary) 12%, transparent);border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}.admin-featured-notice-thumb{background:var(--hover-bg);border-radius:4px;flex-shrink:0;width:68px;height:30px;overflow:hidden}.admin-featured-notice-thumb img{object-fit:cover;width:100%;height:100%;display:block}.admin-featured-notice-thumb-empty{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 40%, transparent));opacity:.4;width:100%;height:100%}.admin-featured-notice-info{flex:1;min-width:0}.admin-featured-notice-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.admin-featured-notice-title-link{color:inherit;text-decoration:none}.admin-featured-notice-title-link:hover{color:var(--primary);text-decoration:underline}.admin-featured-fav-btn{color:var(--text-secondary);cursor:pointer;vertical-align:middle;background:0 0;border:0;margin-left:6px;padding:0 4px;font-size:16px;line-height:1}.admin-featured-fav-btn:hover{color:var(--text)}.admin-featured-fav-btn.active{color:#f5b301}.admin-featured-pin-btn{cursor:pointer;vertical-align:middle;opacity:.7;background:0 0;border:0;margin-left:4px;padding:0 4px;font-size:14px;line-height:1}.admin-featured-pin-btn:hover{opacity:1}.admin-featured-notice-board{color:var(--primary);margin-right:6px}.admin-featured-notice-meta{color:var(--text-secondary);margin-top:2px;font-size:12px}.admin-featured-notice-badge{background:var(--primary);color:var(--on-primary);border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.admin-featured-notice-actions{flex-shrink:0;gap:6px;display:flex}.admin-featured-notice-drag{width:28px;height:28px;color:var(--text-secondary);cursor:grab;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.admin-featured-notice-drag:hover{background:var(--hover-bg);color:var(--text)}.admin-featured-notice-drag:active{cursor:grabbing}.admin-featured-notice-drag.is-empty{visibility:hidden;cursor:default}.admin-featured-row-btn{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600}.admin-featured-row-btn:hover{background:var(--hover-bg);border-color:var(--border-hover)}.admin-featured-row-btn.is-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 50%, var(--border))}.admin-featured-row-btn.is-danger:hover{background:color-mix(in srgb, var(--danger) 10%, var(--surface))}.admin-featured-banner-form{grid-template-columns:minmax(280px,1fr) 1fr;align-items:start;gap:20px;margin-top:8px;display:grid}.admin-featured-banner-preview{aspect-ratio:16/7;background:var(--hover-bg);border:1px solid var(--border);border-radius:10px;overflow:hidden}.admin-featured-banner-img{object-fit:cover;width:100%;height:100%;display:block}.admin-featured-banner-placeholder{width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;font-size:13px;display:flex}.admin-featured-banner-fields{flex-direction:column;gap:14px;display:flex}.admin-featured-upload-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;align-self:flex-start;padding:8px 14px;font-size:13px;font-weight:600}.admin-featured-upload-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-hover)}.admin-featured-upload-btn:disabled{opacity:.6;cursor:not-allowed}.admin-featured-form-actions{gap:8px;margin-top:4px;display:flex}.admin-featured-replace-modal{width:92vw;max-width:720px}.admin-featured-replace-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0 16px;display:grid}.admin-featured-replace-item{aspect-ratio:16/7;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:0;position:relative;overflow:hidden}.admin-featured-replace-item:hover{border-color:var(--primary)}.admin-featured-replace-thumb{object-fit:cover;width:100%;height:100%;display:block}.admin-featured-replace-thumb-empty{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 40%, transparent));opacity:.5}.admin-featured-replace-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#000000b8);padding:14px 8px 6px;font-size:11px;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.admin-featured-replace-item .admin-featured-type-badge{padding:2px 6px;font-size:10px}.admin-featured-banner-modal{width:92vw;max-width:720px}@media (width<=960px){.admin-featured-grid,.admin-featured-replace-grid{grid-template-columns:repeat(2,1fr)}.admin-featured-banner-form{grid-template-columns:1fr}}@media (width<=720px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-right:0;border-bottom:1px solid var(--border)}.admin-main{padding:20px}}.hot-period-tabs{gap:8px;margin-bottom:16px;display:flex}.hot-period-tab{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.hot-period-tab:hover{background:var(--hover-bg);color:var(--text)}.hot-period-tab.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.home-carousel-frame{margin-bottom:28px}.home-carousel{padding:12px 0}.home-carousel .swiper-wrapper{align-items:center}.home-carousel-slide-wrap{width:52%;max-width:720px}.home-carousel .swiper-slide-active{z-index:2}.home-carousel-controls{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.home-carousel-ctrl{border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.home-carousel-ctrl:hover{background:var(--hover-bg);color:var(--text);border-color:var(--border-hover)}.home-carousel-pagination{align-items:center;gap:6px;width:auto!important;display:inline-flex!important;position:static!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important}.home-carousel-pagination .swiper-pagination-bullet{background:var(--text-secondary);opacity:.4;cursor:pointer;border-radius:50%;width:8px;height:8px;margin:0;transition:opacity .15s,background .15s,width .15s,border-radius .15s}.home-carousel-pagination .swiper-pagination-bullet-active{background:var(--primary);opacity:1;border-radius:4px;width:22px}.home-carousel-slide{aspect-ratio:16/7;background:var(--post-surface);-webkit-user-select:none;user-select:none;border-radius:12px;display:block;position:relative;overflow:hidden}.home-carousel-image{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.home-carousel-placeholder{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 40%, transparent));width:100%;height:100%}.home-carousel-caption{color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000bf);padding:20px 24px;transition:opacity .25s,transform .25s;position:absolute;bottom:0;left:0;right:0;transform:translateY(16px)}.home-carousel .swiper-slide-active .home-carousel-slide:hover .home-carousel-caption,.home-carousel .swiper-slide-active .home-carousel-slide:focus-visible .home-carousel-caption{opacity:1;transform:translateY(0)}.home-carousel-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;font-weight:700;line-height:1.3;overflow:hidden}.home-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.home-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px 18px}.home-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.home-card-title{color:var(--text);margin:0;font-size:15px;font-weight:700}.home-card-more{color:var(--text-secondary);border-radius:4px;align-items:center;padding:4px;transition:background .15s,color .15s;display:flex}.home-card-more:hover{background:var(--hover-bg);color:var(--text)}.home-card-list{margin:0;padding:0;list-style:none}.home-card-item{color:var(--text);border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:8px;padding:7px 0;font-size:13px;transition:color .15s;display:flex}.home-card-list li:last-child .home-card-item{border-bottom:0}.home-card-item:hover{color:var(--primary)}.home-card-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.home-card-item-meta{color:var(--text-secondary);flex-shrink:0;gap:6px;font-size:12px;display:inline-flex}.home-card-placeholder{text-align:center;color:var(--text-secondary);padding:24px 0;font-size:13px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}.site-footer{border-top:1px solid var(--border);background:var(--header-bg);margin-top:40px;padding:24px 0}.site-footer-inner{max-width:1280px;color:var(--text-secondary);text-align:left;flex-direction:column;align-items:flex-start;gap:12px;margin:0 auto;padding:0 24px;font-size:13px;display:flex}.site-footer-brand{flex-direction:column;align-items:flex-start;gap:4px;display:inline-flex}.site-footer-name{color:var(--primary);letter-spacing:1px;font-size:32px;font-weight:800;line-height:1}.site-footer-tagline{font-size:12px}.site-footer-links{align-items:center;gap:8px;display:inline-flex}.site-footer-links a,.site-footer-link-btn{color:var(--text-secondary);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;transition:color .15s}.site-footer-links a:hover,.site-footer-link-btn:hover{color:var(--text)}.site-footer-sep{color:var(--border)}.site-footer-copy{font-size:12px}.site-footer-disclaimer{color:var(--text-secondary);max-width:720px;font-size:11px;line-height:1.5}.legal-page{max-width:760px;margin:0 auto;padding:48px 24px}.legal-title{color:var(--text);margin-bottom:20px;font-size:24px;font-weight:700}.legal-body{color:var(--text);font-size:14px;line-height:1.75}.legal-body p{margin-bottom:14px}.legal-effective{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.legal-preamble{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:20px;font-size:14px;line-height:1.75}.legal-preamble p{margin-bottom:14px}.legal-section{margin-bottom:28px}.legal-heading{color:var(--text);margin-bottom:10px;font-size:16px;font-weight:700}.legal-section p{color:var(--text);white-space:pre-wrap;margin-bottom:10px;font-size:14px;line-height:1.75}.legal-list{color:var(--text);margin-bottom:10px;padding-left:20px;font-size:14px;line-height:1.75}.legal-list li{margin-bottom:4px}.post-detail-body .loot-doc{color:var(--text);font-size:14px;line-height:1.6}.post-detail-body .loot-doc .crate-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px 22px;overflow-x:auto}.post-detail-body .loot-doc .crate-section h2{color:var(--text);border-left:4px solid var(--primary);margin-top:0;margin-bottom:14px;padding-left:10px;font-size:18px;font-weight:700}.post-detail-body .loot-doc .crate-section h3{color:var(--text);margin-top:18px;margin-bottom:10px;font-size:15px}.post-detail-body .loot-doc .crate-section p{color:var(--text-secondary);margin:8px 0}.post-detail-body .loot-doc .crate-section img{border-radius:8px;max-width:100%;height:auto;margin:8px 0}.post-detail-body .loot-doc table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px}.post-detail-body .loot-doc thead{background:var(--hover-bg);font-weight:600}.post-detail-body .loot-doc th,.post-detail-body .loot-doc td{border:1px solid var(--border);text-align:center;vertical-align:middle;word-break:keep-all;padding:8px 10px}.post-detail-body .loot-doc tr.sum-row{background:var(--loot-sum-bg);font-weight:700}.post-detail-body .loot-doc tr.grade-legendary{background:var(--grade-legendary-bg)}.post-detail-body .loot-doc tr.grade-legendary td:nth-child(2){color:var(--grade-legendary-text);font-weight:700}.post-detail-body .loot-doc tr.grade-epic{background:var(--grade-epic-bg)}.post-detail-body .loot-doc tr.grade-epic td:nth-child(2){color:var(--grade-epic-text);font-weight:700}.post-detail-body .loot-doc tr.grade-elite{background:var(--grade-elite-bg)}.post-detail-body .loot-doc tr.grade-elite td:nth-child(2){color:var(--grade-elite-text);font-weight:700}.post-detail-body .loot-doc tr.grade-rare{background:var(--grade-rare-bg)}.post-detail-body .loot-doc tr.grade-rare td:nth-child(2){color:var(--grade-rare-text);font-weight:700}.post-detail-body .loot-doc tr.grade-special{background:var(--grade-special-bg)}.post-detail-body .loot-doc tr.grade-special td:nth-child(2){color:var(--grade-special-text);font-weight:700}.post-detail-body .loot-doc tr.grade-classic{background:var(--grade-classic-bg)}.post-detail-body .loot-doc tr.grade-classic td:nth-child(2){color:var(--grade-classic-text);font-weight:700}@media (width<=768px){.post-detail-body .loot-doc .crate-section{padding:14px 12px}.post-detail-body .loot-doc table{font-size:12px}.post-detail-body .loot-doc th,.post-detail-body .loot-doc td{padding:6px}}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}