:root{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-tertiary: #e4e6eb;--bg-input: #ffffff;--text-primary: #1c1e21;--text-secondary: #65676b;--border-color: #dddfe2;--input-border: #d1d5db;--accent-color: #3b82f6;--accent-hover: #2563eb;--error-color: #ef4444;--success-color: #22c55e;--warning-color: #f59e0b;--info-color: #3b82f6;--shadow: rgba(0, 0, 0, .1);--shadow-md: rgba(0, 0, 0, .15);--shadow-lg: rgba(0, 0, 0, .2);--focus-shadow: rgba(59, 130, 246, .3);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--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;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 50;--z-sticky: 100;--z-modal: 200;--z-tooltip: 300;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #18181b;--bg-tertiary: #27272a;--bg-input: #27272a;--text-primary: #ffffff;--text-secondary: #a1a1aa;--border-color: #3f3f46;--input-border: #3f3f46;--shadow: rgba(0, 0, 0, .5);--shadow-md: rgba(0, 0, 0, .6);--shadow-lg: rgba(0, 0, 0, .7);--focus-shadow: rgba(59, 130, 246, .4)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--leading-normal);transition:background-color var(--transition-slow),color var(--transition-slow)}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none}button:disabled{cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}input:focus,textarea:focus,select:focus{outline:none}img,svg{display:block;max-width:100%}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight)}p{margin:0}strong{font-weight:var(--font-semibold)}code,pre{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Cascadia Mono,monospace}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--accent-color);color:#fff}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:0 var(--space-4)}.container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}.page-container{max-width:48rem;margin:0 auto;padding:var(--space-6) 0}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-6)}.two-column-layout{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 1024px){.two-column-layout{grid-template-columns:2fr 1fr}}.three-column-layout{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.three-column-layout{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.three-column-layout{grid-template-columns:repeat(3,1fr)}}.stack{display:flex;flex-direction:column}.stack-sm{gap:var(--space-2)}.stack-md{gap:var(--space-4)}.stack-lg{gap:var(--space-6)}.inline{display:flex;align-items:center}.inline-sm{gap:var(--space-2)}.inline-md{gap:var(--space-4)}.inline-lg{gap:var(--space-6)}.center{display:flex;align-items:center;justify-content:center}@media (max-width: 639px){.hide-mobile{display:none!important}}@media (min-width: 640px){.show-mobile-only{display:none!important}}@media (max-width: 767px){.hide-tablet{display:none!important}}@media (min-width: 768px){.show-tablet-only{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);cursor:pointer;border:1px solid transparent;text-decoration:none}.btn:hover{text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color)}.btn-outline{background-color:var(--bg-input);color:var(--text-primary);border-color:var(--input-border)}.btn-outline:hover:not(:disabled){background-color:var(--bg-tertiary)}.btn-danger{background-color:var(--error-color);color:#fff;border-color:var(--error-color)}.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.btn-ghost{background-color:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary)}.btn-link{background:none;border:none;color:var(--accent-color);padding:0}.btn-link:hover{text-decoration:underline}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8125rem}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-full{width:100%}.btn-icon{padding:var(--space-2);width:2.5rem;height:2.5rem}.btn-icon-sm{padding:var(--space-1);width:2rem;height:2rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:none;border:none;color:var(--text-secondary);border-radius:var(--radius-full);transition:background-color var(--transition-fast),color var(--transition-fast)}.theme-toggle:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.form-input{display:block;width:100%;height:2.75rem;padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--text-secondary)}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--focus-shadow)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input-error{border-color:var(--error-color)}.form-input-error:focus{border-color:var(--error-color);box-shadow:0 0 0 2px #ef44444d}.form-textarea{display:block;width:100%;min-height:6rem;padding:var(--space-3);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--input-border);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-textarea::placeholder{color:var(--text-secondary)}.form-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--focus-shadow)}.form-textarea:disabled{opacity:.6;cursor:not-allowed}.form-select{display:block;width:100%;height:2.75rem;padding:var(--space-2) var(--space-3);padding-right:2.5rem;font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-2) center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid var(--input-border);border-radius:var(--radius-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--focus-shadow)}.form-checkbox,.form-radio{width:1rem;height:1rem;accent-color:var(--accent-color);cursor:pointer}.form-hint{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.form-error{font-size:var(--text-sm);color:var(--error-color);margin-top:var(--space-1)}.form-error-box{background-color:#ef44441a;border:1px solid var(--error-color);border-radius:var(--radius-md);color:var(--error-color);padding:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm)}.search-bar{display:flex;align-items:center;gap:var(--space-2);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);flex:1;max-width:24rem}.search-bar-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:var(--text-sm)}.search-bar-input:focus{outline:none}.search-bar-input::placeholder{color:var(--text-secondary)}.search-bar-icon{color:var(--text-secondary)}@media (max-width: 640px){.search-bar{max-width:none}}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:var(--space-4);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.card-description{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.card-content{padding:var(--space-4)}.card-footer{padding:var(--space-4);border-top:1px solid var(--border-color);background-color:var(--bg-tertiary)}.card-hover:hover{box-shadow:0 4px 6px -1px var(--shadow)}.card-link{display:block;text-decoration:none;color:inherit;transition:box-shadow var(--transition-fast)}.card-link:hover{text-decoration:none;box-shadow:0 4px 6px -1px var(--shadow)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.alert-error{background-color:#ef44441a;border:1px solid var(--error-color);color:var(--error-color)}.alert-success{background-color:#22c55e1a;border:1px solid var(--success-color);color:var(--success-color)}.alert-warning{background-color:#f59e0b1a;border:1px solid var(--warning-color);color:var(--warning-color)}.alert-info{background-color:#3b82f61a;border:1px solid var(--info-color);color:var(--info-color)}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-secondary)}.loading-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--space-3) var(--space-4);position:sticky;top:0;z-index:var(--z-sticky)}.header-content{max-width:var(--container-xl);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.header-logo{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);text-decoration:none}.header-logo:hover{text-decoration:none}.header-nav{display:flex;align-items:center;gap:var(--space-4)}.header-link{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.header-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary);text-decoration:none}.header-link.active{color:var(--accent-color)}.user-menu{position:relative}.user-menu-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:none;border:none;color:var(--text-primary);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.user-menu-button:hover{background-color:var(--bg-tertiary)}.user-avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background-color:var(--accent-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm);overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-2);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px var(--shadow);min-width:12rem;overflow:hidden;z-index:var(--z-dropdown)}.user-menu-item{display:block;width:100%;padding:var(--space-3) var(--space-4);text-align:left;background:none;border:none;color:var(--text-primary);font-size:var(--text-sm);transition:background-color var(--transition-fast);text-decoration:none}.user-menu-item:hover{background-color:var(--bg-tertiary);text-decoration:none}.user-menu-divider{border-top:1px solid var(--border-color);margin:var(--space-1) 0}@media (max-width: 640px){.header-nav{gap:var(--space-2)}.header-link{padding:var(--space-1) var(--space-2);font-size:.8125rem}}.auth-card{width:100%;max-width:28rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px var(--shadow);overflow:hidden}.auth-card-header{text-align:center;padding:var(--space-6);padding-bottom:var(--space-2)}.auth-card-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary)}.auth-card-description{color:var(--text-secondary);margin-top:var(--space-1)}.auth-card-content{padding:var(--space-6);padding-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-4)}.auth-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.auth-input{display:block;width:100%;height:2.75rem;padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.auth-input::placeholder{color:var(--text-secondary)}.auth-input:hover:not(:disabled):not(:focus){border-color:var(--text-secondary);background-color:var(--bg-tertiary)}.auth-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--focus-shadow);background-color:var(--bg-input)}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;height:2.75rem;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn-primary{background-color:var(--accent-color);color:#fff;border:none}.auth-btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.auth-btn-primary:active:not(:disabled){background-color:#1d4ed8}.auth-btn-outline{background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--input-border)}.auth-btn-outline:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.auth-btn-outline:active:not(:disabled){background-color:#d1d5db}[data-theme=dark] .auth-btn-outline:hover:not(:disabled){background-color:#3f3f46;border-color:#52525b}[data-theme=dark] .auth-btn-outline:active:not(:disabled){background-color:#52525b}.auth-btn-facebook{background-color:#1877f2;color:#fff;border:1px solid #1877F2}.auth-btn-facebook:hover:not(:disabled){background-color:#166fe5}.auth-btn-facebook:active:not(:disabled){background-color:#1262c9}.auth-btn-dark{background-color:#000;color:#fff;border:1px solid var(--input-border)}.auth-btn-dark:hover:not(:disabled){background-color:#18181b}.auth-btn-dark:active:not(:disabled){background-color:#27272a}.auth-divider{position:relative;margin:var(--space-4) 0}.auth-divider-line{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center}.auth-divider-line:before{content:"";width:100%;border-top:1px solid var(--border-color)}.auth-divider-text{position:relative;display:flex;justify-content:center}.auth-divider-text span{background-color:var(--bg-secondary);padding:0 var(--space-2);font-size:var(--text-xs);text-transform:uppercase;color:var(--text-secondary)}.auth-footer{text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.auth-footer a{color:var(--accent-color);font-weight:var(--font-medium)}.auth-link{color:var(--accent-color);font-weight:var(--font-medium);text-decoration:none;transition:color var(--transition-fast)}.auth-link:hover{color:var(--accent-hover);text-decoration:underline}.auth-error{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--text-sm)}.auth-error svg{flex-shrink:0;margin-top:2px}.auth-input-error{border-color:#ef4444}.auth-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.auth-field-error{font-size:var(--text-xs);color:#ef4444;margin-top:var(--space-1)}.auth-success{font-size:var(--text-xs);color:#22c55e;margin-top:var(--space-1)}.auth-password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;padding:0;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.auth-password-toggle:hover:not(:disabled){color:var(--text-primary)}.auth-password-toggle:disabled{opacity:.5;cursor:not-allowed}.auth-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-password-strength{margin-top:var(--space-2)}.auth-password-strength-bars{display:flex;gap:var(--space-1);margin-bottom:var(--space-1)}.auth-password-strength-bar{height:4px;flex:1;background-color:var(--border-color);border-radius:2px;transition:background-color var(--transition-fast)}.auth-password-strength-bar.active{background-color:currentColor}.auth-password-strength-label{font-size:var(--text-xs);font-weight:var(--font-medium)}.form-group{display:flex;flex-direction:column}.auth-terms{font-size:var(--text-xs);color:var(--text-secondary);text-align:center;line-height:1.5}.post-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.post-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4)}.post-card-author{display:flex;align-items:center;gap:var(--space-3)}.post-card-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background-color:var(--accent-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-semibold);font-size:var(--text-base);overflow:hidden;flex-shrink:0}.post-card-avatar img{width:100%;height:100%;object-fit:cover}.post-card-author-name{font-weight:var(--font-semibold);color:var(--text-primary)}.post-card-meta{font-size:var(--text-xs);color:var(--text-secondary)}.post-card-content{padding:0 var(--space-4) var(--space-4)}.post-card-text{margin-bottom:var(--space-4);white-space:pre-wrap;word-break:break-word}.post-card-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md);background-color:#000}.post-card-video iframe,.post-card-video video{position:absolute;top:0;left:0;width:100%;height:100%}.post-card-actions{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color)}.post-card-action{display:flex;align-items:center;gap:var(--space-1);background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.post-card-action:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.post-card-action.liked{color:var(--error-color)}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg);background-color:#000}.video-embed iframe,.video-embed video,.video-embed>div{position:absolute;top:0;left:0;width:100%;height:100%}.post-form{display:flex;flex-direction:column;gap:var(--space-4)}.post-form-input{width:100%;padding:var(--space-3);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--input-border);border-radius:var(--radius-md);resize:vertical;min-height:5rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.post-form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--focus-shadow)}.post-form-input::placeholder{color:var(--text-secondary)}.post-form-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.post-list{display:flex;flex-direction:column;gap:var(--space-4)}.post-list-empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.post-link{color:var(--accent-color);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium)}.post-link:hover{text-decoration:underline}.comment-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.comment-item:last-child{border-bottom:none}.comment-avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background-color:var(--accent-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-semibold);font-size:var(--text-xs);flex-shrink:0;overflow:hidden}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-content{flex:1;min-width:0}.comment-bubble{background-color:var(--bg-tertiary);border-radius:18px;padding:var(--space-2) var(--space-3);display:inline-block;max-width:100%}.comment-author{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-primary);display:block}.comment-text{font-size:var(--text-sm);color:var(--text-primary);margin-top:var(--space-1);white-space:pre-wrap;word-break:break-word}.comment-meta{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1);margin-left:var(--space-3)}.comment-form{display:flex;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--border-color)}.comment-form-input{flex:1;padding:var(--space-2) var(--space-3);background-color:var(--bg-tertiary);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-primary);transition:background-color var(--transition-fast)}.comment-form-input::placeholder{color:var(--text-secondary)}.comment-form-input:focus{outline:none;background-color:var(--bg-primary)}.comment-form-input:disabled{opacity:.6}.comment-list{display:flex;flex-direction:column}.comment-empty{text-align:center;padding:var(--space-5) 0;color:var(--text-secondary);font-size:var(--text-sm)}.comment-actions{display:flex;gap:var(--space-4);margin-top:var(--space-1);margin-left:var(--space-3)}.comment-action{background:none;border:none;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);padding:0;cursor:pointer;transition:color var(--transition-fast)}.comment-action:hover{color:var(--text-primary);text-decoration:underline}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-color)}.text-error{color:var(--error-color)}.text-success{color:var(--success-color)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin: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-auto{margin:auto}.mt-0{margin-top: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-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mb-0{margin-bottom: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-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.p-0{padding: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-6{padding:var(--space-6)}.pt-0{padding-top:0}.pt-2{padding-top:var(--space-2)}.pt-4{padding-top:var(--space-4)}.pr-2{padding-right:var(--space-2)}.pr-4{padding-right:var(--space-4)}.pb-0{padding-bottom:0}.pb-2{padding-bottom:var(--space-2)}.pb-4{padding-bottom:var(--space-4)}.pl-2{padding-left:var(--space-2)}.pl-4{padding-left:var(--space-4)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.min-w-0{min-width:0}.max-w-full{max-width:100%}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-none{border-radius:0}.border{border:1px solid var(--border-color)}.border-0{border:0}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-transparent{background-color:transparent}.shadow{box-shadow:0 1px 3px var(--shadow)}.shadow-md{box-shadow:0 4px 6px -1px var(--shadow)}.shadow-lg{box-shadow:0 10px 15px -3px var(--shadow)}.shadow-none{box-shadow:none}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition:all var(--transition-normal)}.transition-colors{transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.transition-opacity{transition:opacity var(--transition-fast)}.transition-transform{transition:transform var(--transition-fast)}.scale-100{transform:scale(1)}.scale-95{transform:scale(.95)}.scale-105{transform:scale(1.05)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{word-break:break-word}.break-all{word-break:break-all}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:var(--z-dropdown)}.z-100{z-index:var(--z-sticky)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}