*{margin:0;padding:0;box-sizing:border-box}.app-layout{max-width:1600px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl);display:flex;gap:var(--spacing-xl);align-items:flex-start}.app-main{flex:1;min-width:0}@media(max-width:1024px){.app-layout{flex-direction:column}}@media(max-width:768px){.app-layout{padding:var(--spacing-md)}}:root{--primary: #03C75A;--primary-hover: #02B350;--secondary: #1E90FF;--accent: #2c3e50;--accent-hover: #1a252f;--accent-light: #555;--text-primary: #333;--text-secondary: #666;--text-light: #999;--border: #e5e5e5;--border-dark: #d5d5d5;--bg-white: #ffffff;--bg-gray: #f7f9fa;--bg-hover: #f0f0f0;--bg-selected: #e8e8e8;--white: #ffffff;--near-white: #f9f9f9;--success: #03C75A;--error: #ff3b30;--warning: #ff9500;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 12px rgba(0,0,0,.12);--elevation-1: 0 2px 4px rgba(0,0,0,.05);--elevation-2: 0 4px 8px rgba(0,0,0,.08);--elevation-3: 0 8px 16px rgba(0,0,0,.12);--elevation-4: 0 12px 24px rgba(0,0,0,.15);--glass-opacity: .6;--glass-blur: 30px;--glass-saturate: 180%;--glass-highlight: rgba(255, 255, 255, .5);--glass-border: rgba(255, 255, 255, .18);--blue: #007AFF;--green: #34C759;--red: #FF3B30;--border-color: var(--border);font-family:-apple-system,BlinkMacSystemFont,Malgun Gothic,맑은 고딕,Nanum Gothic,나눔고딕,sans-serif}body{background-color:var(--bg-gray);color:var(--text-primary);line-height:1.6;font-size:14px}#root{min-height:100vh}h1{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.3}h2{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.4}h3{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.5}p{color:var(--text-secondary);font-size:14px;line-height:1.6}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease;font-size:14px}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--white);padding:8px 16px;border-radius:var(--radius-md);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-white);color:var(--text-primary);border:1px solid var(--border);padding:8px 16px;border-radius:var(--radius-md)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}a{color:var(--secondary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}input,textarea,select{font-family:inherit;font-size:14px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);outline:none;transition:border-color .2s ease;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-gray)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md)}table{width:100%;border-collapse:collapse;background:var(--bg-white);border:1px solid var(--border)}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--bg-gray);font-weight:600;color:var(--text-primary);font-size:13px}tr:hover{background:var(--bg-hover)}tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;line-height:1.5}.badge-primary{background:var(--accent);color:var(--white)}.badge-secondary{background:var(--bg-gray);color:var(--text-secondary)}.badge-hot{background:#ff3b30;color:var(--white)}.empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-light)}[data-theme=dark]{--primary: #04D963;--primary-hover: #03C755;--secondary: #4A9FFF;--accent: #e8e8e8;--accent-hover: #ffffff;--accent-light: #b8b8b8;--text-primary: #e8e8e8;--text-secondary: #a8a8a8;--text-light: #888;--border: #333;--border-dark: #444;--bg-white: #1a1a1a;--bg-gray: #121212;--bg-hover: #252525;--bg-selected: #2a2a2a;--white: #1a1a1a;--near-white: #1f1f1f;--border-color: #333;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 2px 8px rgba(0,0,0,.4);--shadow-lg: 0 4px 12px rgba(0,0,0,.5);--elevation-1: 0 2px 4px rgba(0,0,0,.3);--elevation-2: 0 4px 8px rgba(0,0,0,.4);--elevation-3: 0 8px 16px rgba(0,0,0,.5);--elevation-4: 0 12px 24px rgba(0,0,0,.6);--glass-opacity: .3;--glass-blur: 20px;--glass-saturate: 120%;--glass-highlight: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .08);--blue: #0A84FF;--green: #30D158;--red: #FF453A}[data-theme=dark] body{background:var(--bg-gray);color:var(--text-primary)}@media(max-width:768px){h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}.card{padding:var(--spacing-lg)}th,td{padding:8px;font-size:13px}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.auth-modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}}.auth-modal{background:rgba(255,255,255,var(--glass-opacity));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);width:90%;max-width:420px;position:relative;animation:slideUp .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--elevation-4);overflow:hidden}.auth-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);opacity:.8;pointer-events:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:32px;height:32px;border-radius:50%;background:var(--near-white);font-size:24px;line-height:1;color:var(--text-secondary);transition:all .2s ease}.modal-close:hover{background:var(--border-color);transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:var(--spacing-xl)}.modal-header h2{font-size:28px;margin-bottom:var(--spacing-sm)}.modal-header p{font-size:15px;color:var(--text-secondary)}.auth-form,.form-field{margin-bottom:var(--spacing-lg)}.form-field label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;font-size:14px;color:var(--text-primary)}.form-field input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:15px;transition:all .2s ease;background:var(--near-white)}.form-field input:focus{outline:none;border-color:var(--blue);background:var(--bg-white);box-shadow:0 0 0 3px #007aff1a}.error-message{background:#ff3b301a;color:var(--red);padding:var(--spacing-md);border-radius:var(--radius-sm);font-size:14px;margin-bottom:var(--spacing-lg);text-align:center}.submit-button{width:100%;padding:14px;background:var(--blue);color:var(--white);border-radius:var(--radius-md);font-size:16px;font-weight:600;transition:all .2s ease}.submit-button:hover:not(:disabled){background:#0051d5;transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.auth-switch{text-align:center;font-size:14px;color:var(--text-secondary)}.auth-switch button{color:var(--blue);font-weight:600;background:none;padding:0;transition:opacity .2s ease}.auth-switch button:hover{opacity:.7}.auth-notice{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--near-white);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);text-align:center}[data-theme=dark] .auth-modal-backdrop{background:#000000d9}[data-theme=dark] .auth-modal{background:#1a1a1ad9;border-color:var(--glass-border)}[data-theme=dark] .form-field input{background:#1a1a1ab3;border-color:#ffffff26;color:var(--text-primary)}[data-theme=dark] .form-field input:focus{background:#232323cc;border-color:#0a84ff66}.theme-toggle{width:36px;height:36px;border-radius:50%;background:var(--near-white);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.theme-toggle:hover{background:var(--border-color);transform:scale(1.05)}.header{position:sticky;top:0;background:var(--bg-white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:1000}.header-container{width:100%;max-width:100%;padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.logo{font-size:24px;font-weight:700;color:var(--accent);text-decoration:none;white-space:nowrap;transition:color .2s ease}.logo:hover{color:var(--accent-hover)}.search-box{flex:0 1 500px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing-md);color:var(--text-light);font-size:18px}.search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;background:var(--bg-gray);color:var(--text-primary);transition:all .2s ease}.search-input:focus{outline:none;background:var(--bg-white);border-color:var(--accent);box-shadow:0 0 0 3px #2c3e501a}[data-theme=dark] .search-input:focus{box-shadow:0 0 0 3px #e8e8e81a}.search-input::placeholder{color:var(--text-light)}.user-menu{display:flex;align-items:center;gap:var(--spacing-md);position:relative}.login-button{padding:8px 20px;background:var(--accent);border:none;color:var(--white);border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s ease;white-space:nowrap}.login-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-dropdown{position:relative}.user-button{width:36px;height:36px;border-radius:50%;background:var(--bg-gray);border:1px solid var(--border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;cursor:pointer}.user-button:hover{background:var(--bg-hover);border-color:var(--accent)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--spacing-sm);z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-info{padding:var(--spacing-md);background:var(--bg-gray);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.user-nickname{font-weight:600;font-size:14px;margin-bottom:4px;color:var(--text-primary)}.user-level{font-size:12px;color:var(--text-secondary)}.dropdown-divider{height:1px;background:var(--border);margin:var(--spacing-sm) 0}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:14px;color:var(--text-primary);border-radius:var(--radius-sm);transition:background .2s ease;border:none;background:transparent;cursor:pointer}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.admin{color:var(--secondary);font-weight:500}.dropdown-item.admin:hover{background:#1e90ff1a}.dropdown-item.logout{color:var(--error)}.dropdown-item.logout:hover{background:#ff3b301a}@media(max-width:768px){.header-container{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md)}.search-box{max-width:none}.logo{font-size:20px}.login-button{padding:6px 16px;font-size:13px}}.sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-lg)}.sidebar-section{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.sidebar-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border)}.sidebar-title svg{width:16px;height:16px;color:var(--accent)}.sidebar-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-debate-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background .2s ease}.sidebar-debate-item:hover{background:var(--bg-hover)}.sidebar-icon{font-size:14px;flex-shrink:0;margin-top:2px}.sidebar-debate-info{flex:1;min-width:0}.sidebar-debate-title{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px}.sidebar-debate-meta{display:flex;gap:var(--spacing-sm);font-size:11px;color:var(--text-light)}.sidebar-debate-meta span{white-space:nowrap}.sidebar-empty{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center}.sidebar-empty p{font-size:13px;color:var(--text-secondary);line-height:1.6}@media(max-width:1024px){.sidebar{display:none}}.suggest-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.suggest-modal{background:var(--white);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.suggest-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--white);z-index:1}.suggest-modal-header h2{margin:0;font-size:24px;color:var(--text-primary)}.suggest-close-button{background:none;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.suggest-close-button:hover{background:var(--near-white);color:var(--text-primary)}.suggest-form{padding:24px}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-primary);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s;background:var(--white);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--blue)}.form-group textarea{resize:vertical;min-height:80px}.error-text{display:block;color:var(--red);font-size:12px;margin-top:6px}.form-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.cancel-button,.submit-button{flex:1;padding:14px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.cancel-button{background:var(--near-white);color:var(--text-secondary)}.cancel-button:hover{background:var(--border-color)}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.suggest-modal{max-height:95vh;margin:10px}.suggest-modal-header{padding:20px}.suggest-modal-header h2{font-size:20px}.suggest-form{padding:20px}.form-actions{flex-direction:column}}.home{min-height:100vh;background:var(--bg-gray)}.home-container{max-width:100%}.hero-section{background:var(--bg-white);padding:var(--spacing-2xl) var(--spacing-xl);margin-bottom:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center}.hero-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:15px;color:var(--text-secondary)}.search-result-section{background:var(--bg-white);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border)}.search-result-section h2{font-size:18px;margin-bottom:var(--spacing-sm)}.search-result-section p{font-size:14px;color:var(--text-secondary)}.category-section{margin-bottom:var(--spacing-xl)}.category-tabs{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;background:var(--bg-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border)}.category-tab{background:var(--bg-white);border:1px solid var(--border);padding:8px 16px;border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.category-tab:hover{background:var(--bg-hover);border-color:var(--accent)}.category-tab.active{background:var(--accent);color:var(--white);border-color:var(--accent);font-weight:600}.category-icon{font-size:16px}.category-name{font-size:14px}.hot-debate-section{margin-bottom:var(--spacing-xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border)}.section-header h2{font-size:16px;font-weight:700;color:var(--text-primary)}.section-header p{font-size:13px;color:var(--text-secondary)}.debate-list-section{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.debate-list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:2px solid var(--border);background:var(--bg-gray)}.debate-list-header h2{font-size:16px;font-weight:700}.debate-list-header p{font-size:13px;color:var(--text-secondary)}.debate-list{list-style:none}.debate-list-item{display:block;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s ease;text-decoration:none;color:inherit}.debate-list-item:hover{background:var(--bg-hover)}.debate-list-item:last-child{border-bottom:none}.debate-hot-badge{display:inline-block;margin-bottom:var(--spacing-sm)}.hot-badge{background:#ff3b30;color:var(--white);padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:700}.debate-info{display:block}.debate-title-row{display:block;margin-bottom:var(--spacing-md)}.debate-category-badge{display:inline-block;padding:2px 8px;background:var(--bg-gray);border-radius:var(--radius-sm);font-size:11px;color:var(--text-secondary);font-weight:600;margin-right:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.debate-title{display:block;font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.6;margin-top:var(--spacing-xs);word-break:break-word;overflow-wrap:break-word;white-space:normal}.debate-progress-mini{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--text-secondary);margin-right:var(--spacing-xl)}.progress-bar-mini{width:100px;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}.progress-fill-mini{height:100%;background:var(--accent);transition:width .3s ease}.debate-meta{display:inline-flex;gap:var(--spacing-lg);align-items:center}.meta-item{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary);white-space:nowrap}.meta-item svg{width:14px;height:14px;color:var(--text-light)}.cta-section{margin-top:var(--spacing-xl);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-lg);overflow:hidden}.cta-card{padding:var(--spacing-2xl);text-align:center;color:var(--white)}.cta-card h3{font-size:20px;color:var(--white);margin-bottom:var(--spacing-md)}.cta-card p{font-size:14px;color:#ffffffe6;margin-bottom:var(--spacing-xl)}.cta-button{background:#fff;color:#2c3e50;padding:12px 32px;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer;border:none;transition:all .2s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000040}[data-theme=dark] .cta-section{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}[data-theme=dark] .cta-button{background:#fff;color:#2c3e50}[data-theme=dark] .cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.loading,.empty{padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}@media(max-width:768px){.hero-title{font-size:22px}.category-tabs{gap:var(--spacing-xs)}.category-tab{padding:6px 12px;font-size:13px}.debate-list-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md)}.debate-meta{margin-left:0;width:100%;justify-content:space-between}.progress-bar-mini{width:60px}.debate-title{white-space:normal;overflow:visible;text-overflow:clip}}.debate-grid{display:flex;flex-direction:column;gap:0}.hot-debate-card{margin-bottom:var(--spacing-xl)}.comment-form{background:#fff9;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.3);padding:var(--spacing-xl);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-lg);box-shadow:var(--elevation-3);position:relative;overflow:hidden}.comment-form:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);opacity:.8;pointer-events:none}.comment-form h3{margin-bottom:var(--spacing-lg);font-size:20px}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;font-size:14px}.position-buttons{display:flex;gap:var(--spacing-sm)}.position-buttons button{flex:1;padding:var(--spacing-md);background:#fff6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--elevation-1)}.position-buttons button:hover{background:#fff9;border-color:#ffffff59;transform:translateY(-2px);box-shadow:var(--elevation-2)}.position-buttons button.active{background:#007affe6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-color:#ffffff4d;color:var(--white);box-shadow:0 4px 12px #007aff4d}textarea{width:100%;padding:var(--spacing-md);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);font-family:inherit;font-size:15px;resize:vertical;background:#fff6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px #0000000d}textarea:focus{outline:none;background:#fff9;border-color:#007aff80;box-shadow:0 0 0 3px #007aff1a,inset 0 1px 2px #0000000d;transform:translateY(-1px)}.char-count{display:block;text-align:right;font-size:12px;color:var(--text-secondary);margin-top:4px}.ai-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-label input{width:18px;height:18px}.ai-options select{padding:var(--spacing-sm);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);font-size:14px;background:#fff6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:all .3s ease}.ai-options select:focus{outline:none;background:#fff9;border-color:#007aff80;box-shadow:0 0 0 3px #007aff1a}.help-text{font-size:12px;color:var(--text-secondary);margin-top:4px}.form-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-end}.cancel-button,.submit-button{padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-button{background:#fff6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);color:var(--text-primary);box-shadow:var(--elevation-1)}.cancel-button:hover{background:#fff9;border-color:#fff6;transform:translateY(-2px);box-shadow:var(--elevation-2)}.submit-button{background:#007affe6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);color:var(--white);box-shadow:0 4px 12px #007aff4d,inset 0 1px #ffffff26}.submit-button:hover{background:#0051d5f2;transform:translateY(-2px);box-shadow:0 6px 16px #007aff66,inset 0 1px #fff3;border-color:#ffffff4d}[data-theme=dark] .comment-form{background:#1a1a1ab3;border-color:var(--glass-border)}[data-theme=dark] .position-buttons button{background:#1a1a1a99;border-color:#ffffff1a}[data-theme=dark] .position-buttons button:hover{background:#232323cc;border-color:#ffffff26}[data-theme=dark] textarea{background:#1a1a1a99;border-color:#ffffff26}[data-theme=dark] textarea:focus{background:#232323b3;border-color:#0a84ff66}[data-theme=dark] .ai-options select{background:#1a1a1a99;border-color:#ffffff26}[data-theme=dark] .ai-options select:focus{background:#232323b3;border-color:#0a84ff66}[data-theme=dark] .cancel-button{background:#1a1a1a99;border-color:#ffffff26}[data-theme=dark] .cancel-button:hover{background:#232323cc;border-color:#fff3}.debate-detail{min-height:100vh;background:linear-gradient(135deg,#007aff05,#ffffff80,#86868b05);background-attachment:fixed;position:relative}.debate-detail:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 25%,rgba(0,122,255,.06) 0%,transparent 50%),radial-gradient(circle at 85% 75%,rgba(134,134,139,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.debate-container{position:relative;z-index:1;max-width:100%}.debate-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.debate-category{color:var(--text-secondary);font-size:14px;margin-bottom:var(--spacing-sm)}.debate-title-row{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.debate-title{flex:1;font-size:32px;line-height:1.4;word-break:break-word;overflow-wrap:break-word}.bookmark-button{width:48px;height:48px;border-radius:50%;background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);color:var(--text-secondary);font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:var(--elevation-2)}.bookmark-button:hover{background:#fff9;border-color:#fff6;transform:scale(1.08) translateY(-2px);box-shadow:var(--elevation-3)}.bookmark-button.bookmarked{background:#007affe6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-color:#ffffff4d;color:var(--white);box-shadow:0 4px 12px #007aff4d}.bookmark-button.bookmarked:hover{background:#0051d5f2;box-shadow:0 6px 16px #007aff66}.debate-description{font-size:18px;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.debate-meta{display:flex;gap:var(--spacing-lg);color:var(--text-secondary);font-size:15px}.debate-meta span{display:flex;align-items:center;gap:6px}.vote-section{background:rgba(255,255,255,var(--glass-opacity));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid rgba(255,255,255,.18);padding:var(--spacing-xl);border-radius:var(--radius-xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--elevation-2);position:relative;overflow:hidden}.vote-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);opacity:.7;pointer-events:none}.vote-section h2{margin-bottom:var(--spacing-lg);font-size:24px}.vote-bar{display:flex;height:64px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg);box-shadow:inset 0 2px 8px #0000001a;position:relative}.vote-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none}.vote-fill{display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:20px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.vote-fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:voteShine 3s ease-in-out infinite}@keyframes voteShine{0%{left:-100%}to{left:200%}}.vote-favor{background:linear-gradient(135deg,var(--blue) 0%,#0051d5 100%);box-shadow:inset 0 1px #fff3}.vote-against{background:linear-gradient(135deg,var(--text-secondary) 0%,#6e6e73 100%);box-shadow:inset 0 1px #ffffff1a}.vote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.vote-button{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:18px;font-weight:600;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:var(--elevation-2)}.vote-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.vote-button:active:before{width:300px;height:300px}.vote-button.favor{background:linear-gradient(135deg,var(--blue) 0%,#0051d5 100%);color:var(--white)}.vote-button.favor:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--elevation-3),0 8px 24px #007aff66}.vote-button.against{background:linear-gradient(135deg,var(--text-secondary) 0%,#6e6e73 100%);color:var(--white)}.vote-button.against:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--elevation-3),0 8px 24px #86868b66}.vote-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.vote-button.voted{border-color:#ffffff80;box-shadow:var(--elevation-3),0 0 0 2px #ffffff4d;animation:votePulse 2s ease-in-out infinite}@keyframes votePulse{0%,to{box-shadow:var(--elevation-3),0 0 0 2px #ffffff4d}50%{box-shadow:var(--elevation-3),0 0 0 4px #ffffff80}}.vote-button.voted{border-color:var(--text-primary);box-shadow:0 0 0 3px #007aff1a}.vote-button:disabled{opacity:.5;cursor:not-allowed}.vote-notice{text-align:center;margin-top:var(--spacing-md);color:var(--text-secondary);font-size:14px}.key-issues-section{margin-bottom:var(--spacing-2xl)}.key-issues-section h2{margin-bottom:var(--spacing-lg);font-size:24px}.issue-card{background:#ffffff80;backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);border:1px solid rgba(255,255,255,.25);padding:var(--spacing-lg);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);box-shadow:var(--elevation-2);transition:all .3s cubic-bezier(.4,0,.2,1)}.issue-card:hover{transform:translateY(-2px);box-shadow:var(--elevation-3);border-color:#ffffff59}.issue-card h3{font-size:20px;margin-bottom:var(--spacing-md)}.issue-arguments{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.argument{padding:var(--spacing-md);border-radius:var(--radius-md);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.argument:hover{transform:translate(4px);box-shadow:var(--elevation-1)}.argument.favor{background:#007aff26;border-color:#007aff40}.argument.against{background:#86868b26;border-color:#86868b40}.argument strong{display:block;margin-bottom:var(--spacing-sm);font-size:14px}.argument p{font-size:15px;line-height:1.5}.background-section{margin-bottom:var(--spacing-2xl)}.background-section h2{margin-bottom:var(--spacing-lg);font-size:24px}.background-list{display:grid;gap:var(--spacing-sm)}.background-item{background:#fff6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);padding:var(--spacing-md);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.background-item:hover{background:#fff9;border-color:#ffffff4d;transform:translate(4px);box-shadow:var(--elevation-2)}.background-item h4{font-size:16px;font-weight:500}.read-time{font-size:13px;color:var(--text-secondary)}.comments-section h2{margin-bottom:var(--spacing-lg);font-size:24px}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.comment-filters{display:flex;gap:var(--spacing-sm)}.comment-filters button{padding:8px 16px;border-radius:100px;background:#fff6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--elevation-1)}.comment-filters button:hover{background:#fff9;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:var(--elevation-2)}.comment-filters button.active{background:#1d1d1fe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#ffffff1a;color:var(--white);box-shadow:0 4px 12px #00000026}.write-comment-button{width:100%;padding:var(--spacing-md);background:var(--blue);color:var(--white);border-radius:var(--radius-md);font-size:16px;font-weight:600;margin-bottom:var(--spacing-lg)}.comments-list{display:grid;gap:var(--spacing-lg)}.empty-comments{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.comment-card{background:#ffffff80;backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);border:1px solid rgba(255,255,255,.25);padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--elevation-2);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.comment-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 45%,transparent 50%);opacity:0;transition:opacity .5s ease;pointer-events:none}.comment-card:hover:before{opacity:1;animation:shimmer 3s ease-in-out infinite}.comment-card:hover{transform:translateY(-2px);box-shadow:var(--elevation-3);border-color:#ffffff59}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.comment-author{display:flex;align-items:center;gap:var(--spacing-sm)}.author-name{font-weight:600;font-size:15px}.level-badge{font-size:12px}.position-badge{padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(255,255,255,.2);box-shadow:var(--elevation-1);transition:all .3s ease}.position-badge:hover{transform:translateY(-1px);box-shadow:var(--elevation-2)}.position-badge.favor{background:#007affe6;border-color:#ffffff4d;color:var(--white)}.position-badge.against{background:#86868be6;border-color:#ffffff4d;color:var(--white)}.position-badge.neutral{background:#d2d2d799;border-color:#ffffff4d;color:var(--text-primary)}.comment-content{margin-bottom:var(--spacing-md);line-height:1.6;font-size:15px;white-space:pre-wrap}.comment-sources{margin-bottom:var(--spacing-md);font-size:13px}.comment-sources strong{display:block;margin-bottom:4px;color:var(--text-secondary)}.comment-sources a{display:block;color:var(--blue);font-size:13px;margin-bottom:2px}.ai-badge{display:inline-block;padding:4px 12px;background:#007aff1a;color:var(--blue);border-radius:100px;font-size:12px;font-weight:500;margin-bottom:var(--spacing-md)}.comment-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.like-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);border-radius:100px;font-size:14px;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--elevation-1)}.like-button:hover{background:#ffffffb3;border-color:#fff6;transform:translateY(-2px);box-shadow:var(--elevation-2);color:var(--text-primary)}.comment-time{font-size:13px;color:var(--text-secondary)}[data-theme=dark] .debate-detail{background:linear-gradient(135deg,#0a84ff08,#1c1c1ecc,#30d15808)}[data-theme=dark] .debate-detail:before{background:radial-gradient(circle at 15% 25%,rgba(10,132,255,.08) 0%,transparent 50%),radial-gradient(circle at 85% 75%,rgba(48,209,88,.08) 0%,transparent 50%)}[data-theme=dark] .bookmark-button{background:#1a1a1ab3;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .bookmark-button:hover{background:#232323cc;border-color:#ffffff26}[data-theme=dark] .vote-section,[data-theme=dark] .issue-card,[data-theme=dark] .background-item,[data-theme=dark] .comment-card{background:#1a1a1ab3;border-color:var(--glass-border)}[data-theme=dark] .issue-card:hover,[data-theme=dark] .background-item:hover,[data-theme=dark] .comment-card:hover{background:#232323cc;border-color:#ffffff1f}[data-theme=dark] .argument{border-color:#ffffff1a}[data-theme=dark] .argument.favor{background:#0a84ff26;border-color:#0a84ff4d}[data-theme=dark] .argument.against{background:#8e8e9326;border-color:#8e8e934d}[data-theme=dark] .comment-filters button{background:#1a1a1ab3;border-color:#ffffff1a}[data-theme=dark] .comment-filters button:hover{background:#232323cc;border-color:#ffffff26}[data-theme=dark] .comment-filters button.active{background:#0a84ff40;border-color:#0a84ff66}[data-theme=dark] .like-button{background:#1a1a1ab3;border-color:#ffffff1a}[data-theme=dark] .like-button:hover{background:#232323cc;border-color:#ffffff26}.profile-page{min-height:100vh;background:linear-gradient(135deg,#007aff05,#f5f5f7cc,#34c75905);background-attachment:fixed;position:relative}.profile-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,122,255,.04) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(52,199,89,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.profile-container{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.profile-header{background:#fff9;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.3);padding:var(--spacing-2xl);border-radius:var(--radius-2xl);display:flex;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--elevation-3);position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);opacity:.8;pointer-events:none}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#00c9ff);display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--white)}.profile-info h1{font-size:32px;margin-bottom:var(--spacing-sm)}.verification-badge{display:inline-block;padding:6px 12px;background:#007aff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,122,255,.25);border-radius:100px;font-size:13px;font-weight:600;color:var(--blue);margin-bottom:var(--spacing-sm);box-shadow:var(--elevation-1)}.trust-score{font-size:16px;color:var(--text-secondary);font-weight:500}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:#ffffff80;backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);border:1px solid rgba(255,255,255,.25);padding:var(--spacing-lg);border-radius:var(--radius-xl);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--elevation-2);transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--elevation-3);border-color:#ffffff59}.stat-icon{width:48px;height:48px;background:#007aff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,122,255,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--blue);box-shadow:inset 0 1px 2px #0000000d}.stat-value{font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-secondary)}.badges-section{background:#ffffff80;backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);border:1px solid rgba(255,255,255,.25);padding:var(--spacing-xl);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-xl);box-shadow:var(--elevation-2)}.badges-section h2{font-size:24px;margin-bottom:var(--spacing-lg)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-lg)}.badge-item{text-align:center;padding:var(--spacing-lg);background:#fff6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--elevation-1)}.badge-item:not(.locked):hover{transform:scale(1.08) translateY(-4px);cursor:pointer;box-shadow:var(--elevation-3);border-color:#ffffff59;background:#fff9}.badge-item.locked{opacity:.3}.badge-icon{font-size:48px;margin-bottom:var(--spacing-sm)}.badge-name{font-size:14px;font-weight:600}.activity-section{background:#ffffff80;backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);border:1px solid rgba(255,255,255,.25);padding:var(--spacing-xl);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-xl);box-shadow:var(--elevation-2)}.activity-section h2{font-size:24px;margin-bottom:var(--spacing-lg)}.debate-list{display:grid;gap:var(--spacing-md)}.debate-item{padding:var(--spacing-lg);background:#fff6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--elevation-1)}.debate-item:hover{background:#fff9;border-color:#ffffff4d;transform:translate(6px);box-shadow:var(--elevation-2)}.debate-item .debate-category{font-size:12px;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.debate-item h3{font-size:16px;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.debate-meta{font-size:13px;color:var(--text-secondary)}.settings-section{background:#ffffff80;backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);border:1px solid rgba(255,255,255,.25);padding:var(--spacing-xl);border-radius:var(--radius-2xl);box-shadow:var(--elevation-2)}.settings-section h2{font-size:24px;margin-bottom:var(--spacing-lg)}.settings-list{display:grid;gap:1px;background:var(--border-color);border-radius:var(--radius-md);overflow:hidden}.setting-item{padding:var(--spacing-lg);background:var(--white);display:flex;justify-content:space-between;align-items:center;font-size:15px;color:var(--text-primary);transition:background .2s ease;text-align:left}.setting-item:hover{background:var(--near-white)}.setting-item.danger{color:var(--red)}.setting-item .arrow{font-size:24px;color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.cta-link{display:inline-block;margin-top:var(--spacing-md);padding:10px 20px;background:var(--blue);color:var(--white);border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.cta-link:hover{background:#0051d5;transform:translateY(-1px)}[data-theme=dark] .profile-page{background:linear-gradient(135deg,#0a84ff08,#1c1c1ecc,#30d15808)}[data-theme=dark] .profile-page:before{background:radial-gradient(circle at 20% 30%,rgba(10,132,255,.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(48,209,88,.06) 0%,transparent 50%)}[data-theme=dark] .profile-header,[data-theme=dark] .stat-card,[data-theme=dark] .badges-section,[data-theme=dark] .activity-section,[data-theme=dark] .settings-section{background:#1a1a1ab3;border-color:var(--glass-border)}[data-theme=dark] .stat-card:hover{background:#232323cc}[data-theme=dark] .stat-icon{background:#0a84ff26;border-color:#0a84ff4d}[data-theme=dark] .badge-item{background:#1a1a1a99;border-color:#ffffff14}[data-theme=dark] .badge-item:not(.locked):hover{background:#232323cc;border-color:#ffffff1f}[data-theme=dark] .debate-item{background:#1a1a1a99;border-color:#ffffff14}[data-theme=dark] .debate-item:hover{background:#232323cc;border-color:#ffffff1f}[data-theme=dark] .verification-badge{background:#0a84ff33;border-color:#0a84ff4d}.bookmarks-page{min-height:100vh;background:var(--near-white)}.bookmarks-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.bookmarks-header{text-align:center;margin-bottom:var(--spacing-2xl)}.bookmarks-header h1{font-size:48px;margin-bottom:var(--spacing-sm)}.bookmarks-header p{font-size:18px;color:var(--text-secondary)}.bookmarks-count{font-size:16px;color:var(--text-secondary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.debate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.empty-state{text-align:center;padding:var(--spacing-2xl);background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000d}.empty-icon{font-size:72px;margin-bottom:var(--spacing-lg)}.empty-state h2,.empty-state h3{font-size:28px;margin-bottom:var(--spacing-md)}.empty-state p{font-size:16px;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.cta-button{display:inline-block;padding:14px 32px;background:var(--blue);color:var(--white);border-radius:var(--radius-md);font-weight:600;font-size:16px;transition:all .2s ease}.cta-button:hover{background:#0051d5;transform:translateY(-2px);box-shadow:0 4px 12px #007aff4d}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.admin-page{min-height:100vh;background:linear-gradient(135deg,#007aff08,#ffffff80,#34c75908);background-attachment:fixed;position:relative;overflow-x:hidden}.admin-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,122,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(52,199,89,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.admin-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.admin-container h1{font-size:36px;margin-bottom:var(--spacing-xl)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.admin-stat-card{background:rgba(255,255,255,var(--glass-opacity));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid rgba(255,255,255,.18);padding:var(--spacing-xl);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--elevation-2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.admin-stat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 0%,var(--glass-highlight) 45%,transparent 50%);opacity:0;transition:opacity .5s ease;pointer-events:none}.admin-stat-card:hover:before{opacity:1;animation:shimmer 3s ease-in-out infinite}.admin-stat-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--elevation-3)}.admin-stat-card .stat-value{font-size:36px;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--blue)}.admin-stat-card .stat-label{font-size:14px;color:var(--text-secondary)}.admin-section{background:rgba(255,255,255,var(--glass-opacity));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid rgba(255,255,255,.18);padding:var(--spacing-xl);border-radius:var(--radius-2xl);box-shadow:var(--elevation-2);position:relative;overflow:hidden}.admin-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);opacity:.6;pointer-events:none}.admin-section h2{font-size:24px;margin-bottom:var(--spacing-lg)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:var(--spacing-md);background:#ffffff4d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:2px solid rgba(0,122,255,.2);font-weight:600;color:var(--text-secondary);font-size:14px;position:sticky;top:0;z-index:10}.admin-table tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.admin-table tbody tr:hover{background:#007aff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #007aff1a;transform:scale(1.005)}.admin-table td{padding:var(--spacing-md);border-bottom:1px solid rgba(210,210,215,.3);background:#ffffff0d}.admin-btn{padding:6px 14px;background:#007affd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:var(--white);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);font-size:13px;font-weight:600;margin-right:var(--spacing-sm);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #007aff40,inset 0 1px #ffffff26;position:relative;overflow:hidden}.admin-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.admin-btn:hover:before{left:100%}.admin-btn:hover{background:#007afff2;transform:translateY(-2px);box-shadow:0 6px 16px #007aff59,inset 0 1px #fff3;border-color:#ffffff4d}.admin-btn:active{transform:translateY(0);transition-duration:.1s}.admin-btn.danger{background:#ff3b30d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-color:#fff3;box-shadow:0 4px 12px #ff3b3040,inset 0 1px #ffffff26}.admin-btn.danger:hover{background:#ff3b30f2;box-shadow:0 6px 16px #ff3b3059,inset 0 1px #fff3;border-color:#ffffff4d}.admin-btn.warning{background:#ff9500d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-color:#fff3;box-shadow:0 4px 12px #ff950040,inset 0 1px #ffffff26}.admin-btn.warning:hover{background:#ff9500f2;box-shadow:0 6px 16px #ff950059,inset 0 1px #fff3;border-color:#ffffff4d}.admin-btn.small{padding:4px 8px;font-size:12px;margin-right:4px}.admin-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--spacing-sm);border:1px solid rgba(255,255,255,.2);box-shadow:var(--elevation-1)}.admin-tab{padding:var(--spacing-md) var(--spacing-lg);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-secondary);font-size:16px;font-weight:600;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.admin-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.admin-tab:hover:before{left:100%}.admin-tab:hover{color:var(--text-primary);background:#ffffff40;border-color:#ffffff4d;box-shadow:var(--elevation-2);transform:translateY(-2px)}.admin-tab.active{color:var(--blue);background:#007aff26;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-color:#007aff4d;box-shadow:0 4px 12px #007aff33}.table-container{overflow-x:auto;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 3px #0000000d}.debate-title{font-weight:500;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-nickname{font-weight:600}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--elevation-1);transition:all .3s ease}.badge:hover{transform:translateY(-1px);box-shadow:var(--elevation-2)}.badge-verified{background:#34c75933;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);color:var(--green);border-color:#34c7594d;box-shadow:0 2px 8px #34c75926}.badge-basic{background:#ff950033;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);color:#ff9500;border-color:#ff95004d;box-shadow:0 2px 8px #ff950026}.badge-admin{background:#007aff33;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);color:var(--blue);border-color:#007aff4d;box-shadow:0 2px 8px #007aff26}[data-theme=dark] .admin-page{background:linear-gradient(135deg,#007aff0d,#1c1c1ecc,#34c7590d)}[data-theme=dark] .admin-page:before{background:radial-gradient(circle at 20% 30%,rgba(0,122,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(52,199,89,.1) 0%,transparent 50%)}[data-theme=dark] .admin-stat-card,[data-theme=dark] .admin-section{background:rgba(28,28,30,var(--glass-opacity));border-color:#ffffff1a}[data-theme=dark] .admin-tabs{background:#1c1c1e80;border-color:#ffffff1a}[data-theme=dark] .admin-tab{background:#1c1c1e4d;border-color:#ffffff14}[data-theme=dark] .admin-tab:hover{background:#ffffff1a;border-color:#ffffff26}[data-theme=dark] .admin-tab.active{background:#007aff33;border-color:#007aff66}[data-theme=dark] .admin-table th{background:#1c1c1e80;border-bottom-color:#007aff4d}[data-theme=dark] .admin-table tbody tr:hover{background:#007aff14}[data-theme=dark] .admin-table td{background:#1c1c1e14;border-bottom-color:#ffffff14}[data-theme=dark] .table-container{background:#1c1c1e4d;border-color:#ffffff1a}[data-theme=dark] .badge{background:#1c1c1e80;border-color:#ffffff26}[data-theme=dark] .badge-verified{background:#34c75940;border-color:#34c75966}[data-theme=dark] .badge-basic{background:#ff950040;border-color:#ff950066}[data-theme=dark] .badge-admin{background:#007aff40;border-color:#007aff66}@media(max-width:768px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-table{font-size:13px}.admin-table th,.admin-table td{padding:var(--spacing-sm)}.admin-btn{padding:4px 8px;font-size:12px}}