*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0b;--bg-secondary: #18181b;--bg-tertiary: #27272a;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #3b82f6;--accent-hover: #2563eb;--accent-subtle: rgba(59, 130, 246, .1);--accent-light: rgba(59, 130, 246, .15);--border: #27272a;--border-subtle: #3f3f46;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-hover: 0 12px 32px rgba(0, 0, 0, .5);--radius: 10px;--radius-lg: 16px;--radius-xl: 20px;--platform-twitter: #1d9bf0;--platform-youtube: #ff0000;--platform-instagram: #e4405f;--platform-tiktok: #00f2ea;--platform-article: #10b981;--platform-podcast: #8b5cf6;--cat-tech: #3b82f6;--cat-tech-bg: rgba(59, 130, 246, .15);--cat-business: #f59e0b;--cat-business-bg: rgba(245, 158, 11, .15);--cat-design: #ec4899;--cat-design-bg: rgba(236, 72, 153, .15);--cat-productivity: #10b981;--cat-productivity-bg: rgba(16, 185, 129, .15);--cat-tutorials: #8b5cf6;--cat-tutorials-bg: rgba(139, 92, 246, .15);--cat-career: #06b6d4;--cat-career-bg: rgba(6, 182, 212, .15);--cat-health: #22c55e;--cat-health-bg: rgba(34, 197, 94, .15);--cat-science: #f97316;--cat-science-bg: rgba(249, 115, 22, .15);--cat-news: #ef4444;--cat-news-bg: rgba(239, 68, 68, .15);--cat-other: #71717a;--cat-other-bg: rgba(113, 113, 122, .15);--cat-workout: #22c55e;--cat-workout-bg: rgba(34, 197, 94, .15);--cat-recipe: #f59e0b;--cat-recipe-bg: rgba(245, 158, 11, .15);--cat-advice: #8b5cf6;--cat-advice-bg: rgba(139, 92, 246, .15);--cat-guide: #3b82f6;--cat-guide-bg: rgba(59, 130, 246, .15)}[data-theme=light]{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--bg-tertiary: #f0f0f2;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-muted: #8e8e93;--accent: #0071e3;--accent-hover: #0077ed;--accent-subtle: rgba(0, 113, 227, .08);--accent-light: #e8f4fd;--border: #d2d2d7;--border-subtle: #e5e5e7;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-hover: 0 12px 32px rgba(0, 0, 0, .15);--cat-tech-bg: #eff6ff;--cat-business-bg: #fffbeb;--cat-design-bg: #fdf2f8;--cat-productivity-bg: #ecfdf5;--cat-tutorials-bg: #f5f3ff;--cat-career-bg: #ecfeff;--cat-health-bg: #f0fdf4;--cat-science-bg: #fff7ed;--cat-news-bg: #fef2f2;--cat-other-bg: #f4f4f5;--cat-workout-bg: #f0fdf4;--cat-recipe-bg: #fffbeb;--cat-advice-bg: #f5f3ff;--cat-guide-bg: #eff6ff}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}.mono{font-family:JetBrains Mono,SF Mono,Menlo,monospace}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:inherit}.container{max-width:1400px;margin:0 auto;padding:0 24px}.header{background:var(--bg-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:12px 0;position:sticky;top:0;z-index:100;transition:background-color .2s ease,border-color .2s ease}[data-theme=light] .header{background:#ffffffd9}.header-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;font-family:JetBrains Mono,SF Mono,monospace}.logo:hover{text-decoration:none;color:var(--text-primary)}.logo-accent{color:var(--accent)}.nav-links{display:flex;gap:16px;align-items:center}.nav-links a{color:var(--text-secondary);font-size:14px;font-weight:500;padding:6px 12px;border-radius:var(--radius);transition:all .2s}.nav-links a:hover{color:var(--text-primary);background:var(--bg-tertiary);text-decoration:none}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-secondary);font-size:18px;cursor:pointer;transition:all .2s}.theme-toggle:hover{background:var(--accent-subtle);color:var(--accent)}.user-avatar{width:32px!important;height:32px!important;border-radius:50%!important}.filters{display:flex;gap:10px;padding:24px 0;flex-wrap:wrap;align-items:center}.filter-btn{padding:8px 18px;border:1px solid var(--border);border-radius:20px;background:var(--bg-secondary);font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .2s}.filter-btn:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #3b82f64d}.search-input{padding:10px 18px;border:1px solid var(--border);border-radius:20px;font-size:14px;width:220px;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.search-input::placeholder{color:var(--text-muted)}.idea-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;padding:8px 0 40px}.post-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s cubic-bezier(.25,.1,.25,1);display:flex;flex-direction:column;text-decoration:none;color:inherit}.post-card:hover{transform:translateY(-4px);border-color:var(--border-subtle);box-shadow:var(--shadow-hover);text-decoration:none}.post-card-thumbnail{width:100%;height:200px;object-fit:cover;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.post-card-content{padding:20px;flex:1;display:flex;flex-direction:column}.post-card-platform{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;color:var(--text-muted)}.platform-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.platform-icon.twitter{color:var(--platform-twitter)}.platform-icon.youtube{color:var(--platform-youtube)}.platform-icon.instagram{color:var(--platform-instagram)}.platform-icon.tiktok{color:var(--platform-tiktok)}.platform-icon.article{color:var(--platform-article)}.platform-icon.podcast{color:var(--platform-podcast)}.post-card-category,.post-detail-category{display:inline-flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;padding:5px 10px;border-radius:6px;margin-bottom:12px;width:fit-content}.post-card-category[data-category=tech],.post-detail-category[data-category=tech]{color:var(--cat-tech);background:var(--cat-tech-bg)}.post-card-category[data-category=business],.post-detail-category[data-category=business]{color:var(--cat-business);background:var(--cat-business-bg)}.post-card-category[data-category=design],.post-detail-category[data-category=design]{color:var(--cat-design);background:var(--cat-design-bg)}.post-card-category[data-category=productivity],.post-detail-category[data-category=productivity]{color:var(--cat-productivity);background:var(--cat-productivity-bg)}.post-card-category[data-category=tutorials],.post-detail-category[data-category=tutorials]{color:var(--cat-tutorials);background:var(--cat-tutorials-bg)}.post-card-category[data-category=career],.post-detail-category[data-category=career]{color:var(--cat-career);background:var(--cat-career-bg)}.post-card-category[data-category=health],.post-detail-category[data-category=health]{color:var(--cat-health);background:var(--cat-health-bg)}.post-card-category[data-category=science],.post-detail-category[data-category=science]{color:var(--cat-science);background:var(--cat-science-bg)}.post-card-category[data-category=news],.post-detail-category[data-category=news]{color:var(--cat-news);background:var(--cat-news-bg)}.post-card-category[data-category=workout],.post-detail-category[data-category=workout]{color:var(--cat-workout);background:var(--cat-workout-bg)}.post-card-category[data-category=recipe],.post-detail-category[data-category=recipe]{color:var(--cat-recipe);background:var(--cat-recipe-bg)}.post-card-category[data-category=advice],.post-detail-category[data-category=advice]{color:var(--cat-advice);background:var(--cat-advice-bg)}.post-card-category[data-category=guide],.post-detail-category[data-category=guide]{color:var(--cat-guide);background:var(--cat-guide-bg)}.post-card-category[data-category=other],.post-detail-category[data-category=other],.post-card-category:not([data-category]),.post-detail-category:not([data-category]){color:var(--cat-other);background:var(--cat-other-bg)}.post-card-title{font-size:1.15rem;font-weight:600;margin-bottom:8px;line-height:1.35;color:var(--text-primary);letter-spacing:-.01em}.post-card-summary{font-size:14px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;flex:1}.post-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}.post-card-actions{display:flex;gap:4px}.icon-btn{background:none;border:none;padding:8px;color:var(--text-muted);font-size:18px;transition:all .2s;border-radius:var(--radius)}.icon-btn:hover{color:var(--accent);background:var(--accent-subtle)}.icon-btn.favorite.active{color:#ef4444}.icon-btn.favorite.active:hover{background:#ef44441a}.post-detail{max-width:800px;margin:32px auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px}.post-detail-header{margin-bottom:32px}.post-detail-platform{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;color:var(--text-muted)}.post-detail-category{font-size:12px;padding:6px 14px;margin-bottom:16px}.post-detail-title{font-size:2.2rem;font-weight:700;margin-bottom:12px;letter-spacing:-.025em;line-height:1.2}.post-detail-source{color:var(--text-secondary);font-size:14px}.post-detail-source a{font-weight:500}.source-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px}.post-detail-media{margin-bottom:24px}.post-detail-hero-image{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius-lg)}.post-detail-summary{background:var(--bg-tertiary);padding:24px;border-radius:var(--radius-lg);margin-bottom:32px;font-size:16px;line-height:1.7;border-left:4px solid var(--accent)}.post-detail section{margin-bottom:32px}.post-detail h2{font-size:1.3rem;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--border-subtle);letter-spacing:-.01em}.post-detail h3{font-size:1.05rem;margin:20px 0 10px;color:var(--text-primary)}.post-detail ul,.post-detail ol{padding-left:24px}.post-detail li{margin-bottom:10px;line-height:1.6}.key-points{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.key-points h3{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:16px}.key-points ul{list-style:none;padding:0}.key-points li{position:relative;padding-left:24px;margin-bottom:12px;line-height:1.5}.key-points li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--accent);border-radius:50%}.code-block{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:16px;font-family:JetBrains Mono,SF Mono,monospace;font-size:13px;overflow-x:auto;line-height:1.5}.exercise-table{width:100%;border-collapse:collapse;margin-top:16px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.exercise-table th,.exercise-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}.exercise-table th{background:var(--bg-tertiary);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.exercise-table tbody tr:hover{background:var(--bg-tertiary)}.exercise-table tbody tr:last-child td{border-bottom:none}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.tag{font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);padding:6px 12px;border-radius:20px;transition:all .2s}.tag:hover{background:var(--accent-subtle);color:var(--accent)}.actions-bar{display:flex;gap:12px;margin-top:32px;padding-top:32px;border-top:1px solid var(--border);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius);font-size:14px;font-weight:500;transition:all .2s;text-decoration:none;border:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px #3b82f640}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f64d;color:#fff}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.btn-danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444426;border-color:#ef44444d}.loading{text-align:center;padding:80px 20px;color:var(--text-secondary)}.loading:before{content:"";display:block;width:40px;height:40px;margin:0 auto 16px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px 20px;color:var(--text-secondary)}.empty-state:before{content:"";display:block;width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,var(--accent-subtle) 0%,var(--bg-secondary) 100%);border-radius:50%;border:2px dashed var(--accent)}.empty-state h2{margin-bottom:8px;color:var(--text-primary);font-size:1.3rem}.empty-state p{font-size:15px;max-width:320px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);margin-bottom:24px;font-size:14px;font-weight:500;padding:8px 12px;margin-left:-12px;border-radius:var(--radius);transition:all .2s}.back-link:hover{color:var(--accent);background:var(--accent-subtle);text-decoration:none}.auth-page{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:40px 20px}.settings-page{max-width:700px;margin:40px auto;padding:0 20px}.settings-page h1{font-size:2rem;margin-bottom:40px;letter-spacing:-.02em}.settings-section{margin-bottom:48px}.settings-section h2{font-size:1.2rem;margin-bottom:8px;color:var(--text-primary)}.section-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px;line-height:1.5}.settings-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:none;padding-bottom:0}.setting-row:first-child{padding-top:0}.setting-label{font-weight:500;color:var(--text-secondary);font-size:14px}.setting-value{color:var(--text-primary);font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:16px}.status-badge.success{background:#22c55e26;color:#22c55e}.status-badge.success:before{content:""}.status-badge.pending{background:#f59e0b26;color:#f59e0b}.status-badge.pending:before{content:""}.telegram-linked p,.telegram-setup p{color:var(--text-secondary);font-size:14px;line-height:1.5}.setup-steps{margin:20px 0;padding:20px;background:var(--bg-tertiary);border-radius:var(--radius)}.setup-steps h3{font-size:14px;font-weight:600;margin-bottom:12px}.setup-steps ol{margin:0;padding-left:20px;font-size:14px;color:var(--text-secondary)}.setup-steps li{margin-bottom:8px;line-height:1.5}.setup-steps code{background:var(--bg-secondary);padding:3px 8px;border-radius:4px;font-size:13px;font-weight:500;color:var(--accent);font-family:JetBrains Mono,SF Mono,monospace}.link-code-section{margin-top:20px}.link-code-display{display:flex;align-items:center;gap:16px}.link-code{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:1.6rem;font-weight:700;letter-spacing:6px;color:var(--accent);background:var(--accent-subtle);padding:16px 24px;border-radius:var(--radius)}.code-hint{margin-top:16px;font-size:13px;color:var(--text-secondary)}.code-hint code{background:var(--bg-tertiary);padding:3px 8px;border-radius:4px;font-weight:500;font-family:JetBrains Mono,SF Mono,monospace}.error-message{margin-top:20px;padding:14px 18px;background:#ef44441a;color:#ef4444;border-radius:var(--radius);font-size:14px;border:1px solid rgba(239,68,68,.2)}@media print{.header,.filters,.actions-bar,.post-card-actions,.back-link,.theme-toggle{display:none!important}.post-detail{box-shadow:none;border:none;margin:0;padding:0}body{background:#fff;color:#000}}@media (max-width: 768px){.container{padding:0 16px}.header-content{flex-direction:column;gap:16px}.nav-links{width:100%;justify-content:center}.idea-wall{grid-template-columns:1fr;gap:16px}.post-card-thumbnail{height:180px}.post-detail{margin:16px;padding:24px;border-radius:var(--radius-lg)}.post-detail-title{font-size:1.6rem}.post-detail-hero-image{max-height:280px}.post-detail-summary{padding:20px}.filters{padding:16px 0}.filter-btn{padding:8px 14px;font-size:13px}.search-input{width:100%;order:-1}.actions-bar{flex-direction:column}.btn{width:100%}.settings-page{margin:24px auto}.settings-page h1{font-size:1.6rem;margin-bottom:28px}.link-code-display{flex-direction:column;align-items:flex-start}.link-code{font-size:1.3rem;padding:12px 16px}}@media (min-width: 769px) and (max-width: 1024px){.idea-wall{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.post-card{animation:fadeIn .3s ease-out}.post-card:nth-child(1){animation-delay:0s}.post-card:nth-child(2){animation-delay:.05s}.post-card:nth-child(3){animation-delay:.1s}.post-card:nth-child(4){animation-delay:.15s}.post-card:nth-child(5){animation-delay:.2s}.post-card:nth-child(6){animation-delay:.25s}.view-modes{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius)}.view-mode-btn{padding:8px 12px;border:none;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;transition:all .2s}.view-mode-btn:hover{color:var(--text-primary)}.view-mode-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow)}.idea-list{display:flex;flex-direction:column;gap:12px;padding:8px 0 40px}.list-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:all .2s}.list-item:hover{border-color:var(--border-subtle);background:var(--bg-tertiary)}.list-item-thumbnail{width:60px;height:60px;border-radius:calc(var(--radius) - 4px);object-fit:cover;flex-shrink:0}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted)}.quick-stats{display:flex;gap:16px;margin-bottom:24px}.stat-card{flex:1;padding:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.cl-rootBox{--clerk-background: var(--bg-secondary);--clerk-text-primary: var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .15s ease-out}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-lg);animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:24px;min-height:120px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border)}.url-input-wrapper{width:100%}.url-input-container{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:4px 4px 4px 16px;transition:all .2s}.url-input-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.url-input-container.has-error{border-color:#ef4444}.url-input-container.has-error:focus-within{box-shadow:0 0 0 3px #ef444426}.url-input-platform{display:flex;align-items:center;justify-content:center;flex-shrink:0}.url-input{flex:1;border:none;background:transparent;font-size:15px;color:var(--text-primary);padding:12px 0;outline:none}.url-input::placeholder{color:var(--text-muted)}.url-input-error{color:#ef4444;font-size:13px;margin-top:8px}.url-input-hint{color:var(--text-muted);font-size:13px;margin-top:12px}.modal-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;text-align:center}.processing-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.modal-processing p{font-size:16px;font-weight:500;margin:0;color:var(--text-primary)}.processing-hint{font-size:13px;color:var(--text-muted);margin-top:8px}.modal-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0;text-align:center}.success-icon{color:#22c55e;margin-bottom:16px}.modal-success h3{font-size:1.25rem;font-weight:600;margin:0 0 8px}.success-title{font-size:14px;color:var(--text-secondary);margin:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0;text-align:center}.error-icon{color:#ef4444;margin-bottom:16px}.modal-error h3{font-size:1.25rem;font-weight:600;margin:0 0 8px}.modal-error p{font-size:14px;color:var(--text-secondary);margin:0}.modal-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius);padding:12px 16px;margin-top:16px;font-size:14px;color:#f59e0b}@media (max-width: 768px){.modal{max-width:100%;margin:16px;border-radius:var(--radius-lg)}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{padding:16px 20px;flex-direction:column}.modal-footer .btn{width:100%}}