.floating-toast{position:fixed;left:50%;top:calc(var(--site-header-height, 64px) + var(--space-2));transform:translate(-50%);z-index:12000;display:flex;align-items:center;gap:var(--space-2);min-width:280px;max-width:420px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);border:1px solid transparent;animation:floatingToastIn .2s ease-out}.floating-toast-success{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.floating-toast-error{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error-dark)}.floating-toast-info{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.floating-toast-icon{font-size:1.125rem;flex-shrink:0}.floating-toast-message{flex:1;font-size:var(--text-sm);line-height:var(--leading-relaxed);overflow-wrap:anywhere}.floating-toast-close{border:0;background:transparent;color:inherit;cursor:pointer;border-radius:var(--radius-sm);padding:.125rem;display:inline-flex;align-items:center;justify-content:center}.floating-toast-close:hover{background:#0000000f}.floating-toast-close .material-symbols-outlined{font-size:1rem}@keyframes floatingToastIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.floating-toast{top:calc(var(--site-header-height, 56px) + var(--space-2));left:var(--space-2);right:var(--space-2);transform:none;min-width:0;max-width:none}@keyframes floatingToastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}html[data-mode=dark] .floating-toast-success{background:#bbf7d026;color:#68d391;border-color:#bbf7d04d}html[data-mode=dark] .floating-toast-error{background:#feb2b226;color:#fc8181;border-color:#feb2b24d}html[data-mode=dark] .floating-toast-info{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}html[data-mode=dark] .floating-toast-close:hover{background:#ffffff14}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);width:min(92vw,680px);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-sm{max-width:520px;width:min(92vw,520px)}.modal-md{max-width:680px;width:min(92vw,680px)}.modal-lg{max-width:860px;width:min(92vw,860px)}.modal-xl{max-width:1200px;width:95%}.modal-full{max-width:95vw;width:95%}.category-editor-modal{overflow:hidden}.category-editor-modal .modal-body{padding:1rem 1.25rem}.category-editor-modal .modal-footer{position:sticky;bottom:0;z-index:2}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.125rem 1.5rem;border-bottom:1px solid var(--border-primary);flex-shrink:0;background:var(--bg-secondary)}.modal-header h2{margin:var(--space-0);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.modal-header h3{margin:var(--space-0);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-title{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-0);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-title .material-symbols-outlined{font-size:var(--text-2xl)}.modal-close,.modal-close-btn{background:none;border:none;padding:var(--space-2);border-radius:var(--radius-base);cursor:pointer;color:var(--text-muted);transition:background-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-close:hover,.modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-close .material-symbols-outlined,.modal-close-btn .material-symbols-outlined{font-size:var(--text-xl)}.modal-body{padding:1.25rem 1.5rem 1rem;flex:1;overflow-y:auto;min-height:0;background:var(--bg-surface);color:var(--text-primary)}.modal-footer{padding:1rem 1.5rem 1.25rem;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;gap:var(--space-3);flex-shrink:0;background:var(--bg-secondary)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;width:100%}.delete-confirm{max-width:560px;width:min(92vw,560px);text-align:center}.delete-confirm h2{margin-top:0;margin-bottom:var(--space-4);color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);text-align:center}.delete-confirm p{margin-bottom:var(--space-6);color:var(--text-muted);line-height:var(--leading-relaxed);font-size:var(--text-base);text-align:center}.report-modal{max-width:500px;width:90%}.report-details-modal{max-width:1400px;width:95%;max-height:90vh}.move-category-modal{max-width:600px;width:90%}.community-image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-4)}.community-image-modal{position:relative;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;align-items:center}.community-image-close-btn{position:absolute;top:var(--space-4);right:var(--space-4);background:#000000b3;border:none;border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:10;transition:all .2s ease}.community-image-close-btn:hover{background:#000000e6}.community-image-fullscreen{max-width:100%;max-height:85vh;object-fit:contain;border-radius:var(--radius-lg)}.community-image-info{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4);background:#000000b3;border-radius:var(--radius-lg);margin-top:var(--space-4);color:#fff}.community-image-filename{font-size:var(--text-sm);color:#ffffffe6}.community-image-download-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);transition:all .2s ease}.community-image-download-btn:hover{background:var(--primary-color-hover)}.mini-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}.mini-popup{position:fixed;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:1000;min-width:280px;max-width:320px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column}.mini-popup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-primary)}.mini-popup-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--text-base)}.mini-popup-close{background:none;border:none;padding:var(--space-1);cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.mini-popup-close:hover{color:var(--text-primary)}.mini-popup-content{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.mini-popup-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:background .2s ease}.mini-popup-user:hover{background:var(--bg-tertiary)}.mini-popup-avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);color:#fff;font-size:var(--text-base);position:relative;flex-shrink:0}.mini-popup-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.mini-popup-avatar .online-status-indicator{width:10px;height:10px;border-width:1px}.mini-popup-user-info{flex:1;min-width:0}.mini-popup-user-name{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-popup-user-username{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.modal-overlay{padding:var(--space-2) var(--space-2) calc(var(--space-2) + var(--safe-area-bottom, env(safe-area-inset-bottom)))}.modal-content{max-height:calc(var(--app-height, 100dvh) - 1rem - var(--safe-area-bottom, env(safe-area-inset-bottom)));width:100%;max-width:100%}.modal-header{padding:1rem 1.125rem}.modal-header h2{font-size:var(--text-xl)}.modal-body{padding:1rem 1.125rem .875rem}.modal-footer{padding:.875rem 1.125rem 1rem;flex-direction:column}.modal-actions{flex-direction:column}.modal-footer .btn,.modal-actions .btn{width:100%;justify-content:center}.delete-confirm{width:95%;padding:var(--space-6)}.report-modal,.report-details-modal,.move-category-modal{width:95%}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-content{animation:none}}@media(max-width:480px){.modal-header{padding:.875rem 1rem}.modal-body{padding:.875rem 1rem .75rem}.modal-footer{padding:.75rem 1rem .875rem}}html[data-mode=dark] .modal-overlay{background:#000c}html[data-mode=dark] .modal-content{background:var(--bg-surface);border-color:var(--border-primary);box-shadow:0 20px 60px #00000080}html[data-mode=dark] .modal-header{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}html[data-mode=dark] .modal-header h2,html[data-mode=dark] .modal-header h3,html[data-mode=dark] .modal-title{color:var(--text-primary)}html[data-mode=dark] .modal-body{background:var(--bg-surface);color:var(--text-primary)}html[data-mode=dark] .modal-footer{background:var(--bg-secondary);border-top-color:var(--border-primary)}html[data-mode=dark] .modal-close,html[data-mode=dark] .modal-close-btn{color:var(--text-muted)}html[data-mode=dark] .modal-close:hover,html[data-mode=dark] .modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}html[data-mode=dark] .delete-confirm h2{color:var(--text-primary)}html[data-mode=dark] .delete-confirm p{color:var(--text-muted)}html[data-mode=dark] .mini-popup{background:var(--bg-surface);border-color:var(--border-primary)}html[data-mode=dark] .mini-popup-user:hover{background:var(--bg-tertiary)}:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-px: 1px;--space-0_5: .125rem;--space-1: .25rem;--space-1_5: .375rem;--space-2: .5rem;--space-2_5: .625rem;--space-3: .75rem;--space-3_5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-none: 0 0 #0000;--shadow-focus: 0 0 0 3px rgba(92, 124, 250, .1);--shadow-focus-strong: 0 0 0 3px rgba(92, 124, 250, .2);--shadow-hover: 0 4px 12px rgba(92, 124, 250, .3);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--animation-spin: spin 1s linear infinite;--animation-pulse: pulse 2s ease-in-out infinite;--animation-bounce: bounce 1s infinite;--animation-fade-in: fadeIn .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--color-success: #10b981;--color-success-light: #34d399;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #ef4444;--color-error-light: #f87171;--color-error-dark: #dc2626;--color-info: #3b82f6;--color-info-light: #60a5fa;--color-info-dark: #2563eb;--badge-success-bg: #d4edda;--badge-success-text: #155724;--badge-success-border: #c3e6cb;--badge-warning-bg: #fff3cd;--badge-warning-text: #856404;--badge-warning-border: #ffeaa7;--badge-danger-bg: #f8d7da;--badge-danger-text: #721c24;--badge-danger-border: #f5c6cb;--badge-neutral-bg: #e2e3e5;--badge-neutral-text: #383d41;--badge-neutral-border: #d6d8db;--badge-info-bg: #e3f2fd;--badge-info-text: #1565c0;--badge-info-border: #bbdefb;--role-admin-bg: #e3f2fd;--role-admin-text: #1565c0;--role-admin-border: transparent;--role-moderator-bg: #f3e5f5;--role-moderator-text: #6a1b9a;--role-moderator-border: transparent;--role-member-bg: #e2e3e5;--role-member-text: #383d41;--role-member-border: transparent;--member-action-edit-bg: #e3f2fd;--member-action-edit-text: #1976d2;--member-action-edit-bg-hover: #bbdefb;--member-action-edit-text-hover: #0d47a1;--member-action-delete-bg: #ffebee;--member-action-delete-text: #d32f2f;--member-action-delete-bg-hover: #ffcdd2;--member-action-delete-text-hover: #b71c1c;--member-action-approve-bg: #e8f5e9;--member-action-approve-text: #2e7d32;--member-action-approve-border: #c8e6c9;--member-action-approve-bg-hover: #c8e6c9;--member-action-approve-text-hover: #1b5e20;--member-action-approve-border-hover: #a5d6a7;--member-action-reorder-bg: #ede7f6;--member-action-reorder-text: #5e35b1;--member-action-reorder-bg-hover: #d1c4e9;--member-action-reorder-text-hover: #4527a0;--member-action-restore-bg: var(--primary-color);--member-action-restore-text: var(--text-inverse);--member-action-restore-bg-hover: var(--primary-color-hover);--member-action-restore-shadow-hover: var(--shadow-outline);--member-action-danger-bg: var(--color-error);--member-action-danger-text: var(--text-inverse);--member-action-danger-bg-hover: #c82333;--member-action-danger-shadow-hover: 0 2px 8px rgba(220, 53, 69, .3);--member-action-disabled-bg: var(--color-neutral-400);--moderation-row-hover-bg: #f1f5f9;--report-status-pending-bg: #fff3cd;--report-status-pending-text: #856404;--report-status-pending-border: transparent;--report-status-reviewed-bg: #d1ecf1;--report-status-reviewed-text: #0c5460;--report-status-reviewed-border: transparent;--state-error-subtle-bg: rgba(239, 68, 68, .08);--state-error-focus-ring: 0 0 0 3px rgba(239, 68, 68, .16);--overlay-disabled-bg: rgba(15, 23, 42, .08);--overlay-inverse-subtle: rgba(255, 255, 255, .1);--overlay-inverse-medium: rgba(255, 255, 255, .15);--overlay-inverse-strong: rgba(255, 255, 255, .2);--overlay-inverse-strong-hover: rgba(255, 255, 255, .3);--overlay-inverse-border: rgba(255, 255, 255, .3);--overlay-inverse-border-hover: rgba(255, 255, 255, .5);--overlay-backdrop: rgba(0, 0, 0, .5);--overlay-backdrop-strong: rgba(0, 0, 0, .9);--overlay-loading: rgba(255, 255, 255, .9);--status-banner-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--status-banner-warning-bg: var(--color-warning-light);--status-banner-warning-text: var(--color-warning-dark);--status-banner-warning-border: var(--color-warning);--status-banner-action-bg: var(--overlay-inverse-strong);--status-banner-action-bg-hover: var(--overlay-inverse-strong-hover);--status-banner-action-border: var(--overlay-inverse-border);--status-banner-action-border-hover: var(--overlay-inverse-border-hover);--status-banner-success-text: #d3f9d8;--status-banner-error-text: #ffe3e3;--topic-action-disabled-bg: var(--member-action-disabled-bg);--topic-action-disabled-text: var(--text-muted);--topic-action-disabled-border: var(--border-primary);--topic-action-menu-surface: var(--surface-primary);--topic-action-menu-shadow: var(--shadow-lg);--topic-action-delete-hover-bg: var(--member-action-delete-bg);--topic-action-delete-hover-text: var(--member-action-delete-text);--topic-action-restore-text: var(--member-action-edit-text);--topic-action-restore-hover-bg: var(--member-action-edit-bg);--topic-action-restore-hover-text: var(--member-action-edit-text-hover);--topic-action-report-hover-bg: var(--badge-warning-bg);--topic-action-report-hover-text: var(--badge-warning-text);--feedback-success-inline: var(--color-success-dark);--topic-row-unread-bg: #f0f4ff;--topic-row-unread-bg-hover: #e6f0ff;--topic-row-deleted-bg: var(--bg-secondary);--topic-row-deleted-opacity: .6;--topic-row-deleted-opacity-hover: .6;--topic-avatar-deleted-bg: #e5e7eb;--topic-avatar-deleted-text: #4b5563;--topic-deleted-user-text: #6b7280;--topic-mobile-title-color: var(--text-primary);--topic-mobile-meta-color: var(--text-muted);--topic-row-hover-shadow: var(--shadow-md);--topic-avatar-shadow: var(--shadow-sm);--topic-avatar-status-shadow: var(--shadow-base);--topic-link-accent: var(--primary-color);--topic-link-accent-hover: var(--primary-color-hover);--reaction-liked-icon: #e91e63;--reaction-liked-icon-hover: #d81b60;--reaction-count-bg: var(--overlay-inverse-strong);--reaction-count-bg-hover: var(--overlay-inverse-strong-hover);--menu-dropdown-surface: var(--surface-primary);--menu-dropdown-shadow: var(--shadow-lg);--menu-insert-hover-bg: var(--member-action-edit-bg);--menu-insert-hover-text: var(--member-action-edit-text);--notification-dm-unread-bg: var(--topic-row-unread-bg);--notification-dm-unread-bg-hover: var(--topic-row-unread-bg-hover);--content-inline-code-bg: var(--surface-secondary);--content-inline-code-text: #d63384;--content-codeblock-bg: var(--surface-secondary);--content-codeblock-border: var(--border-primary);--content-link-text: var(--topic-link-accent);--content-link-hover-text: var(--topic-link-accent-hover);--profile-warning-banner-bg: #fef3c7;--profile-warning-banner-border: #fbbf24;--profile-warning-banner-text: #92400e;--profile-pending-banner-bg: #dbeafe;--profile-pending-banner-border: #3b82f6;--profile-pending-banner-text: #1e40af;--profile-avatar-error-bg: #fff5f5;--profile-avatar-error-border: #ffc9c9;--profile-avatar-error-text: #c92a2a;--profile-modal-overlay: var(--overlay-backdrop);--profile-modal-overlay-strong: var(--overlay-backdrop-strong);--profile-image-close-bg: var(--overlay-inverse-strong);--profile-image-close-bg-hover: var(--overlay-inverse-strong-hover);--profile-avatar-admin-hover-bg: var(--color-error-light);--profile-upload-hover-bg: var(--color-success-dark);--profile-delete-bg: var(--color-error-light);--profile-delete-hover-bg: var(--color-error-dark);--profile-cancel-hover-bg: var(--text-tertiary);--author-avatar-deleted-bg: var(--topic-avatar-deleted-bg);--author-avatar-deleted-text: var(--topic-avatar-deleted-text);--author-link-deleted-text: var(--topic-deleted-user-text);--author-soft-deleted-border: #9ca3af;--post-author-bg: var(--bg-card);--post-content-text: var(--text-secondary);--move-category-current-badge-bg: var(--color-success);--move-category-current-badge-text: var(--text-on-primary);--move-category-loading-overlay: var(--overlay-loading);--move-category-icon-muted: var(--text-secondary);--move-category-arrow-muted: var(--text-muted);--move-category-option-name: var(--text-primary);--attachment-card-hover-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 20%, transparent);--attachment-preview-bg: #000000;--attachment-existing-bg: var(--badge-info-bg);--attachment-existing-border: var(--badge-info-border);--attachment-new-bg: #f3e5f5;--attachment-new-border: #e1bee7;--attachment-remove-btn-bg-hover: var(--color-error-dark);--attachment-remove-hover-bg: var(--badge-danger-bg);--attachment-remove-hover-text: var(--badge-danger-text);--attachment-dropzone-hover-bg: var(--topic-row-unread-bg);--attachment-dropzone-warning-bg: var(--badge-danger-bg);--attachment-counter-warning: var(--color-error-light);--attachment-browse-btn-hover-border: var(--border-hover);--bbcode-editor-border: var(--border-primary);--bbcode-editor-bg: var(--bg-card);--bbcode-editor-focus-border: var(--border-focus);--bbcode-editor-focus-ring: 0 0 0 1px var(--border-focus);--bbcode-toolbar-bg: var(--bg-secondary);--bbcode-toolbar-divider: var(--border-primary);--bbcode-tab-text: var(--text-muted);--bbcode-tab-hover-bg: var(--bg-tertiary);--bbcode-tab-hover-text: var(--text-primary);--bbcode-tab-active-bg: var(--topic-row-unread-bg);--bbcode-tab-active-text: var(--primary-color-hover);--bbcode-menu-border: var(--border-primary);--bbcode-menu-bg: var(--bg-card);--bbcode-menu-shadow: 0 8px 24px rgba(60, 64, 67, .24);--bbcode-menu-item-text: var(--text-primary);--bbcode-menu-item-hover-bg: var(--bg-secondary);--bbcode-menu-item-active-bg: var(--topic-row-unread-bg);--bbcode-menu-item-active-text: var(--color-primary-700);--bbcode-toolbar-button-text: var(--text-muted);--bbcode-toolbar-button-hover-bg: var(--bg-tertiary);--bbcode-toolbar-button-hover-text: var(--text-primary);--bbcode-toolbar-button-active-bg: var(--topic-row-unread-bg);--bbcode-toolbar-button-active-text: var(--primary-color-hover);--bbcode-editor-region-bg: var(--bg-card);--bbcode-editor-text: var(--text-primary);--bbcode-editor-placeholder: var(--text-muted);--bbcode-editor-blockquote-border: var(--border-focus);--bbcode-editor-blockquote-bg: var(--surface-secondary);--bbcode-editor-blockquote-text: var(--text-secondary);--bbcode-editor-code-bg: #1f1f1f;--bbcode-editor-code-text: #f1f3f4;--bbcode-editor-link: var(--primary-color);--bbcode-editor-attach-border: var(--border-primary);--bbcode-editor-attach-bg: var(--surface-secondary);--bbcode-editor-attach-text: var(--primary-color-hover);--bbcode-popover-border: var(--border-primary);--bbcode-popover-bg: var(--bg-card);--bbcode-popover-shadow: 0 6px 20px rgba(60, 64, 67, .2);--bbcode-popover-title: var(--text-primary);--bbcode-popover-label: var(--text-muted);--bbcode-popover-input-border: var(--border-primary);--bbcode-popover-input-bg: var(--bg-card);--bbcode-popover-input-text: var(--text-primary);--bbcode-popover-button-bg: var(--bg-secondary);--bbcode-popover-button-text: var(--text-secondary);--bbcode-popover-button-hover-bg: var(--bg-tertiary);--bbcode-popover-button-primary-bg: var(--primary-color);--bbcode-popover-button-primary-text: var(--text-on-primary);--bbcode-popover-button-primary-hover-bg: var(--primary-color-hover);--bbcode-preview-bg: var(--bg-card);--bbcode-preview-placeholder: var(--text-muted);--bbcode-content-code-bg: #111827;--bbcode-content-code-text: #f3f4f6;--bbcode-content-code-border: #374151;--bbcode-content-link-hover-text: var(--primary-color-light);--bbcode-quote-jump-focus-ring: 0 0 0 2px rgba(59, 130, 246, .2);--category-card-hover-border: rgba(0, 0, 0, .2);--category-card-hover-shadow: 0 8px 25px rgba(0, 0, 0, .15);--bg-primary: #ffffff;--bg-secondary: var(--color-neutral-50);--bg-tertiary: var(--color-neutral-100);--bg-muted: var(--color-neutral-200);--bg-surface: var(--color-neutral-50);--bg-card: #ffffff;--surface-primary: var(--bg-surface);--surface-secondary: var(--bg-secondary);--surface-hover: var(--bg-tertiary);--surface-muted: var(--bg-muted);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-700);--text-tertiary: var(--color-neutral-600);--text-muted: var(--color-neutral-500);--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-danger: #ffffff;--border-primary: var(--color-neutral-300);--border-secondary: var(--color-neutral-400);--border-focus: var(--color-primary-500);--border-hover: var(--color-neutral-400);--primary-color: var(--color-primary-600);--primary-color-hover: var(--color-primary-700);--primary-color-light: var(--color-primary-400);--accent-color: var(--color-primary-500);--background-color: var(--bg-primary);--background-gradient: linear-gradient(120deg, var(--bg-secondary) 0%, var(--bg-muted) 100%);--surface-color: var(--bg-surface);--light-gray: var(--bg-muted);--hover-color: var(--bg-tertiary);--text-color: var(--text-primary);--text-muted-color: var(--text-muted);--border-color: var(--border-primary);--border-radius: var(--radius-2xl);--card-shadow: var(--shadow-md);--shadow-outline: var(--shadow-focus);--shadow-dark: var(--shadow-lg);--shadow-dark-lg: var(--shadow-xl);--shadow-dark-xl: var(--shadow-2xl);--success-color: var(--color-success);--warning-color: var(--color-warning);--error-color: var(--color-error);--info-color: var(--color-info);--color-success-border: var(--badge-success-border);--color-error-border: var(--badge-danger-border)}html[data-mode=light]{color-scheme:light}html[data-mode=dark]{color-scheme:dark;--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #1f2630;--bg-muted: #27313d;--bg-surface: #161b22;--bg-card: #1c2430;--text-primary: #f0f6fc;--text-secondary: #c9d1d9;--text-tertiary: #9ba7b4;--text-muted: #7d8590;--text-inverse: #0d1117;--text-on-primary: #ffffff;--text-on-danger: #ffffff;--border-primary: #30363d;--border-secondary: #3d444d;--border-focus: #388bfd;--border-hover: #484f58;--badge-success-bg: rgba(16, 185, 129, .15);--badge-success-text: #34d399;--badge-success-border: rgba(16, 185, 129, .3);--badge-warning-bg: rgba(245, 158, 11, .15);--badge-warning-text: #fbbf24;--badge-warning-border: rgba(245, 158, 11, .3);--badge-danger-bg: rgba(239, 68, 68, .15);--badge-danger-text: #f87171;--badge-danger-border: rgba(239, 68, 68, .3);--badge-neutral-bg: rgba(148, 163, 184, .15);--badge-neutral-text: #cbd5e1;--badge-neutral-border: rgba(148, 163, 184, .3);--badge-info-bg: rgba(59, 130, 246, .15);--badge-info-text: #93c5fd;--badge-info-border: rgba(59, 130, 246, .3);--role-admin-bg: #1a237e;--role-admin-text: #90caf9;--role-admin-border: transparent;--role-moderator-bg: #4a148c;--role-moderator-text: #ce93d8;--role-moderator-border: transparent;--role-member-bg: rgba(148, 163, 184, .15);--role-member-text: #cbd5e1;--role-member-border: rgba(148, 163, 184, .3);--member-action-edit-bg: #1e3a8a;--member-action-edit-text: #93c5fd;--member-action-edit-bg-hover: #1e40af;--member-action-edit-text-hover: #dbeafe;--member-action-delete-bg: #7f1d1d;--member-action-delete-text: #fca5a5;--member-action-delete-bg-hover: #991b1b;--member-action-delete-text-hover: #fecaca;--member-action-approve-bg: #1b4d1b;--member-action-approve-text: #a5d6a7;--member-action-approve-border: #2e7d32;--member-action-approve-bg-hover: #2e7d32;--member-action-approve-text-hover: #c8e6c9;--member-action-approve-border-hover: #4caf50;--member-action-reorder-bg: #4c1d95;--member-action-reorder-text: #c4b5fd;--member-action-reorder-bg-hover: #5b21b6;--member-action-reorder-text-hover: #e9d5ff;--member-action-restore-bg: var(--primary-color);--member-action-restore-text: var(--text-inverse);--member-action-restore-bg-hover: var(--primary-color-hover);--member-action-restore-shadow-hover: var(--shadow-outline);--member-action-danger-bg: var(--color-error);--member-action-danger-text: var(--text-inverse);--member-action-danger-bg-hover: #c82333;--member-action-danger-shadow-hover: 0 2px 8px rgba(220, 53, 69, .3);--member-action-disabled-bg: var(--text-secondary);--moderation-row-hover-bg: var(--bg-tertiary);--report-status-pending-bg: rgba(245, 158, 11, .15);--report-status-pending-text: #fbbf24;--report-status-pending-border: rgba(245, 158, 11, .3);--report-status-reviewed-bg: rgba(16, 185, 129, .15);--report-status-reviewed-text: #34d399;--report-status-reviewed-border: rgba(16, 185, 129, .3);--state-error-subtle-bg: rgba(239, 68, 68, .15);--state-error-focus-ring: 0 0 0 3px rgba(239, 68, 68, .25);--overlay-disabled-bg: rgba(255, 255, 255, .08);--overlay-inverse-subtle: rgba(255, 255, 255, .1);--overlay-inverse-medium: rgba(255, 255, 255, .15);--overlay-inverse-strong: rgba(255, 255, 255, .2);--overlay-inverse-strong-hover: rgba(255, 255, 255, .3);--overlay-inverse-border: rgba(255, 255, 255, .25);--overlay-inverse-border-hover: rgba(255, 255, 255, .35);--overlay-backdrop: rgba(0, 0, 0, .5);--overlay-backdrop-strong: rgba(0, 0, 0, .9);--overlay-loading: rgba(0, 0, 0, .9);--status-banner-bg: linear-gradient(135deg, #4c63d2 0%, #5a3d8f 100%);--status-banner-warning-bg: #3b2f16;--status-banner-warning-text: #f5d58e;--status-banner-warning-border: #5c4a20;--status-banner-action-bg: var(--overlay-inverse-medium);--status-banner-action-bg-hover: rgba(255, 255, 255, .25);--status-banner-action-border: var(--overlay-inverse-border);--status-banner-action-border-hover: var(--overlay-inverse-border-hover);--status-banner-success-text: #d3f9d8;--status-banner-error-text: #ffe3e3;--topic-action-disabled-bg: #2d3139;--topic-action-disabled-text: #6c757d;--topic-action-disabled-border: #495057;--topic-action-menu-surface: var(--surface-primary);--topic-action-menu-shadow: 0 4px 12px rgba(0, 0, 0, .5);--topic-action-delete-hover-bg: #4a1a1a;--topic-action-delete-hover-text: #f48fb1;--topic-action-restore-text: var(--member-action-edit-text);--topic-action-restore-hover-bg: var(--member-action-edit-bg);--topic-action-restore-hover-text: var(--member-action-edit-text-hover);--topic-action-report-hover-bg: var(--badge-warning-bg);--topic-action-report-hover-text: var(--badge-warning-text);--topic-row-unread-bg: #1d2a3a;--topic-row-unread-bg-hover: #213041;--topic-row-deleted-bg: #1f2937;--topic-row-deleted-opacity: .5;--topic-row-deleted-opacity-hover: .6;--topic-avatar-deleted-bg: #374151;--topic-avatar-deleted-text: #d1d5db;--topic-deleted-user-text: #9ca3af;--topic-mobile-title-color: var(--text-primary);--topic-mobile-meta-color: var(--text-muted);--topic-row-hover-shadow: var(--shadow-lg);--topic-avatar-shadow: var(--shadow-sm);--topic-avatar-status-shadow: var(--shadow-base);--topic-link-accent: var(--color-primary-300);--topic-link-accent-hover: var(--color-primary-200);--reaction-liked-icon: #ff5c97;--reaction-liked-icon-hover: #f04c8b;--reaction-count-bg: rgba(22, 27, 34, .85);--reaction-count-bg-hover: rgba(35, 41, 50, .9);--menu-dropdown-surface: var(--surface-primary);--menu-dropdown-shadow: 0 4px 12px rgba(0, 0, 0, .35);--menu-insert-hover-bg: rgba(25, 118, 210, .2);--menu-insert-hover-text: var(--color-info-light);--notification-dm-unread-bg: #1e2838;--notification-dm-unread-bg-hover: #25303f;--content-inline-code-bg: var(--color-neutral-500);--content-inline-code-text: #f687b3;--content-codeblock-bg: var(--color-neutral-700);--content-codeblock-border: var(--color-neutral-500);--content-link-text: #63b3ed;--content-link-hover-text: #63b3ed;--profile-warning-banner-bg: #78350f;--profile-warning-banner-border: #f59e0b;--profile-warning-banner-text: #fef3c7;--profile-pending-banner-bg: #1e3a8a;--profile-pending-banner-border: #60a5fa;--profile-pending-banner-text: #dbeafe;--profile-avatar-error-bg: #3d2224;--profile-avatar-error-border: #5c3338;--profile-avatar-error-text: var(--color-error-light);--profile-modal-overlay: rgba(0, 0, 0, .8);--profile-modal-overlay-strong: rgba(0, 0, 0, .9);--profile-image-close-bg: var(--overlay-inverse-strong);--profile-image-close-bg-hover: var(--overlay-inverse-strong-hover);--profile-avatar-admin-hover-bg: #fa5252;--profile-upload-hover-bg: #40c057;--profile-delete-bg: #fa5252;--profile-delete-hover-bg: #e03131;--profile-cancel-hover-bg: var(--border-hover);--author-soft-deleted-border: #6b7280;--move-category-loading-overlay: rgba(26, 32, 44, .95);--move-category-icon-muted: #cbd5e0;--move-category-arrow-muted: #a0aec0;--move-category-option-name: #e9ecef;--attachment-existing-bg: #1a237e;--attachment-existing-border: #3f51b5;--attachment-new-bg: #4a1a4a;--attachment-new-border: #7b1fa2;--attachment-remove-hover-bg: #3d2224;--attachment-remove-hover-text: #ff8787;--attachment-dropzone-hover-bg: #1e2838;--attachment-dropzone-warning-bg: rgba(244, 67, 54, .1);--attachment-counter-warning: #ff6b6b;--attachment-browse-btn-hover-border: #4d5158;--bbcode-editor-border: #5f6368;--bbcode-editor-bg: #202124;--bbcode-editor-focus-border: #8ab4f8;--bbcode-editor-focus-ring: 0 0 0 1px #8ab4f8;--bbcode-toolbar-bg: #2d2f31;--bbcode-toolbar-divider: #5f6368;--bbcode-tab-text: #bdc1c6;--bbcode-tab-hover-bg: #3c4043;--bbcode-tab-hover-text: #e8eaed;--bbcode-tab-active-bg: #174ea6;--bbcode-tab-active-text: #d2e3fc;--bbcode-menu-border: #5f6368;--bbcode-menu-bg: #2d2f31;--bbcode-menu-shadow: 0 12px 30px rgba(0, 0, 0, .48);--bbcode-menu-item-text: #e8eaed;--bbcode-menu-item-hover-bg: #3c4043;--bbcode-menu-item-active-bg: #174ea6;--bbcode-menu-item-active-text: #d2e3fc;--bbcode-toolbar-button-text: #bdc1c6;--bbcode-toolbar-button-hover-bg: #3c4043;--bbcode-toolbar-button-hover-text: #e8eaed;--bbcode-toolbar-button-active-bg: #174ea6;--bbcode-toolbar-button-active-text: #d2e3fc;--bbcode-editor-region-bg: #202124;--bbcode-editor-text: #e8eaed;--bbcode-editor-placeholder: #9aa0a6;--bbcode-editor-blockquote-border: #8ab4f8;--bbcode-editor-blockquote-bg: #2d2f31;--bbcode-editor-blockquote-text: #e8eaed;--bbcode-editor-link: #8ab4f8;--bbcode-editor-attach-border: #5f6368;--bbcode-editor-attach-bg: #2d2f31;--bbcode-editor-attach-text: #8ab4f8;--bbcode-popover-border: #5f6368;--bbcode-popover-bg: #2d2f31;--bbcode-popover-shadow: 0 10px 30px rgba(0, 0, 0, .45);--bbcode-popover-title: #e8eaed;--bbcode-popover-label: #bdc1c6;--bbcode-popover-input-border: #5f6368;--bbcode-popover-input-bg: #202124;--bbcode-popover-input-text: #e8eaed;--bbcode-popover-button-bg: #3c4043;--bbcode-popover-button-text: #e8eaed;--bbcode-popover-button-hover-bg: #4b4f52;--bbcode-popover-button-primary-bg: #8ab4f8;--bbcode-popover-button-primary-text: #202124;--bbcode-preview-bg: #202124;--bbcode-preview-placeholder: #bdc1c6;--bbcode-content-link-hover-text: #90cdf4;--category-card-hover-border: rgba(255, 255, 255, .2);--category-card-hover-shadow: 0 8px 25px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .6);--shadow-outline: 0 0 0 3px rgba(56, 139, 253, .25);--background-color: var(--bg-primary);--background-gradient: linear-gradient(120deg, #1a1d23 0%, #25282f 100%);--surface-color: var(--bg-surface);--light-gray: var(--bg-muted);--hover-color: var(--bg-tertiary);--text-color: var(--text-primary);--text-muted-color: var(--text-muted);--border-color: var(--border-primary);--card-shadow: var(--shadow-md)}.text-heading-1{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-heading-2{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-heading-3{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.text-heading-4{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.text-heading-5{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal)}.text-heading-6{font-size:var(--text-base);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal)}.text-body-large{font-size:var(--text-lg);font-weight:var(--font-weight-normal);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal)}.text-body{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal)}.text-body-small{font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal)}.text-caption{font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);color:var(--text-muted)}.text-overline{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.mt-0{margin-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-muted{background-color:var(--bg-muted)}.bg-surface{background-color:var(--bg-surface)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.shadow-none{box-shadow:var(--shadow-none)}.transition-fast{transition:var(--transition-fast)}.transition{transition:var(--transition-base)}.transition-slow{transition:var(--transition-slow)}.animate-spin{animation:var(--animation-spin)}.animate-pulse{animation:var(--animation-pulse)}.animate-bounce{animation:var(--animation-bounce)}.animate-fade-in{animation:var(--animation-fade-in)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);font-family:inherit;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box;line-height:var(--leading-none)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled,.btn.btn-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:36px}.btn-md{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-height:44px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:48px}.btn-primary{background:var(--primary-color);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--primary-color-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-danger{background:var(--color-error);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:var(--color-error-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-warning{background:var(--color-warning);color:var(--text-inverse)}.btn-warning:hover:not(:disabled){background:var(--color-warning-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-primary)}.btn-ghost:active:not(:disabled){background:var(--bg-muted)}.btn-loading{pointer-events:none;position:relative}.btn-spinner{display:inline-flex;align-items:center;justify-content:center;animation:spin 1s linear infinite}.btn-spinner svg{width:16px;height:16px}.btn-loading .btn-text{opacity:.7}.btn .material-symbols-outlined{font-size:var(--text-lg);line-height:1}.btn-sm .material-symbols-outlined{font-size:var(--text-base)}.btn-lg .material-symbols-outlined{font-size:var(--text-xl)}.btn-full{width:100%}.btn-group{display:inline-flex;gap:var(--space-2)}.btn-group .btn{margin:0}@media(max-width:768px){.btn,.btn-sm{min-height:44px}.btn-lg{min-height:52px}}@media(hover:none)and (pointer:coarse){.btn-sm{min-height:44px}}.form-group{margin-bottom:var(--space-6)}.form-group:last-child{margin-bottom:var(--space-0)}.form-label,.form-group label{display:block;margin-bottom:var(--space-2);color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:var(--text-sm)}.form-label.required:after,.form-group label .required{content:" *";color:var(--color-error);margin-left:var(--space-1)}.form-input,.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group input[type=url],.form-group input[type=search],.form-group input[type=tel],.form-group input[type=date],.form-group input[type=time],.form-group input[type=datetime-local]{width:100%;padding:var(--space-3_5) var(--space-4);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);font-size:var(--text-base);transition:all .2s ease;box-sizing:border-box;background:var(--bg-primary);color:var(--text-primary);min-height:48px;font-family:inherit}.form-input::placeholder,.form-group input::placeholder{color:var(--text-muted)}.form-input:focus,.form-group input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.form-input:disabled,.form-group input:disabled{background-color:var(--bg-muted);color:var(--text-muted);cursor:not-allowed;border-color:var(--border-primary);opacity:.6}.form-input.error,.form-group input.error{border-color:var(--color-error)}.form-input.error:focus,.form-group input.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-textarea,.form-group textarea{width:100%;padding:var(--space-3_5) var(--space-4);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);font-size:var(--text-base);transition:all .2s ease;box-sizing:border-box;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;resize:vertical;min-height:120px}.form-textarea::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-textarea:focus,.form-group textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.form-textarea:disabled,.form-group textarea:disabled{background-color:var(--bg-muted);color:var(--text-muted);cursor:not-allowed;border-color:var(--border-primary);opacity:.6}.form-textarea.error,.form-group textarea.error{border-color:var(--color-error)}.form-textarea.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-select,.form-group select{width:100%;padding:var(--space-3_5) var(--space-4);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);font-size:var(--text-base);transition:all .2s ease;box-sizing:border-box;background:var(--bg-primary);color:var(--text-primary);min-height:48px;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.form-select:focus,.form-group select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.form-select:disabled,.form-group select:disabled{background-color:var(--bg-muted);color:var(--text-muted);cursor:not-allowed;border-color:var(--border-primary);opacity:.6}.form-select.error,.form-group select.error{border-color:var(--color-error)}.form-checkbox,.form-radio,.form-group input[type=checkbox],.form-group input[type=radio]{width:20px;height:20px;margin-right:var(--space-2);cursor:pointer;accent-color:var(--primary-color)}.form-checkbox-label,.form-radio-label,.form-group label.checkbox-label,.form-group label.radio-label{display:flex;align-items:center;cursor:pointer;font-weight:var(--font-weight-normal)}.form-error{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3);background:#ef44441a;border:1px solid var(--color-error-light);border-radius:var(--radius-base);color:var(--color-error);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.form-error .material-symbols-outlined{font-size:var(--text-lg);flex-shrink:0;margin-top:.125rem}.form-error.rate-limit-error,.alert-error.rate-limit-error{background:#fb923c1a;border-color:#fb923c66;color:#ea580c}.form-error.rate-limit-error .material-symbols-outlined,.alert-error.rate-limit-error .material-symbols-outlined{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}html[data-mode=dark] .form-error.rate-limit-error,html[data-mode=dark] .alert-error.rate-limit-error{background:#fb923c26;border-color:#fb923c4d;color:#fb923c}.form-help,.input-helper{display:block;margin-top:var(--space-1_5);color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-normal)}.character-counter,.char-count{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1);text-align:right}.character-counter .counter-warning,.char-count .counter-warning{color:var(--color-error);font-weight:var(--font-weight-medium)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-primary)}.form-actions-left{justify-content:flex-start}.form-actions-center{justify-content:center}.form-actions-space-between{justify-content:space-between}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.form-section{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-primary)}.form-section:last-child{border-bottom:none;margin-bottom:var(--space-0);padding-bottom:var(--space-0)}.form-section-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.form-section-description{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}html[data-mode=dark] .form-label,html[data-mode=dark] .form-group label{color:var(--color-neutral-400)}html[data-mode=dark] .form-input,html[data-mode=dark] .form-group input,html[data-mode=dark] .form-textarea,html[data-mode=dark] .form-group textarea,html[data-mode=dark] .form-select,html[data-mode=dark] .form-group select{background:var(--bg-primary);border-color:var(--color-neutral-600);color:var(--text-primary)}html[data-mode=dark] .form-input::placeholder,html[data-mode=dark] .form-group input::placeholder,html[data-mode=dark] .form-textarea::placeholder,html[data-mode=dark] .form-group textarea::placeholder{color:var(--text-muted)}html[data-mode=dark] .form-input:focus,html[data-mode=dark] .form-group input:focus,html[data-mode=dark] .form-textarea:focus,html[data-mode=dark] .form-group textarea:focus,html[data-mode=dark] .form-select:focus,html[data-mode=dark] .form-group select:focus{border-color:var(--primary-color);background:var(--bg-surface);box-shadow:var(--shadow-focus)}html[data-mode=dark] .form-input:disabled,html[data-mode=dark] .form-group input:disabled,html[data-mode=dark] .form-textarea:disabled,html[data-mode=dark] .form-group textarea:disabled,html[data-mode=dark] .form-select:disabled,html[data-mode=dark] .form-group select:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);border-color:var(--color-neutral-600)}html[data-mode=dark] .form-help,html[data-mode=dark] .input-helper{color:var(--color-neutral-400)}html[data-mode=dark] .form-error{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}html[data-mode=dark] .character-counter,html[data-mode=dark] .char-count{color:var(--text-muted)}html[data-mode=dark] .form-section{border-bottom-color:var(--border-primary)}@media(max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.spinner{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;animation:spin 1s linear infinite;color:var(--primary-color)}.spinner:not(svg):empty{border:2px solid var(--border-secondary);border-top-color:currentColor;border-radius:50%}.spinner svg{width:100%;height:100%}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-sm{width:16px;height:16px}.spinner-md{width:24px;height:24px}.spinner-lg{width:32px;height:32px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-loading);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.loading-message{margin:var(--space-0);color:var(--text-secondary);font-size:var(--text-base)}.loading-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);text-align:center}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-muted);font-size:var(--text-base)}.loading-spinner p{margin:0}.no-members{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);color:var(--text-muted);text-align:center}.no-members .material-symbols-outlined{font-size:var(--text-5xl);margin-bottom:1rem;opacity:.5}.no-members p{margin:0 0 var(--space-4) 0;font-size:var(--text-base);font-weight:var(--font-weight-medium)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}html[data-mode=dark] .loading-message,html[data-mode=dark] .loading-spinner,html[data-mode=dark] .no-members{color:var(--text-muted)}.members-surface .members-controls{display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-8);gap:1rem;flex-wrap:wrap}.members-surface .search-container{flex:1;max-width:500px}.members-surface .search-input-wrapper{position:relative;display:flex;align-items:center}.members-surface .search-icon{position:absolute;left:1rem;color:var(--text-muted);font-size:var(--text-xl);z-index:1}.members-surface .search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-base);transition:all .2s ease;background:var(--surface-primary)}.members-surface .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-focus)}.members-surface .search-input::placeholder{color:var(--color-neutral-400)}.members-surface .clear-search-btn{position:absolute;right:.75rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.members-surface .clear-search-btn:hover{background:var(--bg-secondary);color:var(--text-secondary)}.members-surface .members-list{background:var(--surface-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-base);overflow:hidden;overflow-x:auto}.members-surface .members-header{display:grid;grid-template-columns:60px minmax(150px,2fr) minmax(40px,.6fr) minmax(40px,.6fr) minmax(80px,1fr) minmax(100px,1fr) minmax(100px,1fr);gap:.75rem;padding:var(--space-4) var(--space-6);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;font-weight:600;color:var(--text-secondary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;margin:-1px -1px 0}.members-surface .members-tabs{display:flex;gap:.75rem;margin-bottom:1rem;border-bottom:1px solid var(--border-primary)}.members-surface .members-tab{position:relative;background:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-none);padding:.75rem .5rem;font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.4px;cursor:pointer;transition:color .2s ease}.members-surface .members-tab:hover{color:var(--text-secondary)}.members-surface .members-tab.active{color:var(--primary-color)}.members-surface .members-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--primary-color);border-radius:2px 2px 0 0}.members-surface .members-tab.disabled{opacity:.5;cursor:not-allowed}.members-surface .sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.members-surface .sortable-header:hover{color:var(--primary-color)}.members-surface .member-row{display:grid;grid-template-columns:60px minmax(150px,2fr) minmax(40px,.6fr) minmax(40px,.6fr) minmax(80px,1fr) minmax(100px,1fr) minmax(100px,1fr);gap:.75rem;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-primary);transition:background-color .2s ease}.members-surface .members-header.online-layout,.members-surface .member-row.online-layout{grid-template-columns:60px 2fr 1fr}.members-surface .members-header.pending-layout,.members-surface .member-row.pending-layout{grid-template-columns:60px 2fr 180px 120px}.members-surface .members-header.forums-layout,.members-surface .member-row.forums-layout{grid-template-columns:60px minmax(180px,1.8fr) minmax(110px,1fr) minmax(190px,1.6fr) minmax(170px,1.2fr) 132px}.members-surface .members-header.forum-members-layout,.members-surface .member-row.forum-members-layout{grid-template-columns:60px minmax(220px,2.2fr) minmax(110px,.9fr) minmax(170px,1.2fr) minmax(150px,1.3fr) minmax(80px,.7fr) minmax(80px,.7fr)}.members-surface .role-badge.role-member{background:var(--role-member-bg);color:var(--role-member-text);border:1px solid var(--role-member-border)}.members-surface .members-header.admin-layout,.members-surface .member-row.admin-layout{grid-template-columns:60px 2fr 1fr 1fr 1fr 1fr}.members-surface .members-header.unverified-layout,.members-surface .member-row.unverified-layout{grid-template-columns:60px 2fr 1fr 1fr}.members-surface .members-header.staff-layout,.members-surface .member-row.staff-layout{grid-template-columns:60px minmax(150px,2fr) minmax(70px,1fr) minmax(40px,.6fr) minmax(40px,.6fr) minmax(100px,1fr) minmax(100px,1fr)}.members-surface .members-header.deleted-layout,.members-surface .member-row.deleted-layout{grid-template-columns:60px 2fr 1fr 1fr 1fr 1fr}.members-surface .members-header.suspended-layout,.members-surface .member-row.suspended-layout{grid-template-columns:60px 2fr 1fr 1fr 1fr}.members-surface .member-role{display:flex;align-items:center;color:var(--text-secondary);font-size:var(--text-sm)}.members-surface .role-badge{padding:.15rem .5rem;border-radius:var(--radius-xl);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.members-surface .role-badge.role-admin{background:var(--role-admin-bg);color:var(--role-admin-text);border:1px solid var(--role-admin-border)}.members-surface .role-badge.role-moderator{background:var(--role-moderator-bg);color:var(--role-moderator-text);border:1px solid var(--role-moderator-border)}.members-surface .member-row:hover{background:var(--bg-secondary)}.members-surface .member-row:last-child{border-bottom:none;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.members-surface .member-avatar-column{display:flex;align-items:center;justify-content:center}.members-surface .member-avatar-link{text-decoration:none;transition:transform .2s ease}.members-surface .member-avatar-link:hover{transform:scale(1.05)}.members-surface .member-avatar{width:40px;height:40px;border-radius:var(--radius-full);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:700;position:relative}.members-surface .forum-avatar,.members-surface .forum-avatar img{border-radius:var(--radius-lg)}.members-surface .member-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.members-surface .member-avatar .online-status-indicator{width:12px;height:12px;border-width:2px}.members-surface .member-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;overflow:hidden}.members-surface .member-name{display:flex;align-items:center;gap:.5rem}.members-surface .member-username{font-weight:600;color:var(--color-neutral-800);font-size:var(--text-base);text-decoration:none;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members-surface .member-username:hover{color:var(--primary-color);text-decoration:underline}.members-surface .member-email{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members-surface .unverified-label{color:var(--color-error);font-weight:500;font-style:italic}.members-surface .posts-count,.members-surface .likes-count{font-weight:500}.members-surface .online-status{font-weight:600;color:var(--color-success);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px}.members-surface .member-joined,.members-surface .member-last-active,.members-surface .member-deleted,.members-surface .member-deleted-by,.members-surface .member-status{display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--text-muted);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members-surface .member-deleted-by .deleted-by-link{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.members-surface .member-deleted-by .deleted-by-link:hover{color:var(--primary-color-hover);text-decoration:underline}.members-surface .member-type{display:flex;align-items:center;justify-content:center;font-size:var(--text-sm)}.members-surface .status-badge{font-size:var(--text-xs);padding:.25rem .5rem;border-radius:var(--radius-xl);font-weight:600;text-transform:capitalize;letter-spacing:.3px}.members-surface .status-badge.status-active{background-color:var(--badge-success-bg);color:var(--badge-success-text);border:1px solid var(--badge-success-border)}.members-surface .status-badge.status-pending{background-color:var(--badge-warning-bg);color:var(--badge-warning-text);border:1px solid var(--badge-warning-border)}.members-surface .status-badge.status-suspended{background-color:var(--badge-danger-bg);color:var(--badge-danger-text);border:1px solid var(--badge-danger-border)}.members-surface .status-badge.status-deleted{background-color:var(--badge-neutral-bg);color:var(--badge-neutral-text);border:1px solid var(--badge-neutral-border)}.members-surface .status-badge.forum-visibility-badge,.members-surface .status-badge.forum-join-policy-badge{text-transform:none}.members-surface .forum-badges-header{justify-content:flex-start}.members-surface .forum-founder-header,.members-surface .forum-founder-cell{min-width:0}.members-surface .forum-founder-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-surface .forum-founder-link{display:block;min-width:0;color:var(--primary-color);text-decoration:none;transition:color .2s ease}.members-surface .forum-founder-link:hover{color:var(--primary-color-hover);text-decoration:underline}.members-surface .forum-badges-cell{justify-content:flex-start;gap:.5rem;flex-wrap:wrap;white-space:normal;overflow:visible;text-overflow:clip}.members-surface .members-header.forums-layout .member-joined,.members-surface .member-row.forums-layout .member-joined,.members-surface .members-header.forums-layout .forum-expiry-cell,.members-surface .member-row.forums-layout .forum-expiry-cell{justify-content:flex-start;overflow:visible;text-overflow:clip}.members-surface .status-badge.forum-visibility-badge.visibility-public{background-color:var(--badge-success-bg);color:var(--badge-success-text);border:1px solid var(--badge-success-border)}.members-surface .status-badge.forum-visibility-badge.visibility-members-only{background-color:var(--badge-warning-bg);color:var(--badge-warning-text);border:1px solid var(--badge-warning-border)}.members-surface .status-badge.forum-visibility-badge.visibility-admin-only{background-color:var(--badge-danger-bg);color:var(--badge-danger-text);border:1px solid var(--badge-danger-border)}.members-surface .status-badge.forum-join-policy-badge.join-policy-open{background-color:var(--badge-success-bg);color:var(--badge-success-text);border:1px solid var(--badge-success-border)}.members-surface .status-badge.forum-join-policy-badge.join-policy-approval-required{background-color:var(--badge-warning-bg);color:var(--badge-warning-text);border:1px solid var(--badge-warning-border)}.members-surface .status-badge.forum-join-policy-badge.join-policy-invite-only{background-color:var(--badge-info-bg);color:var(--badge-info-text);border:1px solid var(--badge-info-border)}.members-surface .joined-date,.members-surface .last-active-date{font-weight:500}.members-surface .member-row.forum-members-layout .forum-members-joined-cell{justify-content:flex-start;white-space:normal;overflow:visible;text-overflow:clip}.members-surface .member-row.forum-members-layout .forum-members-metric-cell{justify-content:center;text-align:center;white-space:nowrap}.members-surface .member-row.forum-members-layout .joined-date{color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.35}.members-surface .loading-more{display:flex;align-items:center;justify-content:center;padding:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);border-top:1px solid var(--border-primary)}.members-surface .no-more-members{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);border-top:1px solid var(--border-primary);font-style:italic}.members-surface .no-more-members .material-symbols-outlined{font-size:var(--text-lg);color:var(--color-success)}.members-surface .member-admin-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}.members-surface .admin-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all .2s ease;font-size:var(--text-base)}.members-surface .admin-action-btn:hover{transform:scale(1.1)}.members-surface .edit-btn{background:var(--member-action-edit-bg);color:var(--member-action-edit-text)}.members-surface .edit-btn:hover{background:var(--member-action-edit-bg-hover);color:var(--member-action-edit-text-hover)}.members-surface .delete-btn{background:var(--member-action-delete-bg);color:var(--member-action-delete-text)}.members-surface .delete-btn:hover{background:var(--member-action-delete-bg-hover);color:var(--member-action-delete-text-hover)}.members-surface .approve-user-btn{width:auto;padding:var(--space-2) var(--space-4);gap:.5rem;background:var(--member-action-approve-bg);color:var(--member-action-approve-text);font-weight:500;border:1px solid var(--member-action-approve-border)}.members-surface .approve-user-btn:hover:not(:disabled){background:var(--member-action-approve-bg-hover);color:var(--member-action-approve-text-hover);border-color:var(--member-action-approve-border-hover)}.members-surface .approve-user-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.members-surface .approve-user-btn .material-symbols-outlined.spinning{animation:spin 1s linear infinite}.members-surface .reorder-btn{background:var(--member-action-reorder-bg);color:var(--member-action-reorder-text)}.members-surface .reorder-btn:hover:not(:disabled){background:var(--member-action-reorder-bg-hover);color:var(--member-action-reorder-text-hover)}.members-surface .reorder-btn:disabled{cursor:not-allowed;opacity:.4}.members-surface .admin-action-btn .material-symbols-outlined{font-size:var(--text-lg);line-height:1}html[data-mode=dark] .members-surface .members-controls{color:var(--border-primary)}html[data-mode=dark] .members-surface .search-input{background:var(--bg-primary);border-color:var(--color-neutral-600);color:var(--border-primary)}html[data-mode=dark] .members-surface .search-input:focus{border-color:var(--primary-color);background:var(--bg-surface)}html[data-mode=dark] .members-surface .search-input::placeholder{color:var(--text-muted)}html[data-mode=dark] .members-surface .search-icon,html[data-mode=dark] .members-surface .clear-search-btn{color:var(--color-neutral-400)}html[data-mode=dark] .members-surface .clear-search-btn:hover{background:var(--bg-tertiary);color:var(--border-primary)}html[data-mode=dark] .members-surface .members-list{background:var(--bg-surface);border-color:var(--border-primary);box-shadow:var(--shadow-dark)}html[data-mode=dark] .members-surface .members-header{background:var(--bg-secondary);border-bottom-color:var(--border-primary);color:var(--text-secondary)}html[data-mode=dark] .members-surface .members-tabs{border-bottom-color:var(--border-primary)}html[data-mode=dark] .members-surface .members-tab{color:var(--text-muted)}html[data-mode=dark] .members-surface .members-tab:hover{color:var(--text-secondary)}html[data-mode=dark] .members-surface .members-tab.active{color:var(--primary-color)}html[data-mode=dark] .members-surface .members-tab.active:after{background:var(--primary-color)}html[data-mode=dark] .members-surface .member-row{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}html[data-mode=dark] .members-surface .member-row:hover{background:var(--bg-tertiary)}html[data-mode=dark] .members-surface .member-username{color:var(--text-primary)}html[data-mode=dark] .members-surface .member-username:hover{color:var(--color-primary-300)}html[data-mode=dark] .members-surface .member-email{color:var(--text-muted)}html[data-mode=dark] .members-surface .unverified-label{color:var(--color-error-light)}html[data-mode=dark] .members-surface .online-status{color:var(--color-success)}html[data-mode=dark] .members-surface .sortable-header:hover{color:var(--primary-color)}html[data-mode=dark] .members-surface .member-joined,html[data-mode=dark] .members-surface .member-last-active,html[data-mode=dark] .members-surface .member-deleted,html[data-mode=dark] .members-surface .member-deleted-by,html[data-mode=dark] .members-surface .loading-more{color:var(--text-muted)}html[data-mode=dark] .members-surface .no-more-members{color:var(--text-muted);border-top-color:var(--color-neutral-600)}@media(max-width:768px){.members-surface .members-controls{flex-direction:column;align-items:stretch;gap:1rem}.members-surface .search-container{max-width:none}.members-surface .members-header,.members-surface .member-row{grid-template-columns:50px minmax(120px,2fr) minmax(35px,.5fr) minmax(35px,.5fr) minmax(70px,1fr) minmax(90px,1fr) minmax(90px,1fr);gap:.5rem;padding:var(--space-4)}.members-surface .members-header.admin-layout,.members-surface .member-row.admin-layout{grid-template-columns:50px minmax(120px,2fr) minmax(35px,.5fr) minmax(35px,.5fr) minmax(70px,1fr) minmax(90px,1fr) minmax(90px,1fr)}.members-surface .members-header.online-layout,.members-surface .member-row.online-layout{grid-template-columns:50px 1fr 1fr}.members-surface .members-header.unverified-layout,.members-surface .member-row.unverified-layout{grid-template-columns:50px 1fr 1fr 1fr}.members-surface .members-header.staff-layout,.members-surface .member-row.staff-layout{grid-template-columns:50px minmax(120px,2fr) minmax(70px,1fr) minmax(35px,.5fr) minmax(35px,.5fr) minmax(90px,1fr) minmax(90px,1fr)}.members-surface .members-header.forums-layout,.members-surface .member-row.forums-layout{grid-template-columns:50px minmax(140px,1.6fr) minmax(100px,.9fr) minmax(180px,1.3fr) minmax(160px,1.1fr) 120px}.members-surface .members-header.forum-members-layout,.members-surface .member-row.forum-members-layout{grid-template-columns:50px minmax(150px,2.1fr) minmax(75px,.9fr) minmax(120px,1.2fr) minmax(120px,1.2fr) minmax(65px,.7fr) minmax(65px,.7fr)}.members-surface .members-tabs{overflow-x:auto}.members-surface .member-avatar{width:32px;height:32px;font-size:var(--text-sm)}.members-surface .member-username{font-size:var(--text-sm)}.members-surface .member-email,.members-surface .member-joined,.members-surface .member-last-active,.members-surface .member-deleted,.members-surface .member-deleted-by,.members-surface .member-status{font-size:var(--text-xs)}.members-surface .status-badge{font-size:10px;padding:.2rem .4rem}.members-surface .member-type{font-size:var(--text-xs)}}.members-surface .moderation-container{padding:0 0 2rem;max-width:100%;width:100%}.members-surface .moderation-container .members-tabs,.members-surface .moderation-container .members-list{max-width:100%;width:100%}.members-surface .members-header.moderation-layout,.members-surface .member-row.moderation-layout{grid-template-columns:180px 1fr 180px 200px}.members-surface .member-row.moderation-layout .member-admin-actions{display:flex;gap:.5rem;align-items:center}.members-surface .member-row.moderation-layout.clickable-row:hover{background:var(--moderation-row-hover-bg)}.members-surface .member-row.moderation-layout .member-info,.members-surface .member-row.moderation-layout .deleted-content-title{justify-content:center}.members-surface .deleted-content-title{display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.members-surface .deleted-item-title-text{font-weight:600;color:var(--color-neutral-700);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-surface .deleted-item-topic-title{font-weight:600;color:var(--text-muted);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-surface .deleted-item-preview{color:var(--text-muted);font-size:var(--text-sm);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.members-surface .deleted-date{color:var(--text-muted);font-size:var(--text-sm);display:flex;align-items:center}.members-surface .restore-btn{display:flex;align-items:center;gap:.5rem;padding:var(--space-2) var(--space-4);background:var(--member-action-restore-bg);color:var(--member-action-restore-text);border:none;border-radius:var(--radius-base);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.members-surface .restore-btn:hover:not(:disabled){background:var(--member-action-restore-bg-hover);transform:translateY(-1px);box-shadow:var(--member-action-restore-shadow-hover)}.members-surface .restore-btn:disabled{background:var(--member-action-disabled-bg);cursor:not-allowed;opacity:.6}.members-surface .restore-btn .material-symbols-outlined{font-size:var(--text-lg)}.members-surface .restore-btn .spinning{animation:spin 1s linear infinite}.members-surface .delete-forever-btn{display:flex;align-items:center;gap:.5rem;padding:var(--space-2) var(--space-4);background:var(--member-action-danger-bg);color:var(--member-action-danger-text);border:none;border-radius:var(--radius-base);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.members-surface .delete-forever-btn:hover:not(:disabled){background:var(--member-action-danger-bg-hover);transform:translateY(-1px);box-shadow:var(--member-action-danger-shadow-hover)}.members-surface .delete-forever-btn:disabled{background:var(--member-action-disabled-bg);cursor:not-allowed;opacity:.6}.members-surface .delete-forever-btn .material-symbols-outlined{font-size:var(--text-lg)}.members-surface .delete-forever-btn .spinning{animation:spin 1s linear infinite}html[data-mode=dark] .members-surface .deleted-item-title-text{color:var(--border-primary)}html[data-mode=dark] .members-surface .deleted-item-topic-title,html[data-mode=dark] .members-surface .deleted-item-preview,html[data-mode=dark] .members-surface .deleted-date{color:var(--color-neutral-400)}@media(max-width:1024px){.members-surface .members-header.moderation-layout,.members-surface .member-row.moderation-layout{grid-template-columns:150px 1fr 150px 180px;gap:.75rem;padding:var(--space-4)}.members-surface .members-header.deleted-layout,.members-surface .member-row.deleted-layout{grid-template-columns:50px 1fr 1fr 1fr 1fr 1fr}.members-surface .restore-btn,.members-surface .delete-forever-btn{font-size:var(--text-sm);padding:.4rem .75rem}.members-surface .restore-btn .material-symbols-outlined,.members-surface .delete-forever-btn .material-symbols-outlined{font-size:var(--text-base)}}@media(max-width:768px){.members-surface .members-header.moderation-layout{grid-template-columns:1fr 100px 100px;gap:.5rem;padding:var(--space-3);font-size:var(--text-xs)}.members-surface .member-row.moderation-layout{grid-template-columns:1fr 100px 100px;gap:.5rem;padding:var(--space-3)}.members-surface .member-row.moderation-layout .member-info{display:none}.members-surface .deleted-item-title-text,.members-surface .deleted-item-topic-title{font-size:var(--text-sm)}.members-surface .members-header.deleted-layout,.members-surface .member-row.deleted-layout{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:.5rem;padding:var(--space-3)}.members-surface .deleted-item-preview{font-size:var(--text-xs);-webkit-line-clamp:1}.members-surface .member-row.moderation-layout .member-admin-actions{flex-direction:column;gap:.25rem}.members-surface .restore-btn,.members-surface .delete-forever-btn{width:100%;font-size:var(--text-xs);padding:.35rem .5rem}.members-surface .restore-btn .material-symbols-outlined,.members-surface .delete-forever-btn .material-symbols-outlined{font-size:14px}}:root{--site-shell-inline-padding: clamp(1.25rem, 4vw, 3.5rem)}.support-site{flex:1;padding:1rem 0}.site-container{width:100%;margin:0 auto;padding:0 var(--site-shell-inline-padding)}.site-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:1rem;border-bottom:2px solid var(--border-primary)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:.75rem}.page-title h1{color:var(--text-secondary);margin:0 0 var(--space-1) 0;font-size:var(--text-2xl);font-weight:var(--font-weight-semibold)}.page-title p{color:var(--text-muted);margin:var(--space-0);font-size:var(--text-sm);font-weight:var(--font-weight-normal)}.page-actions,.site-actions{display:flex;align-items:center;gap:1rem}.site-title h1{color:var(--color-neutral-800);margin:0 0 var(--space-2) 0;font-size:var(--text-4xl);font-weight:var(--font-weight-bold)}.site-title p{color:var(--text-muted);margin:var(--space-0);font-size:var(--text-lg)}.new-topic-btn{background:var(--primary-color);color:var(--text-inverse);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .2s ease}.new-topic-btn .material-symbols-outlined{color:var(--text-inverse)}.new-topic-btn:hover{background:var(--primary-color-hover);transform:translateY(-1px)}.stat{text-align:center}.stat-number{display:block;font-size:var(--text-4xl);font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:var(--leading-none)}.stat-label{font-size:var(--text-base);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.topic-meta .author-link{color:var(--color-info);text-decoration:none;font-weight:600}.topic-meta .author-link:hover{text-decoration:underline}.topic-meta{font-size:var(--text-base);color:var(--text-muted);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1rem}.page-title h1{font-size:var(--text-xl)}.page-actions{width:100%;justify-content:center}.site-header{flex-direction:column;gap:1rem;align-items:stretch}.site-actions{justify-content:center;gap:.75rem}}html[data-mode=dark] .app,html[data-mode=dark] .support-site{background:var(--bg-primary);color:var(--border-primary)}html[data-mode=dark] .site-header{border-bottom-color:var(--color-neutral-600)}html[data-mode=dark] .page-title h1{color:var(--text-primary)}html[data-mode=dark] .page-title p{color:var(--text-muted)}html[data-mode=dark] .site-title h1{color:#fff}html[data-mode=dark] .site-title p{color:var(--color-neutral-400)}html[data-mode=dark] .stat-number{color:var(--color-primary-300)}html[data-mode=dark] .stat-label,html[data-mode=dark] .topic-meta{color:var(--text-muted)}html[data-mode=dark] .topic-meta .author-link{color:var(--color-info)}html[data-mode=dark] .new-topic-btn{background:var(--primary-color);color:#fff}html[data-mode=dark] .new-topic-btn:hover{background:var(--primary-color-hover)}.post-shell{min-width:0;container-type:inline-size}.author-avatar.deleted{background:var(--author-avatar-deleted-bg);color:var(--author-avatar-deleted-text)}.avatar-placeholder{font-size:var(--text-sm);font-weight:600}.author-avatar .avatar-placeholder{font-size:var(--text-2xl)}.author-avatar-link.disabled{pointer-events:none;cursor:default}.author-link.deleted{color:var(--author-link-deleted-text);cursor:default;pointer-events:none}.author-avatar.soft-deleted-user{opacity:.7;border:1px dashed var(--author-soft-deleted-border)}.author-link.soft-deleted-user{color:var(--author-soft-deleted-border);font-style:italic;cursor:default;pointer-events:none}.author-title.soft-deleted-user{color:var(--author-soft-deleted-border);font-size:.875rem}.author,.author-link{color:inherit;text-decoration:none;transition:opacity .2s ease,color .2s ease}.author:hover,.author-link:hover{color:inherit;opacity:.88;text-decoration:none}.author-avatar-link{text-decoration:none;transition:transform .2s ease;position:relative;display:inline-block}.author-avatar-link:hover{transform:scale(1.05)}.post{display:flex;gap:1.5rem;padding:var(--space-8);background:var(--post-author-bg);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative}.post.deleted{opacity:.6;background:var(--bg-secondary)}.post.deleted .post-text{color:var(--text-muted)}.deleted-badge{color:var(--color-error);font-size:var(--text-sm);font-weight:500;margin-left:.5rem}.post-author{flex-shrink:0;width:clamp(132px,18vw,200px);display:flex;flex-direction:column;align-items:center;text-align:center}.author-avatar{width:70px;height:70px;border-radius:var(--radius-full);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:700;margin-bottom:1rem;position:relative}.author-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.author-info{display:flex;flex-direction:column;gap:.45rem;align-items:center;width:100%;max-width:100%;min-width:0}.author-name{width:100%;min-width:0}.author-nameplate-link{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%;max-width:100%;min-width:0}.author-display-name{color:var(--text-primary);font-size:var(--text-lg);line-height:1.2;font-weight:700;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-username{color:var(--text-muted);font-size:var(--text-sm);line-height:1.2;font-weight:500;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-title{color:var(--text-muted);font-size:var(--text-sm);letter-spacing:.5px}.author-status{margin-left:0;padding:.1rem .5rem;border-radius:var(--radius-full);background:var(--surface-muted);color:var(--text-muted);font-size:var(--text-xs)}.post-date{color:var(--text-muted);font-size:var(--text-sm)}.post-content{flex:1;min-width:0;line-height:1.6;color:var(--text-secondary)}.post-text{max-width:100%;min-width:0;overflow-wrap:anywhere}@container (max-width: 720px){.post{flex-direction:column;gap:1rem}.post-author{width:100%;flex-direction:row;text-align:left;align-items:center}.post-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.25rem 0 .5rem}.author-avatar{width:55px;height:55px;margin-right:1rem;margin-bottom:0}.author-info{align-items:flex-start;flex:1 1 auto;width:auto;max-width:100%;min-width:0}.author-nameplate-link{align-items:flex-start}}.post-content p{margin:var(--space-0) var(--space-0) var(--space-4) var(--space-0)}.post-content p:last-child{margin-bottom:0}.post-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0 .75rem;border-bottom:1px solid var(--border-primary);margin-bottom:1rem}.author-avatar .online-status-indicator{width:14px;height:14px;border:2px solid var(--bg-primary);box-shadow:var(--shadow-sm);bottom:2px;right:2px}.author-avatar-link .online-status-indicator{width:14px;height:14px;border:2px solid var(--bg-primary);box-shadow:var(--shadow-sm);bottom:calc(1rem + 2px);right:2px}html[data-mode=dark] .author-avatar.deleted{background:var(--author-avatar-deleted-bg);color:var(--author-avatar-deleted-text)}html[data-mode=dark] .author-link.deleted{color:var(--author-link-deleted-text)}html[data-mode=dark] .author-avatar.soft-deleted-user{opacity:.7;border:1px dashed var(--author-soft-deleted-border)}html[data-mode=dark] .author-link.soft-deleted-user,html[data-mode=dark] .author-title.soft-deleted-user{color:var(--author-soft-deleted-border)}html[data-mode=dark] .author,html[data-mode=dark] .author-link,html[data-mode=dark] .author:hover,html[data-mode=dark] .author-link:hover{color:inherit}html[data-mode=dark] .post{background:var(--bg-surface);border-color:var(--border-primary);box-shadow:var(--shadow-dark)}html[data-mode=dark] .author-name,html[data-mode=dark] .author-display-name{color:var(--text-primary)}html[data-mode=dark] .author-username,html[data-mode=dark] .author-title{color:var(--text-muted)}html[data-mode=dark] .post-content{color:var(--post-content-text)}html[data-mode=dark] .post-header{border-bottom-color:var(--color-neutral-600)}html[data-mode=dark] .post-text{color:var(--post-content-text)}@media(max-width:768px){.post{flex-direction:column;gap:1rem}.post-author{width:100%;flex-direction:row;text-align:left;align-items:center}.post-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.25rem 0 .5rem}.author-avatar{width:55px;height:55px;margin-right:1rem;margin-bottom:0}.author-info{align-items:flex-start;flex:1 1 auto;width:auto;max-width:100%;min-width:0}.author-nameplate-link{align-items:flex-start}}.attachments-title{color:var(--text-secondary)}.post-attachments .attachments-list{display:flex;flex-direction:column;gap:.5rem}.post-attachments .attachment-item{display:flex;align-items:center;gap:.75rem;padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all .2s ease}.post-attachments .attachment-item:hover{background:var(--border-primary);border-color:var(--border-secondary)}.post-attachments .attachment-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-base);border:1px solid var(--border-secondary);flex-shrink:0}.post-attachments .attachment-icon .material-symbols-outlined{font-size:var(--text-xl);color:var(--text-muted)}.download-attachment-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.download-attachment-btn:hover{background:var(--border-primary);color:var(--text-secondary)}.download-attachment-btn .material-symbols-outlined{font-size:var(--text-xl)}.post-attachments{margin-top:1rem;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);width:100%;min-width:0;box-sizing:border-box}.post-attachments .attachments-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:500;color:var(--text-muted);font-size:var(--text-sm)}.post-attachments .attachments-collage{display:grid;gap:.35rem;width:100%;min-width:0;margin-bottom:.75rem;overflow:hidden;box-sizing:border-box}.post-attachments .attachments-collage.count1{grid-template-columns:minmax(0,1fr);grid-template-areas:"a";aspect-ratio:16 / 10}.post-attachments .attachments-collage.count2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a b";aspect-ratio:16 / 10}.post-attachments .attachments-collage.count3{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a b" "a c";aspect-ratio:16 / 10}.post-attachments .attachments-collage.count4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:1 / 1}.post-attachments .attachments-collage.count5,.post-attachments .attachments-collage.count6{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:3 / 2}.post-attachments .attachments-collage.count7,.post-attachments .attachments-collage.count8{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:2 / 1}.post-attachments .attachments-collage.count9,.post-attachments .attachments-collage.count10{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:5 / 2}.post-attachments .attachments-collage-item{position:relative;min-width:0;min-height:0;border:0;border-radius:10px;overflow:hidden;background:var(--surface-secondary);padding:0;margin:0;display:block;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.post-attachments .attachments-collage-item img{width:100%;height:100%;object-fit:cover;display:block}.post-attachments .attachments-collage-item.attachment-disabled{cursor:not-allowed;opacity:.88}.post-attachments .attachments-collage.count1 .attachments-collage-item.item0,.post-attachments .attachments-collage.count2 .attachments-collage-item.item0,.post-attachments .attachments-collage.count3 .attachments-collage-item.item0{grid-area:a}.post-attachments .attachments-collage.count2 .attachments-collage-item.item1,.post-attachments .attachments-collage.count3 .attachments-collage-item.item1{grid-area:b}.post-attachments .attachments-collage.count3 .attachments-collage-item.item2{grid-area:c}.post-attachments .attachments-collage-overflow{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000094;color:#fff;display:flex;align-items:center;justify-content:center;font-size:clamp(1.25rem,2.5vw,2.1rem);font-weight:700;line-height:1;letter-spacing:-.03em}.post-attachments .attachments-images{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem;width:100%;min-width:0}.post-attachments .attachment-image-item{background:#fff;border-radius:var(--radius-base);overflow:hidden;border:1px solid var(--border-secondary);transition:all .2s ease;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;width:100%;max-width:min(100%,540px);min-width:0;box-sizing:border-box}.post-attachments .attachment-image-item:hover{border-color:var(--primary-color);box-shadow:var(--attachment-card-hover-shadow)}.post-attachments .attachments-files{display:flex;flex-wrap:wrap;gap:.5rem}.post-attachments .attachment-file-item{background:#fff;border-radius:var(--radius-base);border:1px solid var(--border-secondary);transition:all .2s ease;flex:0 1 auto;min-width:0;max-width:100%}.post-attachments .attachment-file-item:hover{border-color:var(--primary-color);box-shadow:var(--attachment-card-hover-shadow)}.post-attachments .attachment-image-wrapper{position:relative;padding:0;background:var(--bg-primary);width:100%;min-width:0;overflow:hidden}.post-attachments .attachment-image-link{display:block;width:100%;min-width:0;border:0;padding:0;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left}.post-attachments .attachment-image-link.attachment-disabled{cursor:not-allowed;opacity:.88}.post-attachments .attachment-image-preview{display:block;width:100%;max-width:100%;max-height:400px;height:auto;object-fit:contain;background:var(--attachment-preview-bg);border-radius:0;box-shadow:none}.post-attachments .attachment-image-item .attachment-info{padding:var(--space-3);background:var(--bg-secondary);border-top:1px solid var(--border-secondary);flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.post-attachments .attachment-image-item .attachment-name{font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-800);margin-bottom:0;word-break:break-word;line-height:1.35;width:100%}.post-attachments .attachment-image-item .attachment-meta{font-size:var(--text-xs);color:var(--text-muted);white-space:normal}.post-attachments .attachment-image-meta-row{display:flex;flex-wrap:wrap;gap:.4rem}.post-attachments .attachment-meta-pill{display:inline-flex;align-items:center;min-width:0;padding:.22rem .55rem;border-radius:999px;border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-muted);line-height:1.2}.post-attachments .attachment-file-wrapper{display:flex;align-items:center}.post-attachments .attachment-file-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;text-decoration:none;color:var(--text-secondary);transition:background-color .2s ease;flex:1;border-radius:var(--radius-base);min-width:0;cursor:pointer}.post-attachments .attachment-file-link:hover{background:var(--bg-secondary)}.post-attachments .attachment-file-link.attachment-disabled{opacity:.7;cursor:not-allowed;pointer-events:auto}.post-attachments .attachment-file-link.attachment-disabled:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.post-attachments .attachment-file-link .material-symbols-outlined{font-size:var(--text-xl);flex-shrink:0;color:var(--text-muted)}.post-attachments .attachment-file-link .download-icon{font-size:var(--text-lg);margin-left:.25rem}.post-attachments .attachment-info{flex:1;min-width:0;overflow:hidden}.post-attachments .attachment-name{font-weight:500;color:var(--text-primary);margin-bottom:.15rem;font-size:var(--text-sm);word-break:break-word}.post-attachments .attachment-meta{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.attachment-loading{display:flex;align-items:center;gap:.5rem;padding:var(--space-4);color:var(--text-muted);font-style:italic;justify-content:center}.attachment-loading .material-symbols-outlined{animation:spin 1s linear infinite}.attachment-placeholder-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-muted);flex-shrink:0}.attachment-placeholder-icon .material-symbols-outlined{font-size:2.5rem;opacity:.5}.attachment-image-thumbnail{width:80px;height:80px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;background:var(--bg-secondary);border:1px solid var(--border-secondary)}.attachment-image-thumbnail .thumbnail-preview{width:100%;height:100%;object-fit:cover;display:block}.attachment-section .attachment-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.attachment-section .attachment-action-btn{border:1px solid var(--border-secondary);background:var(--bg-primary);color:var(--text-secondary);border-radius:var(--radius-sm);padding:.35rem .6rem;font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .2s ease}.attachment-section .attachment-action-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.attachment-section .attachment-action-btn:disabled{opacity:.5;cursor:not-allowed}.attachment-section .attachment-remove-btn{display:inline-flex;align-items:center;gap:.375rem;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-error);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease;flex-shrink:0}.attachment-section .attachment-remove-btn:hover{background:var(--attachment-remove-hover-bg);color:var(--attachment-remove-hover-text)}.attachment-section .attachment-remove-btn .material-symbols-outlined{font-size:var(--text-lg);line-height:1}.attachment-section .attachment-remove-btn-cancel{color:var(--text-secondary)}.attachment-section .attachment-remove-btn-cancel:hover{background:var(--bg-secondary);color:var(--text-primary)}@media(max-width:1024px){.post-attachments .attachment-image-preview{max-width:400px;max-height:350px}.attachment-section .attachment-icon{width:70px;height:70px}.attachment-section .attachment-icon .material-symbols-outlined{font-size:var(--text-2xl)}}@media(max-width:768px){.post-attachments{margin-top:.75rem;padding:var(--space-3)}.post-attachments .attachments-images{gap:.5rem;margin-bottom:.5rem}.post-attachments .attachments-collage{gap:.3rem}.post-attachments .attachment-image-preview{max-width:100%;max-height:300px}.post-attachments .attachment-image-item .attachment-info{padding:var(--space-2)}.post-attachments .attachment-image-item .attachment-name,.post-attachments .attachment-image-item .attachment-meta{font-size:var(--text-xs)}.post-attachments .attachments-files{gap:.375rem}.post-attachments .attachment-file-item{width:100%}.post-attachments .attachment-file-link{flex-direction:column;align-items:stretch}.attachment-image-thumbnail{width:100%;height:auto;border-radius:var(--radius-lg);overflow:hidden}.attachment-image-thumbnail .thumbnail-preview{width:100%;height:auto;object-fit:cover;display:block}.post-attachments .attachment-info{margin-top:.5rem}.post-attachments .attachment-file-link .download-icon{align-self:flex-end;margin-top:.25rem}.post-attachments .attachment-file-link{padding:.375rem .5rem;gap:.375rem}.post-attachments .attachment-file-link .material-symbols-outlined{font-size:var(--text-lg)}.post-attachments .attachment-file-link .download-icon{font-size:var(--text-base)}.post-attachments .attachment-name,.post-attachments .attachment-meta{font-size:var(--text-xs)}.download-attachment-btn{padding:.375rem}.download-attachment-btn .material-symbols-outlined{font-size:var(--text-lg)}.attachment-section .attachment-items{gap:.5rem}[data-topic-form-shell=true] .attachment-item.existing,[data-topic-form-shell=true] .attachment-item,[data-inline-edit-editor=true] .attachment-item,[data-edit-post-form=true] .attachment-item,.attachment-section .attachment-item{width:100%}[data-topic-form-shell=true] .attachment-item .attachment-image-thumbnail,[data-inline-edit-editor=true] .attachment-item .attachment-image-thumbnail,[data-edit-post-form=true] .attachment-item .attachment-image-thumbnail,.attachment-section .attachment-item .attachment-image-thumbnail{width:100%;height:auto;border-radius:var(--radius-lg);overflow:hidden}[data-topic-form-shell=true] .attachment-item .thumbnail-preview,[data-inline-edit-editor=true] .attachment-item .thumbnail-preview,[data-edit-post-form=true] .attachment-item .thumbnail-preview,.attachment-section .attachment-item .thumbnail-preview{width:100%;height:auto;object-fit:cover;display:block}[data-topic-form-shell=true] .attachment-item .attachment-info,[data-inline-edit-editor=true] .attachment-item .attachment-info,[data-edit-post-form=true] .attachment-item .attachment-info,.attachment-section .attachment-item .attachment-info{margin-top:.5rem}.attachment-section .attachment-item{width:100%;padding:var(--space-3)}.attachment-section .attachment-info{max-width:none;flex:1}}html[data-mode=dark] .post-attachments{background:var(--bg-primary);border-color:var(--border-primary)}html[data-mode=dark] .post-attachments .attachment-image-item,html[data-mode=dark] .post-attachments .attachment-file-item{background:var(--bg-secondary);border-color:var(--border-primary)}html[data-mode=dark] .post-attachments .attachment-image-item:hover,html[data-mode=dark] .post-attachments .attachment-file-item:hover{border-color:var(--primary-color)}html[data-mode=dark] .post-attachments .attachments-header{color:var(--color-neutral-400)}html[data-mode=dark] .post-attachments .attachments-collage-item{background:var(--bg-secondary)}html[data-mode=dark] .attachment-loading{color:var(--color-neutral-400)}html[data-mode=dark] .post-attachments .attachment-file-wrapper,html[data-mode=dark] .post-attachments .attachment-image-preview{background:var(--bg-primary)}html[data-mode=dark] .post-attachments .download-icon{color:var(--color-neutral-400)}html[data-mode=dark] .post-attachments .attachment-file-link{color:var(--text-muted)}html[data-mode=dark] .post-attachments .attachment-file-link:hover{background:var(--bg-tertiary)}html[data-mode=dark] .post-attachments .attachment-image-item .attachment-info{background:var(--color-neutral-700);border-top-color:var(--color-neutral-500)}html[data-mode=dark] .post-attachments .attachment-image-item .attachment-name{color:var(--text-primary)}html[data-mode=dark] .post-attachments .attachment-image-item .attachment-meta{color:var(--text-muted)}.attachment-section{margin-top:1rem}.attachment-section.attachment-section-embedded,.attachment-section.attachment-section-embedded .attachments-list{margin-top:0}.attachment-section.attachment-section-embedded .attachment-items{gap:0}.attachment-section.attachment-section-embedded .attachment-item{padding:.75rem 0;background:transparent;border:0;border-top:1px solid var(--border-primary);border-radius:0}.attachment-section.attachment-section-embedded .attachment-item:first-child{padding-top:0;border-top:0}.attachment-section.attachment-section-embedded .attachment-item:last-child{padding-bottom:0}.attachment-section.attachment-section-embedded .attachment-item:hover{background:transparent}.attachment-section.attachment-section-embedded .attachment-image-thumbnail{width:64px;height:64px;border-radius:var(--radius-base)}.attachment-section.attachment-section-embedded .attachment-icon{background:var(--bg-secondary);box-shadow:none}.attachment-section .existing-attachments-section{margin-bottom:var(--space-6)}.attachment-section .attachment-items{display:flex;flex-direction:column;gap:.75rem}.attachment-section .attachment-item{display:flex;align-items:center;gap:.75rem;padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all .2s ease}.attachment-section .attachment-item:hover{background:var(--border-primary)}.attachment-section .attachment-item.existing{background:var(--attachment-existing-bg);border-color:var(--attachment-existing-border)}.attachment-section .attachment-item.new{background:var(--attachment-new-bg);border-color:var(--attachment-new-border)}.attachment-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border-radius:var(--radius-base);box-shadow:var(--shadow-sm)}.attachment-icon .material-symbols-outlined{font-size:var(--text-2xl);color:var(--text-muted)}.attachment-section .attachment-info{flex:1;min-width:0}.attachment-section .attachment-name{font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-section .attachment-size{font-size:var(--text-sm);color:var(--text-muted)}.attachment-section .remove-attachment-btn{background:var(--color-error);color:var(--text-on-danger);border:none;border-radius:var(--radius-full);width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.attachment-section .remove-attachment-btn:hover{background:var(--attachment-remove-btn-bg-hover);transform:scale(1.1)}.attachment-section .remove-attachment-btn .material-symbols-outlined{font-size:var(--text-lg)}html[data-mode=dark] .attachment-section .attachment-item{background:var(--bg-surface);border-color:var(--color-neutral-600)}html[data-mode=dark] .attachment-section .attachment-item:hover{border-color:var(--primary-color)}html[data-mode=dark] .attachment-section.attachment-section-embedded .attachment-item{background:transparent;border-color:var(--color-neutral-600)}html[data-mode=dark] .attachment-section.attachment-section-embedded .attachment-item:hover{background:transparent}html[data-mode=dark] .attachment-section .attachment-item.existing{background:var(--attachment-existing-bg);border-color:var(--attachment-existing-border)}html[data-mode=dark] .attachment-section .attachment-item.new{background:var(--attachment-new-bg);border-color:var(--attachment-new-border)}html[data-mode=dark] .attachment-section .attachment-icon{background:var(--bg-secondary);color:var(--text-primary)}html[data-mode=dark] .attachment-section .attachment-icon .material-symbols-outlined{color:var(--color-neutral-400)}html[data-mode=dark] .attachment-section .attachment-name{color:var(--text-primary)}html[data-mode=dark] .attachment-section .attachment-meta,html[data-mode=dark] .attachment-section .attachment-size{color:var(--text-muted)}html[data-mode=dark] .attachment-section .remove-attachment-btn{color:var(--color-error-light)}html[data-mode=dark] .attachment-section .remove-attachment-btn:hover{background:var(--attachment-remove-hover-bg);color:var(--attachment-remove-hover-text)}html[data-mode=dark] .attachment-section .attachment-remove-btn{color:var(--color-error-light)}html[data-mode=dark] .attachment-section .attachment-remove-btn:hover{background:var(--attachment-remove-hover-bg);color:var(--attachment-remove-hover-text)}html[data-mode=dark] .attachment-section .attachment-remove-btn-cancel{color:var(--text-secondary)}html[data-mode=dark] .attachment-section .attachment-remove-btn-cancel:hover{background:var(--bg-secondary);color:var(--text-primary)}.attachment-section .attachment-hint{font-size:var(--text-sm);color:var(--text-muted);margin-top:.25rem;text-align:right}.attachment-section .attachment-section-content{margin-top:1rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.attachment-section .attachment-drop-zone{border:2px dashed var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;background:var(--bg-secondary);transition:all .3s ease;cursor:pointer;margin-bottom:1rem}.attachment-section .attachment-drop-zone:hover,.attachment-section .attachment-drop-zone.drag-over{border-color:var(--primary-color);background:var(--attachment-dropzone-hover-bg);transform:translateY(-2px)}.attachment-section .attachment-drop-zone.drag-warning{border-color:var(--color-error);background:var(--attachment-dropzone-warning-bg)}.attachment-section .attachment-drop-zone.drag-warning .material-symbols-outlined{color:var(--color-error)}.attachment-section .drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.attachment-section .drop-zone-content .material-symbols-outlined{font-size:var(--text-5xl);color:var(--text-muted);transition:color .3s ease}.attachment-section .attachment-drop-zone:hover .material-symbols-outlined,.attachment-section .attachment-drop-zone.drag-over .material-symbols-outlined{color:var(--primary-color)}.attachment-section .drop-zone-text{display:flex;flex-direction:column;align-items:center;gap:.5rem}.attachment-section .drop-zone-text p{margin:var(--space-0);color:var(--text-secondary);font-size:var(--text-base)}.attachment-section .browse-files-btn{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-primary);padding:.5rem 1.5rem;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.attachment-section .browse-files-btn:hover{background:var(--border-primary);border-color:var(--border-secondary);color:var(--text-secondary)}.attachment-section .drop-zone-hint{font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-0)}.attachment-section .attachments-list{margin-top:1rem}.attachment-section .attachments-list h4{margin:var(--space-0) var(--space-0) var(--space-4) var(--space-0);color:var(--color-neutral-800);font-size:var(--text-base);font-weight:600}html[data-mode=dark] .attachment-section .attachment-hint{color:var(--text-muted)}html[data-mode=dark] .character-count,html[data-mode=dark] .character-counter{color:var(--color-neutral-400)}html[data-mode=dark] .counter-warning{color:var(--attachment-counter-warning)}html[data-mode=dark] .attachment-section .attachment-drop-zone{background:var(--bg-primary);border-color:var(--color-neutral-600)}html[data-mode=dark] .attachment-section .attachment-drop-zone:hover,html[data-mode=dark] .attachment-section .attachment-drop-zone.drag-over{border-color:var(--primary-color);background:var(--attachment-dropzone-hover-bg)}html[data-mode=dark] .attachment-section .attachment-drop-zone.drag-warning{border-color:var(--color-error);background:var(--attachment-dropzone-warning-bg)}html[data-mode=dark] .attachment-section .attachment-drop-zone.drag-warning .material-symbols-outlined{color:var(--color-error)}html[data-mode=dark] .attachment-section .drop-zone-content .material-symbols-outlined,html[data-mode=dark] .attachment-section .drop-zone-text p{color:var(--color-neutral-400)}html[data-mode=dark] .attachment-section .browse-files-btn{background:var(--bg-tertiary);color:var(--color-neutral-400);border-color:var(--color-neutral-600)}html[data-mode=dark] .attachment-section .browse-files-btn:hover{background:var(--color-neutral-600);border-color:var(--attachment-browse-btn-hover-border);color:var(--border-primary)}html[data-mode=dark] .attachment-section .drop-zone-hint{color:var(--text-muted)}html[data-mode=dark] .attachment-section .attachment-menu-button{background:var(--bg-tertiary);border-color:var(--color-neutral-600);color:var(--color-neutral-300)}html[data-mode=dark] .attachment-section .attachment-menu-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.attachment-section .upload-progress{width:100%;height:4px;background-color:var(--border-primary);border-radius:var(--radius-sm);overflow:hidden;margin-top:.25rem}.attachment-section .upload-progress-bar{height:100%;background-color:var(--color-info);border-radius:var(--radius-sm);transition:width .3s ease}.attachment-section .attachment-meta.error{color:var(--color-error);font-weight:500}.attachment-section .attachment-item .attachment-icon .material-symbols-outlined{color:var(--text-muted)}.attachment-section .attachment-item .attachment-icon .material-symbols-outlined.error{color:var(--color-error)}.attachment-section .attachment-item .attachment-icon .material-symbols-outlined.cloud_upload{color:var(--color-info);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.move-category-modal{max-width:600px}.move-category-list{max-height:400px;overflow-y:auto;margin:-1rem 0}.move-category-list .category-option{width:100%;padding:var(--space-4);border:none;background:var(--bg-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-primary);text-align:left;color:var(--text-primary)}.move-category-list .category-option:hover:not(:disabled){background:var(--bg-secondary)}.move-category-list .category-option:disabled{cursor:not-allowed;opacity:.6}.move-category-list .category-option.current-category{cursor:default;background:var(--bg-primary)}.move-category-list .category-option.current-category.category-option-subcategory{background:var(--bg-primary)}.move-category-list .current-category-badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;background:var(--move-category-current-badge-bg);color:var(--move-category-current-badge-text);border-radius:var(--radius-xl);font-size:var(--text-xs);font-weight:500;vertical-align:middle}.move-category-list .category-option-subcategory{padding-left:2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-primary)}.move-category-list .category-option-subcategory:hover:not(:disabled){background:var(--bg-secondary)}.move-category-list .category-option-content{display:flex;align-items:center;gap:.75rem;flex:1}.move-category-list .category-option-icon{font-size:var(--text-2xl);color:var(--text-secondary)}.move-category-list .subcategory-arrow{font-size:var(--text-xl);color:var(--text-muted)}.move-category-list .category-option-info{flex:1}.move-category-list .category-option-name{font-weight:500;color:var(--text-primary);font-size:var(--text-base)}.move-category-list .category-emoji{font-size:var(--text-2xl)}.move-category-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--move-category-loading-overlay);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);z-index:10}html[data-mode=dark] .move-category-list .category-option{background:var(--bg-card);border-bottom-color:var(--border-primary);color:var(--text-primary)}html[data-mode=dark] .move-category-list .category-option:hover:not(:disabled){background:var(--bg-tertiary)}html[data-mode=dark] .move-category-list .category-option-subcategory{background:var(--bg-card);border-bottom-color:var(--border-primary)}html[data-mode=dark] .move-category-list .category-option-subcategory:hover:not(:disabled){background:var(--bg-tertiary)}html[data-mode=dark] .move-category-list .category-option.current-category,html[data-mode=dark] .move-category-list .category-option.current-category.category-option-subcategory{background:var(--bg-card)}html[data-mode=dark] .move-category-list .category-option-icon{color:var(--move-category-icon-muted)}html[data-mode=dark] .move-category-list .subcategory-arrow{color:var(--move-category-arrow-muted)}html[data-mode=dark] .move-category-list .category-option-name{color:var(--move-category-option-name)}html[data-mode=dark] .move-category-list .current-category-badge{background:var(--move-category-current-badge-bg);color:var(--move-category-current-badge-text)}html[data-mode=dark] .move-category-loading-overlay{background:var(--move-category-loading-overlay)}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;--prefers-reduced-motion: 0;--site-header-height: 64px}@media(max-width:768px){:root{--site-header-height: 56px}}*{margin:0;padding:0;box-sizing:border-box}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:var(--text-xl);line-height:1}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}body{min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:transparent}.skip-to-main{position:absolute;left:-9999px;z-index:10000}.skip-to-main:focus{left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:#5c7cfa;color:#fff;text-decoration:none;border-radius:4px;font-weight:600;margin-top:1rem}.online-status-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;background:var(--color-success);border-radius:var(--radius-full);z-index:10;box-shadow:0 1px 3px #0003}.post.highlight-post{background:color-mix(in srgb,var(--color-warning) 20%,var(--bg-surface));border-color:color-mix(in srgb,var(--color-warning) 70%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--color-warning) 35%,transparent);animation:postHighlightPulse .5s ease-in-out}@keyframes postHighlightPulse{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:var(--text-6xl);line-height:var(--leading-tight)}button{border:0;padding:0;font-size:inherit;font-weight:inherit;font-family:inherit;background:none;color:inherit;cursor:pointer}button,a,[role=button],label,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a,[role=button],summary,label{touch-action:manipulation}@media(max-width:768px){input[type=text],input[type=email],input[type=password],input[type=url],input[type=tel],input[type=number],input[type=search],input[type=date],input[type=time],input[type=datetime-local],input:not([type]),textarea,select{font-size:max(16px,1em)}}button:focus,button:focus-visible,a:focus,a:focus-visible,input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}*:focus:not(:focus-visible){outline:none}@media(prefers-color-scheme:light){:root{color:var(--text-primary);background-color:var(--bg-primary)}a:hover{color:var(--color-primary-300)}button{background-color:var(--bg-secondary)}}@media(prefers-reduced-motion:reduce){:root{--prefers-reduced-motion: 1}}