:root{--color-primary: #ACA0EB;--color-primary-hover: #7F6AEE;--color-primary-accent: #7C4DFF;--color-error: #FF3333;--color-error-dark: #E53935;--color-warning: #FF6D00;--color-success: #2E7D32;--color-info: #4A90D9;--color-info-hover: #357ABD;--color-bookmark: #F5A623;--color-text-primary: #333;--color-text-secondary: #666;--color-text-tertiary: #888;--color-text-placeholder: #999;--color-text-white: #fff;--color-bg-primary: #fff;--color-bg-secondary: #f4f5f7;--color-bg-tertiary: #f5f5f5;--color-bg-input: #f9f9f9;--color-border: #ddd;--color-border-light: #eee;--color-border-dark: #ccc;--color-overlay: rgba(0, 0, 0, .5);--color-overlay-light: rgba(0, 0, 0, .1);--color-badge-pending-bg: #FFF3E0;--color-badge-pending-text: #E65100;--color-badge-resolved-bg: #E8F5E9;--color-badge-resolved-text: #2E7D32;--color-badge-dismissed-bg: #ECEFF1;--color-badge-dismissed-text: #546E7A;--color-badge-category-bg: #EDE7F6;--color-badge-category-text: #5E35B1;--color-notification-unread: #f0f7ff;--color-notification-unread-hover: #e3f0ff;--color-notification-badge: #ff4444;--color-reply-indicator-bg: #f3e5f5;--color-gray-900: #000;--color-gray-700: #555;--color-gray-600: #777;--color-gray-500: #aaa;--color-gray-300: #d9d9d9;--color-gray-200: #e0e0e0;--color-gray-100: #eee;--color-gray-50: #f0f0f0;--color-gray-25: #f8f9fa;--color-danger: #E74C3C;--color-danger-dark: #D32F2F;--color-danger-light: #FF5252;--color-danger-bg: #FFEBEE;--color-danger-bg-light: #FFCDD2;--color-warning-bg: #FFF3E0;--color-warning-bg-light: #FFE0B2;--color-warning-dark: #FF6D00;--color-primary-muted: #9286d8;--color-primary-lightest: #dccaff;--color-primary-subtle: #e0ddf5;--color-primary-deep: #651FFF;--color-primary-bg: #f8f7ff;--color-toast-bg: #333;--color-toast-text: #fff;--color-code-bg: #f6f8fa;--color-code-text: #24292e;--color-code-keyword: #d73a49;--color-code-string: #032f62;--color-code-comment: #6a737d;--color-code-function: #6f42c1;--color-code-number: #005cc5;--color-code-variable: #e36209;--color-code-type: #22863a;--color-code-operator: #d73a49;--color-code-inline-bg: rgba(175, 184, 193, .2);--color-blockquote-border: #dfe2e5;--color-blockquote-text: #57606a;--color-table-border: #d0d7de;--color-table-row-alt: #f6f8fa;--dm-bubble-mine: var(--color-primary);--dm-bubble-mine-text: var(--color-text-white);--dm-bubble-other: var(--color-bg-tertiary);--dm-bubble-other-text: var(--color-text-primary);--dm-bubble-deleted: var(--color-bg-input);--dm-bubble-deleted-text: var(--color-text-placeholder);--dm-panel-bg: var(--color-bg-primary);--dm-sidebar-bg: var(--color-bg-secondary);--dm-sidebar-active: var(--color-primary-bg);--dm-sidebar-active-border: var(--color-primary);--dm-divider-color: var(--color-border-light);--dm-typing-dot: var(--color-text-placeholder);--dm-read-check: var(--color-primary-lightest);--surface-primary: var(--color-bg-primary);--surface-secondary: var(--color-bg-secondary);--surface-elevated: var(--color-bg-primary);--surface-input: var(--color-bg-input);--surface-hover: var(--color-bg-tertiary);--border-default: var(--color-border);--border-subtle: var(--color-border-light);--border-strong: var(--color-border-dark);--text-heading: var(--color-text-primary);--text-body: var(--color-text-secondary);--text-caption: var(--color-text-tertiary);--text-placeholder: var(--color-text-placeholder);--text-on-primary: var(--color-text-white);--interactive-primary: var(--color-primary-accent);--interactive-hover: var(--color-primary-hover);--interactive-muted: var(--color-primary-muted);--card-bg: var(--surface-primary);--card-border: var(--border-subtle);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-md);--card-radius: var(--radius-lg);--card-divider: var(--border-subtle);--card-padding: var(--spacing-2xl);--btn-primary-bg: var(--interactive-primary);--btn-primary-hover: var(--interactive-hover);--btn-primary-text: var(--text-on-primary);--btn-radius: var(--radius-md);--btn-padding-sm: var(--spacing-xs) var(--spacing-sm);--btn-padding-md: var(--spacing-md) var(--spacing-xl);--btn-padding-lg: var(--spacing-lg) var(--spacing-2xl);--input-bg: var(--surface-input);--input-border: var(--border-strong);--input-focus-border: var(--color-primary);--input-focus-ring: 0 0 0 3px rgba(124, 77, 255, .12);--input-radius: var(--radius-md);--header-bg: var(--surface-secondary);--header-border: var(--border-subtle);--header-height: 104px;--modal-bg: var(--surface-primary);--modal-shadow: var(--shadow-lg);--modal-radius: var(--radius-lg);--modal-padding: var(--spacing-3xl);--badge-radius: var(--radius-pill);--spacing-2xs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 60px;--font-family: "Pretendard", "Noto Sans KR", sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-caption: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.4;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--tracking-tight: -.01em;--tracking-normal: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 20px;--radius-full: 50%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-primary: 0 4px 12px rgba(124, 77, 255, .2);--shadow-primary-active: 0 2px 4px rgba(124, 77, 255, .15);--z-header: 1000;--z-dropdown: 1001;--z-modal: 2000;--z-toast: 3000;--transition-fast: .2s ease;--transition-normal: .3s ease}[data-theme=dark]{--color-primary: #B8A9F0;--color-primary-hover: #9B8AE0;--color-primary-accent: #A78BFA;--color-primary-muted: #8A7CC8;--color-primary-lightest: #3D3566;--color-primary-subtle: #2D2750;--color-primary-deep: #B388FF;--color-error: #FF6B6B;--color-error-dark: #FF5252;--color-warning: #FFB74D;--color-success: #66BB6A;--color-info: #64B5F6;--color-info-hover: #42A5F5;--color-bookmark: #FFD54F;--color-text-primary: #E0E0E0;--color-text-secondary: #B0B0B0;--color-text-tertiary: #808080;--color-text-placeholder: #888;--color-text-white: #fff;--color-bg-primary: #1a1a2e;--color-bg-secondary: #16213e;--color-bg-tertiary: #1e1e3a;--color-bg-input: #222244;--color-border: #2a2a4a;--color-border-light: #252545;--color-border-dark: #3a3a5a;--color-overlay: rgba(0, 0, 0, .7);--color-overlay-light: rgba(255, 255, 255, .05);--color-badge-pending-bg: #3E2723;--color-badge-pending-text: #FFB74D;--color-badge-resolved-bg: #1B5E20;--color-badge-resolved-text: #81C784;--color-badge-dismissed-bg: #37474F;--color-badge-dismissed-text: #90A4AE;--color-badge-category-bg: #311B92;--color-badge-category-text: #B39DDB;--color-notification-unread: #1a2744;--color-notification-unread-hover: #1e3050;--color-notification-badge: #ff4444;--color-reply-indicator-bg: #2D1B4E;--color-gray-900: #E0E0E0;--color-gray-700: #B0B0B0;--color-gray-600: #909090;--color-gray-500: #707070;--color-gray-300: #444;--color-gray-200: #333;--color-gray-100: #2a2a2a;--color-gray-50: #222;--color-gray-25: #1a1a1a;--color-danger: #FF6B6B;--color-danger-dark: #EF5350;--color-danger-light: #FF8A80;--color-danger-bg: #3E1A1A;--color-danger-bg-light: #4E2222;--color-warning-bg: #3E2E1A;--color-warning-bg-light: #4E3822;--color-warning-dark: #FFB74D;--color-primary-bg: #252040;--color-toast-bg: #E0E0E0;--color-toast-text: #1a1a2e;--color-code-bg: #161b22;--color-code-text: #c9d1d9;--color-code-keyword: #ff7b72;--color-code-string: #a5d6ff;--color-code-comment: #8b949e;--color-code-function: #d2a8ff;--color-code-number: #79c0ff;--color-code-variable: #ffa657;--color-code-type: #7ee787;--color-code-operator: #ff7b72;--color-code-inline-bg: rgba(110, 118, 129, .4);--color-blockquote-border: #3a3a5a;--color-blockquote-text: #8b949e;--color-table-border: #30363d;--color-table-row-alt: #161b22;--dm-bubble-mine: var(--color-primary);--dm-bubble-mine-text: var(--color-text-white);--dm-bubble-other: var(--color-bg-tertiary);--dm-bubble-other-text: var(--color-text-primary);--dm-bubble-deleted: var(--color-bg-input);--dm-bubble-deleted-text: var(--color-text-placeholder);--dm-panel-bg: var(--color-bg-primary);--dm-sidebar-bg: var(--color-bg-secondary);--dm-sidebar-active: var(--color-primary-bg);--dm-sidebar-active-border: var(--color-primary);--dm-divider-color: var(--color-border-light);--dm-typing-dot: var(--color-text-placeholder);--dm-read-check: var(--color-primary-lightest);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .5);--shadow-primary: 0 4px 12px rgba(184, 169, 240, .2);--shadow-primary-active: 0 2px 4px rgba(184, 169, 240, .15);--surface-primary: var(--color-bg-primary);--surface-secondary: var(--color-bg-secondary);--surface-elevated: var(--color-bg-primary);--surface-input: var(--color-bg-input);--surface-hover: var(--color-bg-tertiary);--border-default: var(--color-border);--border-subtle: var(--color-border-light);--border-strong: var(--color-border-dark);--text-heading: var(--color-text-primary);--text-body: var(--color-text-secondary);--text-caption: var(--color-text-tertiary);--text-placeholder: var(--color-text-placeholder);--text-on-primary: var(--color-text-white);--interactive-primary: var(--color-primary-accent);--interactive-hover: var(--color-primary-hover);--interactive-muted: var(--color-primary-muted)}*,*:before,*:after{box-sizing:border-box}body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:var(--font-family);background-color:var(--color-bg-secondary);line-height:var(--line-height-normal);color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-bold)}p{margin:0}a{text-decoration:none;color:inherit}ul,ol{list-style:none;padding:0;margin:0}.text-center{text-align:center}.page-title{text-align:center;margin-bottom:var(--spacing-3xl)}.hidden{display:none!important}.hidden-input{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.post-divider{width:100%;height:1px;background-color:var(--color-border);margin:var(--spacing-md) 0}.helper-text{font-size:var(--font-size-sm);color:var(--color-error);margin-bottom:var(--spacing-sm);display:none;white-space:pre-line}.helper-text.visible,.helper-text.error{display:block}.validation-helper{font-size:var(--font-size-base);color:var(--color-error);font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm);display:none}.validation-helper.visible{display:block}header{position:fixed;top:0;width:100%;height:104px;z-index:var(--z-header);background-color:var(--header-bg);display:flex;justify-content:center;border-bottom:1px solid var(--header-border)}.header-title-wrapper{display:flex;justify-content:center;align-items:center;width:100%;max-width:600px;padding:0 var(--spacing-xl);box-sizing:border-box;height:100%;position:relative}.back-button{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);padding:8px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:none;background:transparent}.back-button:hover{transform:translateY(-50%) translateY(-2px)}.back-button:active{transform:translateY(-50%) translateY(0)}.back-button:hover svg path{stroke:var(--color-gray-700)}.back-button:focus{outline:none}.header-home-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-decoration:none;color:inherit}.header-home-link:hover{transform:translate(-50%,-50%) translateY(-2px)}.header-home-link:active{transform:translate(-50%,-50%) translateY(0)}.header-home-link h2{font-family:Noto Sans KR,sans-serif;font-weight:var(--font-weight-bold);font-size:var(--font-size-3xl);margin:0;white-space:nowrap}.header-auth{position:absolute;right:var(--spacing-xl);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:var(--spacing-md)}.profile-circle{width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-border);border:1px solid var(--color-border-dark);background-size:cover;background-position:center;cursor:pointer}.theme-toggle-btn{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:color var(--transition-fast),transform var(--transition-fast)}.theme-toggle-btn:hover{transform:scale(1.1);color:var(--color-text-primary)}.header-dropdown{position:absolute;top:40px;right:0;background-color:var(--color-bg-primary);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:120px;z-index:var(--z-dropdown);overflow:hidden}.header-dropdown ul{list-style:none;padding:0;margin:0}.header-dropdown li{padding:var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast);text-align:center}.header-dropdown li:hover{background-color:var(--color-gray-200)}.email-verify-banner{position:fixed;top:var(--header-height);left:0;right:0;z-index:calc(var(--z-header) - 1);display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--color-badge-pending-bg);border-bottom:1px solid var(--color-warning);font-size:var(--font-size-sm);color:var(--color-badge-pending-text)}.email-verify-banner__text{margin:0}.email-verify-banner__btn{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-warning);border-radius:var(--radius-sm);background-color:transparent;color:var(--color-warning);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast)}.email-verify-banner__btn:hover{background-color:var(--color-warning);color:var(--color-text-white)}.email-verify-banner__btn:disabled{opacity:.5;cursor:not-allowed}.main-container{margin-top:var(--header-height);width:100%;max-width:600px;padding:0 var(--spacing-xl);box-sizing:border-box;padding-bottom:var(--spacing-4xl)}.welcome-section{margin-bottom:var(--spacing-2xl);text-align:center;position:relative;display:flex;flex-direction:column;gap:var(--spacing-md)}.welcome-section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.action-wrapper{display:flex;justify-content:flex-end;width:100%}.write-btn{padding:var(--btn-padding-md);background-color:var(--color-primary);color:var(--color-text-white);border:none;border-radius:var(--radius-pill);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);cursor:pointer;transition:background-color var(--transition-fast)}.write-btn:hover{background-color:var(--color-primary-hover)}.action-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-dark);background:var(--color-bg-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast)}.action-btn:hover{background:var(--surface-hover)}.small-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border-light);background:var(--color-bg-primary);border-radius:var(--radius-sm);cursor:pointer}.submit-btn{width:100%;padding:var(--spacing-lg);background-color:var(--color-primary);color:var(--color-text-white);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--transition-normal)}.submit-btn:disabled{background-color:var(--color-primary);opacity:.4;cursor:not-allowed}.submit-btn.active{opacity:1;cursor:pointer;background-color:var(--color-primary)}.submit-btn.active:hover{background-color:var(--color-primary-hover)}.login-btn,.signup-btn{width:100%;padding:var(--spacing-lg);background-color:var(--color-primary);color:var(--color-text-white);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);cursor:pointer;margin-top:var(--spacing-lg);transition:background-color var(--transition-fast)}.login-btn:hover,.signup-btn:hover{background-color:var(--color-primary-hover)}.login-btn:disabled,.signup-btn:disabled{background-color:var(--color-primary);cursor:not-allowed;opacity:1}.secondary-btn{background:var(--surface-hover);color:var(--color-text-primary)}.primary-btn{background:var(--color-primary);color:var(--color-text-white)}.primary-btn:hover{background:var(--color-primary-muted)}.report-btn{color:var(--color-error-dark);border-color:var(--color-danger-bg-light)}.report-btn:hover{background:var(--color-danger-bg);border-color:var(--color-error-dark)}.pin-btn{color:var(--color-warning);border-color:var(--color-warning-bg-light)}.pin-btn:hover{background:var(--color-warning-bg);border-color:var(--color-warning-dark)}.post-extra-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:flex-end}.category-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;outline:none;transition:border-color var(--transition-fast);appearance:auto}.category-select:focus{border-color:var(--color-primary-accent)}.category-select option:disabled{color:var(--color-border-dark)}.menu-admin{color:var(--color-error-dark);font-weight:var(--font-weight-semibold)}.withdraw-btn{margin-top:var(--spacing-md);background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:underline}.withdraw-btn:hover{color:var(--color-text-primary)}.input-group{display:flex;flex-direction:column;margin-bottom:var(--spacing-lg)}.input-group label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.form-divider{width:100%;height:1px;background-color:var(--color-border);margin:var(--spacing-2xl) 0}.input-group input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);font-size:var(--font-size-base);box-sizing:border-box}.input-group input:focus{outline:none;border-color:var(--color-primary)}.input-group span{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs);min-height:16px}.profile-upload-container{margin-bottom:var(--spacing-xl)}.profile-section-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--spacing-md);width:100%}.profile-section-header .profile-label{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.profile-section-header .helper-text{font-size:var(--font-size-sm);color:var(--color-error);display:none}.profile-section-header .helper-text.visible{display:block}.profile-preview{width:100px;height:100px;border-radius:var(--radius-full);background-color:var(--surface-secondary);display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;margin:0 auto}.profile-preview img{width:100%;height:100%;object-fit:cover}.placeholder-icon{display:flex;justify-content:center;align-items:center}.profile-form-group{margin-bottom:var(--spacing-xl);display:flex;flex-direction:column;align-items:flex-start}.profile-label{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.profile-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);font-size:var(--font-size-base);background-color:var(--color-bg-input)}.profile-input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-600);cursor:default}.image-upload-section{margin-top:var(--spacing-xl)}.image-upload-box{border:1px dashed var(--color-border-dark);background-color:var(--color-bg-input);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:background var(--transition-fast)}.image-upload-box:hover{background-color:var(--surface-hover)}.upload-label{display:inline-block;padding:var(--btn-padding-md);background-color:var(--color-gray-200);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.image-preview{margin-top:var(--spacing-md);max-height:200px;overflow:hidden;border-radius:var(--radius-sm)}.preview-img{max-width:100%;max-height:200px;object-fit:contain}.submit-section{margin-top:var(--spacing-3xl);text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}#post-title{width:100%;border:none;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);padding:var(--spacing-md) 0;outline:none;background:transparent;border-bottom:1px solid transparent;transition:border-bottom .2s}#post-title::placeholder{color:var(--color-gray-500)}#post-content{width:100%;min-height:300px;border:none;font-size:var(--font-size-md);line-height:var(--line-height-relaxed);padding:var(--spacing-md) 0;outline:none;background:transparent;resize:none;font-family:inherit}#post-content::placeholder{color:var(--color-gray-500)}.form-group{width:100%}.content-textarea{width:100%;min-height:200px;padding:var(--spacing-md);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;resize:vertical;box-sizing:border-box}.content-textarea:focus{outline:none;border-color:var(--color-primary)}.file-upload-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.file-upload-label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text-primary);display:block;margin-bottom:var(--spacing-sm)}.file-upload-row{display:flex;align-items:center;gap:var(--spacing-md)}.file-select-btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--surface-hover);border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);font-size:var(--font-size-base);cursor:pointer;transition:background-color var(--transition-fast)}.file-select-btn:hover{background-color:var(--color-gray-200)}.file-name-text{font-size:var(--font-size-base);color:var(--color-text-secondary)}#post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xl)}.post-card{background:var(--card-bg);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:1px solid var(--card-border);display:flex;flex-direction:column}.post-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.post-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.post-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0;line-height:var(--line-height-tight);word-break:break-word;flex:1;margin-right:var(--spacing-xl)}.post-date{font-size:var(--font-size-sm);color:var(--color-text-tertiary);white-space:nowrap}.post-stats{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.post-card .post-divider{background-color:var(--card-divider)}.post-author{display:flex;align-items:center;padding-top:var(--spacing-xs)}.author-profile-img{width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-border);object-fit:cover;margin-right:var(--spacing-md);border:1px solid var(--color-border-light)}.author-nickname{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.post-badges{display:flex;gap:6px;margin-bottom:var(--spacing-sm);flex-wrap:wrap}.pin-badge{display:inline-block;padding:var(--spacing-2xs) var(--spacing-sm);background:var(--color-warning);color:var(--color-text-white);border-radius:var(--badge-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.category-badge{display:inline-block;padding:var(--spacing-2xs) var(--spacing-sm);background:var(--color-badge-category-bg);color:var(--color-badge-category-text);border-radius:var(--badge-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.post-card.pinned{border-left:3px solid var(--color-warning)}.post-card.read .post-title{color:var(--color-text-tertiary)}.post-card.read{opacity:.85}#loading-sentinel{height:20px;margin:20px 0;text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-base);display:block}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal)}.modal.hidden{display:none}.modal-content{background:var(--modal-bg);padding:var(--modal-padding);border-radius:var(--modal-radius);width:90%;max-width:400px;text-align:center;box-shadow:var(--modal-shadow)}.modal-content h3{margin-top:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.modal-content p,.modal-desc{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.modal-buttons{margin-top:var(--spacing-3xl);display:flex;justify-content:center;gap:var(--spacing-md)}.modal-buttons button{padding:var(--spacing-md) var(--spacing-3xl);border-radius:var(--radius-md);border:none;font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color var(--transition-fast)}.modal-buttons .secondary-btn{background-color:var(--color-gray-600);color:var(--color-text-white)}.modal-buttons .secondary-btn:hover{background-color:var(--color-gray-700)}.modal-buttons .primary-btn{background-color:var(--color-primary);color:var(--color-text-white)}.modal-buttons .primary-btn:hover{background-color:var(--color-primary-hover)}.modal-input{width:80%;padding:var(--spacing-md);margin:var(--spacing-xl) 0;border:1px solid var(--color-border-dark);border-radius:var(--radius-sm)}.comment-section{margin-top:var(--spacing-4xl)}.comment-input-wrapper{margin-bottom:var(--spacing-3xl);display:flex;flex-direction:column;align-items:flex-end;position:relative}#comment-input{width:100%;height:80px;border:1px solid var(--color-border-dark);border-radius:var(--radius-md);padding:var(--spacing-md);box-sizing:border-box;font-family:inherit;resize:none;margin-bottom:var(--spacing-md)}.comment-submit-btn{padding:var(--btn-padding-md);background-color:var(--color-primary);color:var(--color-text-white);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-bold);transition:background-color var(--transition-fast)}.comment-sort-bar{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.comment-sort-btn{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.comment-sort-btn.active{background:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary)}.comment-sort-btn:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary)}.comment-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xl)}.comment-item{display:flex;gap:var(--spacing-md);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border-light)}.comment-item:last-child{border-bottom:none}.comment-author-img{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-border);flex-shrink:0}.comment-content-wrapper{flex:1}.comment-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.comment-author-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.comment-date{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.comment-actions{margin-left:auto;display:flex;gap:var(--spacing-sm)}.comment-text{margin:0;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary)}.mention-highlight{color:var(--color-primary);font-weight:600}.comment-reply{margin-left:var(--spacing-4xl);border-left:2px solid var(--color-gray-200);padding-left:var(--spacing-lg)}.comment-deleted{padding:var(--spacing-md) 0}.comment-deleted-text{color:var(--color-text-placeholder);font-style:italic;font-size:var(--font-size-base)}.reply-indicator{display:flex;align-items:center;justify-content:space-between;align-self:stretch;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-reply-indicator-bg);border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:var(--font-size-caption);color:var(--color-primary-accent)}.reply-indicator.hidden{display:none}.reply-cancel-btn{background:none;border:none;color:var(--color-text-placeholder);cursor:pointer;font-size:var(--font-size-caption)}.reply-cancel-btn:hover{color:var(--color-text-secondary)}.reply-btn{color:var(--color-primary-accent)}.mention-dropdown{position:absolute;bottom:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);list-style:none;margin:0 0 var(--spacing-xs) 0;padding:var(--spacing-xs) 0;z-index:var(--z-dropdown)}.mention-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast)}.mention-dropdown-item:hover,.mention-dropdown-item.selected{background-color:var(--color-bg-hover)}.mention-dropdown-avatar{width:28px;height:28px;border-radius:var(--radius-full);background-size:cover;background-position:center;background-color:var(--color-border);flex-shrink:0}.mention-dropdown-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}#toast{visibility:hidden;min-width:250px;position:fixed;left:50%;bottom:40px;transform:translate(-50%);background-color:var(--color-toast-bg);color:var(--color-toast-text);text-align:center;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-md);z-index:var(--z-toast);opacity:0;transition:opacity var(--transition-normal),transform var(--transition-normal),visibility var(--transition-normal)}#toast.show{visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}body{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skeleton{background:linear-gradient(90deg,var(--color-gray-50) 25%,var(--color-gray-200) 50%,var(--color-gray-50) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.error-icon{font-size:48px;margin-bottom:var(--spacing-lg)}.error-message{font-size:var(--font-size-md);margin-bottom:var(--spacing-xl);color:var(--color-gray-700)}.error-retry-btn{padding:var(--btn-padding-md)}.loading-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-xl);gap:var(--spacing-lg)}.loading-message{font-size:var(--font-size-base);color:var(--color-text-tertiary)}.skeleton-text{height:16px;margin-bottom:var(--spacing-sm)}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-title{height:24px;width:70%;margin-bottom:var(--spacing-md)}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-card{padding:var(--spacing-xl);background:var(--color-bg-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.skeleton-post{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.skeleton-post-header{display:flex;align-items:center;gap:var(--spacing-md)}.skeleton-post-meta{display:flex;gap:var(--spacing-sm)}.skeleton-post-meta .skeleton-text{width:60px;height:12px}.btn,button,[type=submit],[type=button]{transition:all var(--transition-fast)}.btn:hover:not(:disabled),button:hover:not(:disabled),[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn:active:not(:disabled),button:active:not(:disabled),[type=submit]:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-primary-active)}.btn:disabled,button:disabled,[type=submit]:disabled{cursor:not-allowed;opacity:.4}.post-item,.comment-list-item{transition:background-color var(--transition-fast),transform var(--transition-fast)}.post-item:hover{background-color:var(--color-gray-25)}.modal-overlay{transition:opacity var(--transition-fast)}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-content{transition:transform var(--transition-fast),opacity var(--transition-fast)}.modal-overlay.hidden .modal-content{transform:scale(.95);opacity:0}.like-button{transition:transform .15s ease}.like-button:active{transform:scale(1.2)}.like-button.liked{animation:heartPop .3s ease}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}input,textarea,select{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary-hover);box-shadow:var(--input-focus-ring)}.spinner{width:24px;height:24px;border:3px solid var(--color-gray-50);border-top-color:var(--color-primary-hover);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner.small{width:16px;height:16px;border-width:2px}.spinner.large{width:40px;height:40px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-text-white);border-radius:var(--radius-full);animation:spin .8s linear infinite}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.notification-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.mark-all-read-btn{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-secondary);transition:background-color var(--transition-fast)}.mark-all-read-btn:hover{background:var(--color-bg-tertiary)}.notification-list{list-style:none;padding:0;margin:0}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background-color var(--transition-fast)}.notification-item:hover{background:var(--color-bg-input)}.notification-item.unread{background:var(--color-notification-unread)}.notification-item.unread:hover{background:var(--color-notification-unread-hover)}.notification-content{flex:1;min-width:0}.notification-message{margin:0 0 var(--spacing-xs);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary)}.notification-post-title{color:var(--color-primary-accent);font-weight:var(--font-weight-medium)}.notification-time{font-size:var(--font-size-sm);color:var(--color-text-placeholder)}.notification-delete-btn{margin-left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-placeholder);font-size:var(--font-size-sm);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.notification-delete-btn:hover{background:var(--color-notification-badge);color:var(--color-text-white);border-color:var(--color-notification-badge)}.notification-empty{text-align:center;padding:var(--spacing-6xl) var(--spacing-xl);color:var(--color-text-placeholder);font-size:var(--font-size-md)}.notification-icon-wrapper{position:relative;display:inline-flex;align-items:center;margin-right:var(--spacing-md);text-decoration:none;cursor:pointer}.notification-bell{display:inline-flex;align-items:center;color:var(--color-text-primary)}.notification-badge{position:absolute;top:-6px;right:-8px;background:var(--color-notification-badge);color:var(--color-text-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:18px;height:18px;border-radius:var(--badge-radius);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-xs)}.notification-badge.hidden{display:none}.markdown-body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);word-wrap:break-word;overflow-wrap:break-word}.markdown-body>*:first-child{margin-top:0}.markdown-body>*:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.5em;margin-bottom:.5em;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.markdown-body h1{font-size:1.6em;border-bottom:1px solid var(--color-border-light);padding-bottom:.3em}.markdown-body h2{font-size:1.4em;border-bottom:1px solid var(--color-border-light);padding-bottom:.3em}.markdown-body h3{font-size:1.2em}.markdown-body h4{font-size:1.1em}.markdown-body h5{font-size:1em}.markdown-body h6{font-size:.9em;color:var(--color-text-secondary)}.markdown-body p{margin-top:0;margin-bottom:.75em}.markdown-body strong{font-weight:var(--font-weight-bold)}.markdown-body em{font-style:italic}.markdown-body del{text-decoration:line-through;color:var(--color-text-tertiary)}.markdown-body a{color:var(--color-info);text-decoration:none}.markdown-body a:hover{text-decoration:underline;color:var(--color-info-hover)}.markdown-body code{padding:.2em .4em;font-size:.85em;background-color:var(--color-code-inline-bg);border-radius:var(--radius-sm);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.markdown-body pre{margin-top:0;margin-bottom:.75em;padding:var(--spacing-lg);overflow-x:auto;border-radius:var(--radius-md);background-color:var(--color-code-bg);line-height:1.45}.markdown-body pre code{padding:0;background:none;border-radius:0;font-size:.85em;color:var(--color-code-text)}.markdown-body blockquote{margin:0 0 .75em;padding:.5em 1em;border-left:4px solid var(--color-blockquote-border);color:var(--color-blockquote-text)}.markdown-body blockquote>*:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{padding-left:2em;margin-top:0;margin-bottom:.75em}.markdown-body ul{list-style:disc}.markdown-body ol{list-style:decimal}.markdown-body li+li{margin-top:.25em}.markdown-body li>p{margin-bottom:.25em}.markdown-body hr{height:1px;margin:1.5em 0;padding:0;background-color:var(--color-border);border:0}.markdown-body img{max-width:100%;height:auto;border-radius:var(--radius-md)}.markdown-body table{width:100%;border-collapse:collapse;margin-bottom:.75em;font-size:.9em}.markdown-body th,.markdown-body td{padding:.5em .75em;border:1px solid var(--color-table-border);text-align:left}.markdown-body th{font-weight:var(--font-weight-semibold);background-color:var(--color-bg-tertiary)}.markdown-body tbody tr:nth-child(2n){background-color:var(--color-table-row-alt)}.markdown-body input[type=checkbox]{margin-right:.4em;vertical-align:middle}.markdown-body--compact{font-size:var(--font-size-base)}.markdown-body--compact h1,.markdown-body--compact h2,.markdown-body--compact h3,.markdown-body--compact h4,.markdown-body--compact h5,.markdown-body--compact h6{font-size:1em;margin-top:.75em;border-bottom:none;padding-bottom:0}.markdown-body--compact pre{padding:var(--spacing-sm) var(--spacing-md)}.markdown-body--compact blockquote{padding:.25em .75em}.hljs{color:var(--color-code-text)}.hljs-keyword,.hljs-selector-tag,.hljs-built_in{color:var(--color-code-keyword)}.hljs-string,.hljs-attr{color:var(--color-code-string)}.hljs-comment,.hljs-doctag{color:var(--color-code-comment);font-style:italic}.hljs-title,.hljs-title.function_{color:var(--color-code-function)}.hljs-number,.hljs-literal{color:var(--color-code-number)}.hljs-variable,.hljs-template-variable,.hljs-tag{color:var(--color-code-variable)}.hljs-type,.hljs-name{color:var(--color-code-type)}.hljs-symbol,.hljs-bullet{color:var(--color-code-operator)}.hljs-meta{color:var(--color-code-comment)}.hljs-addition{color:var(--color-code-type);background-color:#2ea04326}.hljs-deletion{color:var(--color-code-keyword);background-color:#f8514926}.md-editor-wrapper{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg-primary)}.md-editor-wrapper textarea{border:none;border-radius:0;outline:none;resize:vertical}.md-editor-wrapper textarea:focus{box-shadow:none}.md-toolbar{display:flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.md-toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.md-toolbar-btn:hover{background-color:var(--color-overlay-light);color:var(--color-text-primary)}.md-toolbar-btn:active{background-color:var(--color-border-light)}.md-toolbar-sep{width:1px;height:16px;background-color:var(--color-border);margin:0 var(--spacing-2xs)}.md-preview{padding:var(--spacing-lg);min-height:120px;overflow-y:auto}.md-editor-compact .md-toolbar{padding:var(--spacing-2xs) var(--spacing-xs)}.md-editor-compact .md-toolbar-btn{width:24px;height:24px}.md-editor-compact .md-preview{padding:var(--spacing-sm) var(--spacing-md);min-height:60px}.md-editor--dragover{border-color:var(--color-primary)!important;background-color:var(--color-bg-secondary)}.tag-input-container{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);min-height:42px;cursor:text}.tag-input-container:focus-within{border-color:var(--color-primary)}.tag-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag-chip{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-sm);background:var(--color-primary);color:var(--color-text-white);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.tag-chip-remove{cursor:pointer;font-size:var(--font-size-xs);opacity:.8;background:none;border:none;color:var(--color-text-white);padding:0;line-height:1}.tag-chip-remove:hover{opacity:1}#tag-input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font-size:var(--font-size-base);color:var(--color-text-primary);padding:var(--spacing-2xs) 0}.tag-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown);max-height:200px;overflow-y:auto}.tag-suggestion-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.tag-suggestion-item:hover{background:var(--color-bg-secondary)}.tag-suggestion-count{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2xs);margin-bottom:var(--spacing-sm)}.tag-badge{display:inline-block;padding:var(--spacing-2xs) var(--spacing-sm);background:var(--color-bg-tertiary);color:var(--color-primary);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast)}.tag-badge:hover{background:var(--color-primary);color:var(--color-text-white)}.dm-container{max-width:680px;margin:0 auto}.dm-container .page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);color:var(--color-text-primary)}.dm-list{display:flex;flex-direction:column}.dm-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--dm-divider-color);cursor:pointer;transition:background-color var(--transition-fast);text-decoration:none;color:inherit}.dm-card:hover{background:var(--color-bg-input)}.dm-card.unread{background:var(--color-notification-unread)}.dm-card.unread:hover{background:var(--color-notification-unread-hover)}.dm-card--active{background:var(--dm-sidebar-active);border-left:3px solid var(--dm-sidebar-active-border)}.dm-card--active:hover{background:var(--dm-sidebar-active)}.dm-card__avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;background:var(--color-bg-tertiary)}.dm-card__content{flex:1;min-width:0}.dm-card__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2xs)}.dm-card__preview{font-size:var(--font-size-sm);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-normal)}.dm-card__preview--deleted{font-style:italic}.dm-card__meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);flex-shrink:0}.dm-card__time{font-size:var(--font-size-xs);color:var(--color-text-placeholder);white-space:nowrap}.dm-unread-badge{background:var(--color-notification-badge);color:var(--color-text-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:18px;height:18px;border-radius:var(--badge-radius);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-xs)}.dm-empty{text-align:center;padding:var(--spacing-6xl) var(--spacing-xl);color:var(--color-text-placeholder);font-size:var(--font-size-md)}.load-more-container{display:flex;justify-content:center;padding:var(--spacing-xl) 0}.btn-load-more{padding:var(--spacing-sm) var(--spacing-2xl);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-base);cursor:pointer;transition:background-color var(--transition-fast)}.btn-load-more:hover{background:var(--color-bg-tertiary)}.dm-desktop-layout{display:flex;height:calc(100vh - 60px);background:var(--dm-panel-bg)}.dm-sidebar{width:340px;border-right:1px solid var(--dm-divider-color);background:var(--dm-sidebar-bg);display:flex;flex-direction:column;overflow:hidden}.dm-sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--dm-divider-color)}.dm-sidebar-header .page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.dm-sidebar .dm-list{flex:1;overflow-y:auto}.dm-main-panel{flex:1;display:flex;flex-direction:column;min-width:0}.dm-no-selection{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-placeholder);font-size:var(--font-size-lg)}.dm-chat-area{display:flex;flex-direction:column;height:100%}.dm-search-bar{padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--dm-divider-color)}.dm-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text-primary);font-size:16px;outline:none;transition:border-color var(--transition-fast)}.dm-search-input:focus{border-color:var(--color-primary)}.dm-search-input::placeholder{color:var(--color-text-placeholder)}.dm-detail-container{max-width:680px;margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - 60px)}.dm-detail-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--dm-divider-color);background:var(--dm-panel-bg);position:sticky;top:0;z-index:var(--z-header)}.dm-other-user-info{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.dm-other-user-info .dm-card__avatar{width:32px;height:32px}.dm-other-user-info .dm-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:0}.dm-messages{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.dm-msg{max-width:70%;word-break:break-word}.dm-msg--mine{align-self:flex-end;background:var(--dm-bubble-mine);color:var(--dm-bubble-mine-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-sm);position:relative;margin-bottom:var(--spacing-xs)}.dm-msg--other{align-self:flex-start;display:flex;gap:var(--spacing-xs)}.dm-msg--other .dm-msg__body{background:var(--dm-bubble-other);color:var(--dm-bubble-other-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm)}.dm-msg--deleted .dm-msg__content{font-style:italic;color:var(--dm-bubble-deleted-text)}.dm-msg--deleted.dm-msg--mine,.dm-msg--deleted.dm-msg--other .dm-msg__body{background:var(--dm-bubble-deleted)}.dm-messages-empty{text-align:center;padding:var(--spacing-6xl) var(--spacing-xl);color:var(--color-text-placeholder);font-size:var(--font-size-md)}.dm-msg .dm-card__avatar{width:28px;height:28px;flex-shrink:0;align-self:flex-end}.dm-msg__body{display:flex;flex-direction:column}.dm-msg__content{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.dm-msg__content p{margin:0}.dm-msg__content p+p{margin-top:var(--spacing-xs)}.dm-msg__time{font-size:var(--font-size-xs);margin-top:var(--spacing-2xs);opacity:.7}.dm-msg--mine .dm-msg__time{text-align:right;color:var(--dm-bubble-mine-text)}.dm-msg--other .dm-msg__time{text-align:left;color:var(--color-text-placeholder)}.dm-msg__read-status{position:absolute;bottom:-14px;right:-2px;font-size:var(--font-size-xs);color:var(--color-text-placeholder);opacity:.7}.dm-msg__read-status--read{color:var(--dm-read-check);opacity:1}.dm-date-divider{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-placeholder);padding:var(--spacing-md) 0;position:relative}.dm-date-divider:before,.dm-date-divider:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:var(--dm-divider-color)}.dm-date-divider:before{left:0}.dm-date-divider:after{right:0}.dm-typing{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-lg);color:var(--color-text-placeholder);font-size:var(--font-size-sm);min-height:24px}.dm-typing:empty{display:none}.dm-typing-dots{display:inline-flex;gap:3px}.dm-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--dm-typing-dot);animation:dm-typing-bounce 1.4s infinite ease-in-out}.dm-typing-dot:nth-child(1){animation-delay:0s}.dm-typing-dot:nth-child(2){animation-delay:.2s}.dm-typing-dot:nth-child(3){animation-delay:.4s}@keyframes dm-typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.dm-input-area{display:flex;align-items:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--dm-divider-color);background:var(--dm-panel-bg);position:sticky;bottom:0}.dm-editor-wrapper{flex:1;min-width:0}.dm-send-btn{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);border-radius:var(--radius-md)}.dm-context-menu{position:fixed;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-modal);min-width:120px;padding:var(--spacing-xs) 0}.dm-context-menu__item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--color-danger);font-size:var(--font-size-sm);cursor:pointer;text-align:left}.dm-context-menu__item:hover{background:var(--color-bg-input)}.dm-detail-header .btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.dm-detail-header .btn-icon:hover{color:var(--color-danger);background:var(--color-danger-bg)}html{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(max-width:480px){header{height:60px}.main-container{margin-top:60px;padding:0 var(--spacing-lg)}.header-title-wrapper{padding:0 var(--spacing-lg)}.header-home-link h2{font-size:var(--font-size-xl)}.header-auth{right:var(--spacing-lg);gap:var(--spacing-sm)}.back-button{left:var(--spacing-sm)}.header-dropdown{right:calc(-1 * var(--spacing-sm))}input,textarea,select,.input-group input,.profile-input,.search-bar input,.category-select,.modal-input,#comment-input,.content-textarea{font-size:16px!important}.action-btn{padding:var(--spacing-md) var(--spacing-md);font-size:var(--font-size-base);min-height:44px}.small-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:44px}.comment-like-btn{padding:var(--spacing-sm) var(--spacing-md);min-height:44px}.comment-sort-btn{padding:var(--spacing-sm) var(--spacing-md);min-height:36px}.write-btn,.comment-submit-btn,.search-btn{padding:var(--spacing-md) var(--spacing-xl);min-height:44px}.back-button{padding:var(--spacing-md)}.md-toolbar-btn{width:36px;height:36px}.md-editor-compact .md-toolbar-btn{width:32px;height:32px}.comment-reply{margin-left:var(--spacing-xl);padding-left:var(--spacing-md)}.comment-header{flex-wrap:wrap;gap:var(--spacing-xs)}.comment-actions{margin-left:0;width:100%;justify-content:flex-end}.detail-title{font-size:var(--font-size-xl)}.post-info-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.post-actions{width:100%;justify-content:flex-end}.post-stats-box{gap:var(--spacing-sm);margin:var(--spacing-xl) 0}.stat-box{padding:var(--spacing-sm) var(--spacing-lg);min-width:64px}.post-card{padding:var(--spacing-lg)}.post-card-header{flex-direction:column;gap:var(--spacing-xs)}.post-title{margin-right:0;font-size:var(--font-size-md)}.modal-content{width:92%;padding:var(--spacing-xl)}.modal-buttons{flex-direction:column;gap:var(--spacing-sm)}.modal-buttons button{width:100%;padding:var(--spacing-md);min-height:44px}#toast{bottom:max(40px,env(safe-area-inset-bottom,40px));max-width:calc(100vw - var(--spacing-3xl))}.search-bar{flex-direction:column}.search-btn{width:100%}.post-detail-container,.write-container{max-width:100%}.image-gallery.multi-image img{width:100%}.dm-detail-container{height:calc(100vh - 60px);height:calc(100dvh - 60px)}.dm-msg{max-width:85%}.welcome-section h3{font-size:var(--font-size-lg)}.post-extra-actions{flex-wrap:wrap}.login-container{padding:var(--spacing-lg)}.markdown-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.feed-filters{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--spacing-xs)}.feed-filters::-webkit-scrollbar{display:none}.poll-container{padding:var(--spacing-lg)}.notification-header,.notification-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.notification-delete-btn{margin-left:0;align-self:flex-end;min-height:36px}.activity-tabs{flex-wrap:wrap}.tab-btn{flex:none;padding:var(--spacing-sm) var(--spacing-lg)}.comment-card{padding:var(--spacing-lg)}.comment-card-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.block-card{padding:var(--spacing-md) var(--spacing-lg)}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.report-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.report-card-actions{flex-direction:column}.user-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.user-card .user-actions{width:100%;justify-content:flex-end}.profile-stats{gap:var(--spacing-xl)}.profile-action-buttons{flex-wrap:wrap;justify-content:center}.user-profile-header{padding:var(--spacing-xl) var(--spacing-lg)}.user-profile-posts{padding:0 var(--spacing-lg) var(--spacing-4xl)}}@media(min-width:481px)and (max-width:768px){header{height:80px}.main-container{margin-top:80px}.header-home-link h2{font-size:var(--font-size-2xl)}input,textarea,select{font-size:16px!important}.markdown-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(hover:none)and (pointer:coarse){.btn:hover:not(:disabled),button:hover:not(:disabled),[type=submit]:hover:not(:disabled){transform:none;box-shadow:none}.post-card:hover{transform:none;box-shadow:var(--shadow-sm)}.back-button:hover{transform:translateY(-50%)}.header-home-link:hover{transform:translate(-50%,-50%)}.btn:active:not(:disabled),button:active:not(:disabled),[type=submit]:active:not(:disabled){transform:scale(.97);opacity:.85}.post-card:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.back-button:active{transform:translateY(-50%) scale(.9)}.header-home-link:active{transform:translate(-50%,-50%) scale(.95)}.header-dropdown li{padding:var(--spacing-md) var(--spacing-md);min-height:44px}}@media(max-height:500px)and (orientation:landscape){header{height:48px}.main-container{margin-top:48px}.header-home-link h2{font-size:var(--font-size-lg)}.dm-detail-container{height:calc(100vh - 48px);height:calc(100dvh - 48px)}}@media(max-width:768px){.dm-desktop-layout{display:none}}@media(min-width:769px){.dm-sidebar{min-width:280px;max-width:400px}}