*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8faff;--surface:#fff;--surface2:#eff4ff;--surface3:#e8f0fe;--border:#dde5f4;--border-soft:#ebf0fa;--text:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#93c5fd;--primary-gradient:linear-gradient(135deg, #2563eb 0%, #1e40af 100%);--primary-glow:#2563eb26;--accent:#f97316;--accent-light:#fed7aa;--accent-gradient:linear-gradient(135deg, #f97316 0%, #ea580c 100%);--danger:#ef4444;--danger-light:#fee2e2;--success:#22c55e;--success-light:#dcfce7;--shadow-xs:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-sm:0 2px 8px #0f172a14, 0 1px 3px #0f172a0d;--shadow-md:0 4px 16px #0f172a1a, 0 2px 6px #0f172a0f;--shadow-lg:0 8px 32px #0f172a1f, 0 4px 12px #0f172a12;--shadow-primary:0 4px 14px #2563eb40;--shadow-primary-hover:0 6px 20px #2563eb59;--radius:14px;--radius-sm:8px;--radius-xs:6px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.btn{border-radius:var(--radius-sm);letter-spacing:.01em;border:none;align-items:center;gap:7px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{box-shadow:var(--shadow-primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--surface);color:var(--text-muted);border:1.5px solid var(--border);box-shadow:var(--shadow-xs)}.btn-ghost:hover{background:var(--surface2);color:var(--text);border-color:var(--primary-light)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 12px #ef444440}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:11px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input::placeholder{color:var(--text-light)}.textarea{resize:vertical;min-height:100px}.label{color:var(--text-muted);letter-spacing:.02em;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group{margin-bottom:18px}.divider{border:none;border-top:1px solid var(--border-soft);margin:20px 0}.tag{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.tag-must{background:var(--accent-light);color:var(--accent)}.tag-v2{background:var(--surface3);color:var(--primary)}.badge{background:var(--accent-gradient);color:#fff;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:700}.avatar{background:var(--primary-gradient);color:#fff;width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.layout{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-soft);box-shadow:0 1px 0 var(--border-soft), var(--shadow-xs);background:#ffffffeb;position:sticky;top:0}.topbar-inner{align-items:center;gap:8px;width:100%;height:62px;padding:0 32px;display:flex}.logo{background:var(--primary-gradient);-webkit-text-fill-color:transparent;cursor:pointer;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;flex-shrink:0;margin-right:16px;font-size:20px;font-weight:800}.topnav{flex:1;align-items:center;gap:2px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-muted);white-space:nowrap;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-link:hover{background:var(--surface2);color:var(--text)}.nav-link.active{background:var(--surface3);color:var(--primary);font-weight:600}.nav-icon{font-size:15px;line-height:1}.btn-sm{padding:8px 16px;font-size:13px}.main-content{flex:1;padding:28px 0 60px}.page-wrapper{width:100%;padding:0 32px}@media (width<=768px){.nav-label{display:none}.topbar-inner{padding:0 16px}.nav-link{padding:9px 10px}.page-wrapper{padding:0 16px}}.home-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:var(--text);letter-spacing:-.4px;font-size:24px;font-weight:800}.filters{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.category-pills{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-xs);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.pill:hover{background:var(--surface2);color:var(--text);border-color:var(--primary-light)}.pill.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-primary);border-color:#0000}.sort-tabs{flex-shrink:0;gap:4px;display:flex}.sort-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-xs);padding:6px 16px;font-size:13px;font-weight:500;transition:all .15s}.sort-btn.active{background:var(--surface3);color:var(--primary);border-color:var(--primary-light);font-weight:600}.feed{flex-direction:column;gap:12px;display:flex}.problem-card{cursor:pointer;border:1px solid var(--border-soft);transition:all .2s}.problem-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.problem-meta{align-items:center;gap:10px;margin-bottom:10px;display:flex}.problem-title{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:700;line-height:1.4}.problem-excerpt{color:var(--text-muted);margin-bottom:14px;font-size:14px;line-height:1.6}.problem-footer{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.actions{align-items:center;gap:10px;display:flex}.upvote-btn{background:var(--surface);border:1.5px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);padding:5px 12px;font-size:13px;font-weight:600;transition:all .15s}.reply-count{color:var(--text-muted);font-size:13px;font-weight:500}.auth-page{background:linear-gradient(160deg,#eff6ff 0%,#f8faff 50%,#eef2ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--border-soft);padding:36px}.auth-logo{background:var(--primary-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:26px;font-weight:800}.auth-title{color:var(--text);letter-spacing:-.3px;margin-bottom:4px;font-size:22px;font-weight:800}.auth-sub{color:var(--text-muted);margin-bottom:28px;font-size:14px}.full-btn{justify-content:center;width:100%;padding:13px;font-size:15px}.remember-row{align-items:center;display:flex}.otp-hint{color:var(--text-muted);background:var(--surface2);border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 14px;font-size:14px}.otp-input{letter-spacing:8px;text-align:center;font-size:22px;font-weight:700}.resend-btn{color:var(--text-muted);text-align:center;border-radius:var(--radius-sm);background:0 0;border:none;width:100%;margin-top:12px;padding:8px;font-size:13px;transition:color .15s;display:block}.resend-btn:hover{color:var(--primary)}.auth-switch{text-align:center;color:var(--text-muted);margin-top:24px;font-size:14px}.auth-switch a{color:var(--primary);font-weight:600}.username-hint{color:var(--text-light);margin-top:5px;font-size:12px}.steps{gap:6px;margin-bottom:28px;display:flex}.step{background:var(--border);border-radius:2px;flex:1;height:4px;transition:background .25s}.step.active{background:var(--primary)}.step.done{background:var(--success)}.input-error{background:#fff5f5;border-color:#ef4444!important}.field-error{color:#ef4444;margin-top:5px;font-size:12px}.field-hint{color:var(--text-light);margin-top:5px;font-size:12px}.input-eye-wrap{align-items:center;display:flex;position:relative}.input-eye-wrap .input{width:100%;padding-right:42px}.eye-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:16px;line-height:1;position:absolute;right:10px}.input-prefix-wrap{align-items:center;display:flex;position:relative}.input-prefix{color:var(--text-muted);pointer-events:none;font-size:15px;font-weight:600;position:absolute;left:12px}.input-prefixed{width:100%;padding-left:26px!important}.server-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.875rem}.post-page{width:100%}.post-header{margin-bottom:24px}.page-sub{color:var(--text-muted);font-size:14px}.post-layout{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}.post-form{box-shadow:var(--shadow-md);padding:28px}.post-sidebar{flex-direction:column;gap:16px;display:flex}.sidebar-card{box-shadow:var(--shadow-sm);padding:20px}.sidebar-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px;font-size:13px;font-weight:700}.tip-list{flex-direction:column;gap:10px;list-style:none;display:flex}.tip-list li{color:var(--text-muted);gap:8px;font-size:13px;line-height:1.5;display:flex}.tip-icon{flex-shrink:0;margin-top:1px;font-size:14px}.category-preview{flex-wrap:wrap;gap:6px;display:flex}.cat-chip{background:var(--accent-light);color:var(--accent);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.char-count{text-align:right;color:var(--text-light);margin-top:4px;font-size:12px;display:block}.anon-toggle{background:var(--surface2);border-radius:var(--radius-sm);border:1px solid var(--border-soft);margin-bottom:20px;padding:14px 16px}.checkbox-label{cursor:pointer;color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.checkbox-label input{accent-color:var(--primary);width:15px;height:15px}.anon-hint{color:var(--text-muted);margin-top:4px;margin-left:23px;font-size:12px}.post-actions{justify-content:flex-end;gap:10px;display:flex}.post-success{text-align:center;padding:80px 20px}.success-icon{background:var(--primary-gradient);color:#fff;width:60px;height:60px;box-shadow:var(--shadow-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:26px;display:flex}.post-success h2{margin-bottom:8px;font-size:22px;font-weight:800}.post-success p{color:var(--text-muted)}@media (width<=900px){.post-layout{grid-template-columns:1fr}.post-sidebar{display:none}}.detail-page{width:100%;max-width:760px}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:20px;padding:0;font-size:14px;font-weight:500;transition:color .15s}.back-btn:hover{color:var(--primary)}.detail-card{box-shadow:var(--shadow-md);margin-bottom:20px;padding:28px}.detail-meta{align-items:center;gap:10px;margin-bottom:14px;display:flex}.category-tag{background:var(--accent-light);color:var(--accent);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.time{color:var(--text-light);font-size:12px}.report-link{color:var(--text-light);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;margin-left:auto;padding:3px 8px;font-size:12px;transition:all .15s}.report-link:hover{color:var(--danger);background:var(--danger-light)}.detail-title{color:var(--text);margin-bottom:14px;font-size:22px;font-weight:800;line-height:1.35}.detail-body{color:var(--text-muted);margin-bottom:20px;font-size:15px;line-height:1.75}.detail-footer{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.author{color:var(--text-muted);font-size:13px;font-weight:500}.upvote-btn{background:var(--surface);border:1.5px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-xs);padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.upvote-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--surface2)}.upvote-btn.upvoted{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-primary);border-color:#0000}.upvote-btn.small{padding:4px 10px;font-size:12px}.replies-section{flex-direction:column;gap:12px;display:flex}.replies-title{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:700}.reply-card{padding:18px;transition:all .15s}.reply-card:hover{box-shadow:var(--shadow-md)}.reply-text{color:var(--text);margin-bottom:12px;font-size:14px;line-height:1.65}.reply-footer{justify-content:space-between;align-items:center;display:flex}.reply-actions{align-items:center;gap:10px;display:flex}.reply-form{box-shadow:var(--shadow-md);padding:22px}.reply-form-title{color:var(--text);margin-bottom:14px;font-size:15px;font-weight:700}.reply-form-footer{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.checkbox-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-label input{accent-color:var(--primary)}.not-found{text-align:center;color:var(--text-muted);padding:60px 20px}.save-col-btn{background:var(--surface);border:1.5px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-xs);padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.save-col-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--surface2)}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{width:100%;max-width:380px;box-shadow:var(--shadow-md);flex-direction:column;gap:14px;padding:24px;display:flex}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--text);font-size:16px;font-weight:700}.modal-close{color:var(--text-light);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;padding:2px 6px;font-size:16px;transition:color .15s}.modal-close:hover{color:var(--danger)}.save-msg{color:var(--primary);background:var(--accent-light);border-radius:var(--radius-xs);padding:8px 12px;font-size:13px;font-weight:500}.col-list{flex-direction:column;gap:6px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.col-item-btn{background:var(--surface2);border:1.5px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:14px;transition:all .15s;display:flex}.col-item-btn:hover{border-color:var(--primary);background:var(--surface)}.col-item-btn:disabled{opacity:.6;cursor:not-allowed}.col-name{color:var(--text);font-weight:600}.col-count{color:var(--text-light);font-size:12px}.new-col-form{gap:8px;display:flex}.new-col-form .input{flex:1}.profile-page{width:100%}.profile-header{box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fff 60%,#eff6ff);align-items:center;gap:18px;margin-bottom:16px;padding:24px;display:flex}.profile-avatar{background:var(--primary-gradient);color:#fff;width:64px;height:64px;box-shadow:var(--shadow-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:26px;font-weight:800;display:flex}.profile-info{flex:1}.profile-name{color:var(--text);margin-bottom:2px;font-size:20px;font-weight:800}.profile-joined{color:var(--text-muted);margin-bottom:8px;font-size:13px}.karma-badge{background:var(--surface3);border:1px solid var(--border);border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:13px;display:inline-flex}.karma-icon{font-size:14px}.karma-value{color:var(--primary);font-weight:700}.profile-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-card{text-align:center;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fff 50%,#eff6ff);padding:20px}.profile-tabs{border-bottom:1.5px solid var(--border-soft);gap:4px;margin-bottom:16px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;margin-bottom:-1.5px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s}.tab-content{flex-direction:column;gap:10px;display:flex}.mini-card{cursor:pointer;padding:16px;transition:all .2s}.mini-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.mini-title{color:var(--text);margin:8px 0;font-size:14px;font-weight:600;line-height:1.4}.mini-footer{color:var(--text-muted);gap:12px;font-size:13px;font-weight:500;display:flex}.reply-on{color:var(--text-light);font-size:12px}.new-col-form-profile{gap:8px;margin-bottom:4px;display:flex}.new-col-form-profile .input{flex:1}.col-msg{color:var(--primary);background:var(--accent-light);border-radius:var(--radius-xs);padding:8px 12px;font-size:13px;font-weight:500}.col-card{cursor:pointer}.notif-page{width:100%}.notif-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:var(--text);align-items:center;gap:10px;font-size:24px;font-weight:800;display:flex}.notif-list{flex-direction:column;gap:8px;display:flex}.notif-item{border-left:3px solid #0000;align-items:center;gap:14px;padding:16px 18px;transition:all .15s;display:flex}.notif-item:not(.read){border-left-color:var(--primary);background:linear-gradient(90deg,#eff6ff,#fff)}.notif-item:hover{box-shadow:var(--shadow-md)}.notif-item.read{opacity:.65}.notif-icon{background:var(--surface2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.notif-body{flex:1}.notif-text{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:500}.notif-time{color:var(--text-light);font-size:12px}.unread-dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 0 3px var(--primary-glow);border-radius:50%;flex-shrink:0}.settings-page{width:100%;max-width:640px}.settings-section{box-shadow:var(--shadow-sm);margin-bottom:16px;padding:22px}.section-title{color:var(--text);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:14px;font-weight:700}.setting-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-label{color:var(--text);font-size:14px;font-weight:500}.setting-hint{color:var(--text-muted);margin-top:2px;font-size:12px}.toggle{background:var(--border);cursor:pointer;border:none;border-radius:13px;flex-shrink:0;width:46px;height:26px;transition:background .2s;position:relative}.toggle.on{background:var(--primary-gradient);box-shadow:0 2px 8px var(--primary-glow)}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.toggle.on .toggle-thumb{transform:translate(20px)}.settings-actions{margin-bottom:16px}.danger-zone{background:linear-gradient(135deg,#fff,#fff5f5);border-color:#ef444433}.danger-title{color:var(--danger)}.delete-confirm p{color:var(--text-muted);margin-bottom:12px;font-size:14px}.delete-actions{gap:10px;display:flex}.search-page{width:100%}.search-bar{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:10px;margin-bottom:28px;padding:12px 16px;transition:all .15s;display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow), var(--shadow-sm)}.search-icon{color:var(--text-muted);flex-shrink:0;font-size:16px}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:500}.search-input::placeholder{color:var(--text-light)}.clear-btn{background:var(--surface2);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);border:none;padding:3px 8px;font-size:13px;transition:all .15s}.clear-btn:hover{background:var(--border);color:var(--text)}.browse-label{color:var(--text-muted);margin-bottom:10px;font-size:13px;font-weight:500}.category-grid{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.cat-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-xs);border-radius:20px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s}.cat-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--primary-light)}.cat-btn.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-primary);border-color:#0000}.results-count{color:var(--text-muted);margin-bottom:12px;font-size:13px;font-weight:500}.search-results{flex-direction:column;gap:10px;display:flex}.result-card{cursor:pointer;padding:16px;transition:all .2s}.result-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.result-title{color:var(--text);margin:8px 0 5px;font-size:15px;font-weight:700}.result-excerpt{color:var(--text-muted);margin-bottom:10px;font-size:13px;line-height:1.5}.result-footer{color:var(--text-muted);gap:12px;font-size:13px;font-weight:500;display:flex}.empty{color:var(--text-muted);padding:30px 0}.trending-page{width:100%}.trending-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.page-sub{color:var(--text-muted);margin-bottom:24px;font-size:14px;font-weight:500}.trending-list{flex-direction:column;gap:10px;display:flex}.trending-card{cursor:pointer;align-items:flex-start;gap:18px;padding:18px 20px;transition:all .2s;display:flex}.trending-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.rank{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;min-width:40px;padding-top:2px;font-size:22px;font-weight:900;line-height:1}.trending-body{flex:1}.trending-title{color:var(--text);margin:8px 0 10px;font-size:15px;font-weight:700;line-height:1.4}.trending-footer{color:var(--text-muted);gap:14px;font-size:13px;font-weight:500;display:flex}.upvote-count{color:var(--primary);font-weight:700}.category-tag{background:var(--accent-light);color:var(--accent);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.report-page{width:100%;max-width:600px}.page-title{color:var(--text);margin-bottom:4px;font-size:24px;font-weight:800}.page-sub{color:var(--text-muted);margin-bottom:24px;font-size:14px}.report-form{box-shadow:var(--shadow-md);padding:26px}.reason-list{flex-direction:column;gap:8px;display:flex}.reason-option{border-radius:var(--radius-sm);border:1.5px solid var(--border);cursor:pointer;background:var(--surface);align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.reason-option:hover{background:var(--surface2);border-color:var(--primary-light)}.reason-option.selected{border-color:var(--primary);background:var(--surface3);color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.reason-option input{accent-color:var(--primary)}.report-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.report-success{text-align:center;padding:80px 20px}.success-icon{margin-bottom:16px;font-size:48px}.report-success h2{color:var(--text);margin-bottom:8px;font-size:22px;font-weight:800}.report-success p{color:var(--text-muted);margin-bottom:24px}.admin-page{width:100%}.admin-header{align-items:center;gap:10px;margin-bottom:24px;display:flex}.page-title{color:var(--text);font-size:24px;font-weight:800}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;display:grid}.stat-card{text-align:center;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fff 50%,#eff6ff);padding:20px;transition:all .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-num{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;display:block}.stat-label{color:var(--text-muted);margin-top:3px;font-size:12px;font-weight:500;display:block}.admin-tabs{border-bottom:1.5px solid var(--border-soft);gap:4px;margin-bottom:16px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:6px;margin-bottom:-1.5px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.flagged-list{flex-direction:column;gap:10px;display:flex}.flagged-card{border-left:3px solid var(--accent);padding:18px;transition:all .15s}.flagged-card:hover{box-shadow:var(--shadow-md)}.flagged-meta{align-items:center;gap:8px;margin-bottom:10px;display:flex}.flagged-type{background:var(--surface2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.flagged-reason{color:var(--danger);background:var(--danger-light);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.flagged-time{color:var(--text-light);margin-left:auto;font-size:12px}.flagged-content{color:var(--text);margin-bottom:6px;font-size:14px;font-style:italic;line-height:1.5}.flagged-author{color:var(--text-muted);margin-bottom:14px;font-size:13px;font-weight:500}.flagged-actions{gap:8px;display:flex}.users-placeholder{text-align:center;color:var(--text-muted);padding:48px}.empty{color:var(--text-muted);text-align:center;padding:40px 0}@media (width<=600px){.stats-grid{grid-template-columns:repeat(2,1fr)}}