*{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)}.search-results-count{font-size:14px;color:var(--text-muted);margin-bottom:16px;padding:0 4px}.post-card-summary mark,.list-item-content mark{background:var(--accent-subtle, rgba(59, 130, 246, .2));color:var(--text-primary);padding:1px 3px;border-radius:3px;font-weight:600}.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}.auth-container{display:flex;flex-direction:column;align-items:center;gap:32px}.auth-header{text-align:center;max-width:400px}.auth-tagline{font-family:JetBrains Mono,SF Mono,monospace;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.02em}.auth-description{font-size:15px;color:var(--text-secondary);line-height:1.6}.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:12px;flex-wrap:wrap}.link-code{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:1.1rem;font-weight:700;letter-spacing:2px;color:var(--accent);background:var(--accent-subtle);padding:12px 16px;border-radius:var(--radius);max-width:100%;overflow-wrap:break-word;word-break:break-all}.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;cursor:pointer;transition:background .15s ease}.code-hint code:hover{background:var(--accent-subtle)}.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:1rem;padding:10px 14px}}@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)}.usage-counter{display:flex;align-items:center;gap:12px;padding:10px 16px;margin-bottom:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem}.usage-counter--warning{border-color:var(--warning, #f59e0b);background:color-mix(in srgb,var(--warning, #f59e0b) 8%,var(--bg-secondary))}.usage-counter--limit{border-color:var(--danger, #ef4444);background:color-mix(in srgb,var(--danger, #ef4444) 8%,var(--bg-secondary))}.usage-counter__bar{width:80px;height:6px;background:var(--bg-tertiary, var(--border));border-radius:3px;overflow:hidden}.usage-counter__fill{height:100%;background:var(--primary, #6366f1);border-radius:3px;transition:width .3s ease}.usage-counter--warning .usage-counter__fill{background:var(--warning, #f59e0b)}.usage-counter--limit .usage-counter__fill{background:var(--danger, #ef4444)}.usage-counter__text{color:var(--text-secondary);white-space:nowrap}.usage-counter__upgrade-link{color:var(--primary, #6366f1);text-decoration:none;white-space:nowrap;font-weight:500}.usage-counter__upgrade-link:hover{text-decoration:underline}.usage-counter .btn-sm{padding:4px 12px;font-size:.8rem}.quick-stats{display:flex;gap:12px;margin-top:24px;margin-bottom:20px}.stat-card{flex:1;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:2px}.stat-label{font-size:11px;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%}}.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:16px 0;margin-top:auto}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.platform-vote-section{display:flex;align-items:center;gap:12px}.vote-label{font-size:13px;color:var(--text-muted);font-weight:500}.platform-vote-icons{display:flex;gap:8px;align-items:center}.platform-vote-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;transition:all .2s}.platform-vote-btn:hover{transform:translateY(-2px)}.platform-vote-btn.youtube:hover{background:#ff00001a;border-color:var(--platform-youtube);color:var(--platform-youtube)}.platform-vote-btn.tiktok:hover{background:#00f2ea1a;border-color:var(--platform-tiktok);color:var(--platform-tiktok)}.platform-vote-btn.twitter:hover{background:#1d9bf01a;border-color:var(--platform-twitter);color:var(--platform-twitter)}.feedback-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.feedback-btn:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 1024px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}@media (max-width: 768px){.footer-content{flex-direction:column;gap:16px}.platform-vote-section{flex-direction:column;width:100%;gap:10px}.platform-vote-icons,.feedback-btn{width:100%;justify-content:center}}.vote-modal{max-width:440px}.vote-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px;text-align:center}.vote-platform-grid{display:flex;gap:12px;justify-content:center}.vote-platform-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 24px;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-tertiary);cursor:pointer;transition:all .2s;min-width:100px}.vote-platform-option:hover{border-color:var(--border-subtle);transform:translateY(-2px)}.vote-platform-option.selected{border-color:var(--accent);background:var(--accent-subtle)}.vote-platform-option.youtube:hover,.vote-platform-option.youtube.selected{border-color:var(--platform-youtube);background:#ff00001a}.vote-platform-option.tiktok:hover,.vote-platform-option.tiktok.selected{border-color:var(--platform-tiktok);background:#00f2ea1a}.vote-platform-option.x:hover,.vote-platform-option.x.selected{border-color:var(--platform-twitter);background:#1d9bf01a}.vote-platform-option:disabled{opacity:.6;cursor:not-allowed}.vote-platform-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .2s}.vote-platform-option.youtube .vote-platform-icon{color:var(--platform-youtube)}.vote-platform-option.tiktok .vote-platform-icon{color:var(--platform-tiktok)}.vote-platform-option.x .vote-platform-icon{color:var(--platform-twitter)}.vote-platform-name{font-size:13px;font-weight:600;color:var(--text-primary)}.vote-already-voted{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0;text-align:center}.vote-info-icon{color:var(--accent);margin-bottom:16px}.vote-already-voted h3{font-size:1.25rem;font-weight:600;margin:0 0 8px}.vote-already-voted p{font-size:14px;color:var(--text-secondary);margin:0}.vote-already-voted strong{color:var(--text-primary)}@media (max-width: 480px){.vote-platform-grid{flex-direction:column;width:100%}.vote-platform-option{flex-direction:row;justify-content:flex-start;width:100%;padding:16px 20px;min-width:unset}}.public-homepage{max-width:640px;margin:0 auto;padding:0 0 80px}.hero{text-align:center;padding:64px 0 40px}.hero-label{font-family:JetBrains Mono,SF Mono,monospace;font-size:14px;font-weight:600;color:var(--accent);letter-spacing:.05em;margin-bottom:16px}.hero-title{font-size:2.2rem;font-weight:700;line-height:1.2;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:16px}.hero-title-accent{color:var(--text-muted)}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:420px;margin:0 auto;line-height:1.5}.hero-platforms{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:28px}.hero-platform{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;opacity:.7;transition:opacity .2s}.hero-platform:hover{opacity:1}.demo-section{margin-bottom:48px}.demo-input-area{max-width:100%}.demo-result-area{display:flex;flex-direction:column;align-items:center}.demo-error-area{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;gap:16px}.demo-error-icon{margin-bottom:4px}.demo-error-message{color:var(--text-secondary);font-size:15px;max-width:360px}.bottom-cta{text-align:center;padding:40px 0;border-top:1px solid var(--border)}.bottom-cta-text{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:16px}.demo-result{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;width:100%}.demo-result-header{margin-bottom:16px}.demo-result-platform{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.demo-result-platform-name{font-weight:600;color:var(--text-secondary)}.demo-result-account{color:var(--text-muted)}.demo-result-title{font-size:1.3rem;font-weight:700;margin-bottom:8px;line-height:1.3}.demo-result-summary{color:var(--text-secondary);font-size:15px;line-height:1.5;margin-bottom:20px}.demo-result-points{margin-bottom:20px}.demo-result-points h3{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.demo-result-points ul{list-style:none;display:flex;flex-direction:column;gap:8px}.demo-result-points li{padding-left:16px;position:relative;color:var(--text-primary);font-size:14px;line-height:1.5}.demo-result-points li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.demo-result-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.demo-result-cta{border-top:1px solid var(--border);padding-top:20px;text-align:center}.demo-result-cta-text{font-size:14px;color:var(--text-muted);margin-bottom:12px}.btn-lg{padding:14px 28px;font-size:15px}.demo-remaining{text-align:center;font-size:13px;color:var(--text-muted);margin-top:16px;font-family:JetBrains Mono,SF Mono,monospace}@media (max-width: 640px){.hero{padding:40px 0 28px}.hero-title{font-size:1.6rem}.hero-platforms{gap:12px}.demo-result{padding:20px}}.book-list-grid{display:flex;flex-direction:column;gap:12px}.book-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.book-card-title{font-weight:600;font-size:15px;color:var(--text-primary);margin-bottom:4px}.book-card-author{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.book-card-genre{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:4px;background:var(--accent-subtle);color:var(--accent);margin-right:8px;margin-bottom:8px}.book-card-why{font-size:14px;color:var(--text-secondary);margin:8px 0 0;line-height:1.5}.book-card-link{font-size:13px;font-weight:500;margin-top:8px;display:inline-block}.tool-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.tool-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.tool-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tool-card-name{font-weight:600;font-size:15px;color:var(--text-primary)}.tool-card-pricing{font-size:12px;font-weight:600;padding:3px 8px;border-radius:4px;background:var(--cat-productivity-bg);color:var(--cat-productivity)}.tool-card-usecase{font-size:14px;color:var(--text-secondary);margin:0 0 8px;line-height:1.5}.tool-card-category{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.tool-card-link{font-size:13px;font-weight:500;display:inline-block}.product-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.product-card:last-child{margin-bottom:0}.product-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.product-card-name{font-weight:600;font-size:16px;color:var(--text-primary)}.product-card-rating{font-size:13px;font-weight:600;padding:3px 8px;border-radius:4px;background:var(--cat-business-bg);color:var(--cat-business)}.product-card-price{font-size:13px;color:var(--text-muted);margin-left:auto}.product-card-body{display:grid;grid-template-columns:1fr 1fr;gap:16px}.product-pros h4,.product-cons h4{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.product-pros h4{color:#22c55e}.product-cons h4{color:#ef4444}.product-pros ul,.product-cons ul{list-style:none;padding:0;margin:0}.product-pros li,.product-cons li{font-size:14px;padding:4px 0;color:var(--text-secondary)}.product-pros li:before{content:"+ ";color:#22c55e;font-weight:600}.product-cons li:before{content:"- ";color:#ef4444;font-weight:600}.product-verdict{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:14px;font-weight:500;color:var(--text-primary)}.comparison-table{width:100%;border-collapse:collapse;margin-top:16px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.comparison-table th,.comparison-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}.comparison-table th{background:var(--bg-tertiary);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.comparison-criterion{font-weight:500;color:var(--text-primary)}.comparison-winner{background:var(--cat-productivity-bg)}.winner-badge{display:inline-block;font-size:10px;font-weight:700;padding:1px 5px;border-radius:3px;background:var(--cat-productivity);color:#fff;margin-left:6px;vertical-align:middle}.comparison-verdict{margin-top:16px;padding:12px 16px;background:var(--bg-tertiary);border-radius:var(--radius);font-size:14px;color:var(--text-primary)}.checklist-items{list-style:none;padding:0}.checklist-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border)}.checklist-item:last-child{border-bottom:none}.checklist-item input[type=checkbox]{margin-top:3px;width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}.checklist-item-content{flex:1}.checklist-item-task{font-size:15px;font-weight:500;color:var(--text-primary)}.checklist-item-priority{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.checklist-item-details{font-size:13px;color:var(--text-secondary);margin-top:4px;line-height:1.5}.resource-list-items{display:flex;flex-direction:column;gap:8px}.resource-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.resource-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.resource-item-name{font-weight:600;font-size:14px;color:var(--text-primary)}.resource-item-name a{color:var(--accent)}.resource-item-type{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:4px;background:var(--cat-tutorials-bg);color:var(--cat-tutorials)}.resource-item-description{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.quotes-list .quote-block{background:var(--bg-tertiary);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;margin-bottom:12px}.quotes-list .quote-block:last-child{margin-bottom:0}.quote-text{font-size:15px;font-style:italic;color:var(--text-primary);line-height:1.6;margin:0 0 8px}.quote-attribution{font-size:13px;font-weight:500;color:var(--text-secondary)}.quote-context{font-weight:400;color:var(--text-muted)}@media (max-width: 640px){.tool-list-grid,.product-card-body{grid-template-columns:1fr}.comparison-table{font-size:13px}.comparison-table th,.comparison-table td{padding:8px 10px}}.pricing-page{max-width:900px;margin:0 auto;padding:60px 20px 80px}.pricing-header{text-align:center;margin-bottom:48px}.pricing-header h1{font-size:36px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.pricing-header p{font-size:16px;color:var(--text-secondary);margin:0 0 32px}.pricing-toggle{display:inline-flex;background:var(--bg-tertiary);border-radius:var(--radius);padding:4px;gap:4px}.toggle-btn{padding:8px 20px;border:none;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.toggle-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 3px #0000004d}.save-badge{display:inline-block;background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:20px;margin-left:6px}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:64px}.pricing-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;position:relative;transition:transform .2s,box-shadow .2s}.pricing-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.pricing-card--featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pricing-card--current{opacity:.85}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:12px;font-weight:600;padding:4px 16px;border-radius:20px;white-space:nowrap}.pricing-card__header{margin-bottom:24px}.pricing-card__header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.pricing-card__price{display:flex;align-items:baseline;gap:4px}.price-amount{font-size:48px;font-weight:700;color:var(--text-primary);line-height:1}.price-period{font-size:16px;color:var(--text-secondary)}.price-annual-note{font-size:13px;color:var(--text-secondary);margin-top:6px}.pricing-card__features{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px}.pricing-card__features li{font-size:14px;color:var(--text-secondary);padding-left:22px;position:relative}.pricing-card__features li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:600}.pricing-card__cta{margin-top:auto}.pricing-card__cta .btn{width:100%;display:inline-flex;justify-content:center}.pricing-faq{max-width:800px;margin:0 auto}.pricing-faq h2{font-size:24px;font-weight:700;color:var(--text-primary);text-align:center;margin:0 0 32px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.faq-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.faq-item h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.faq-item p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width: 640px){.pricing-page{padding:40px 16px 60px}.pricing-header h1{font-size:28px}.pricing-cards,.faq-grid{grid-template-columns:1fr}.price-amount{font-size:40px}}.concept-meta{color:var(--text-muted, #666);font-size:.9rem;margin-top:.5rem}.concept-badge{font-weight:500}.concept-chips-section{margin:1.5rem 0}.concept-chips-section h2{font-size:1.1rem;margin-bottom:.75rem}.concept-chips{display:flex;flex-wrap:wrap;gap:.5rem}.concept-chip{display:inline-block;padding:.35rem .75rem;background:var(--bg-secondary, #f0f0f0);border:1px solid var(--border-color, #ddd);border-radius:999px;font-size:.85rem;color:var(--text-primary, #333);text-decoration:none;transition:background .15s,border-color .15s}.concept-chip:hover{background:var(--accent-color, #4f46e5);color:#fff;border-color:var(--accent-color, #4f46e5)}.concept-sources{margin-top:2rem}.concept-sources h2{font-size:1.2rem;margin-bottom:1rem}.concept-sources-list{display:flex;flex-direction:column;gap:1rem}.concept-source-card{padding:1rem;border:1px solid var(--border-color, #ddd);border-radius:8px;background:var(--bg-secondary, #fafafa)}.concept-source-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.concept-source-header h3{font-size:1rem;margin:0}.concept-source-header h3 a{color:var(--accent-color, #4f46e5);text-decoration:none}.concept-source-header h3 a:hover{text-decoration:underline}.concept-source-platform{font-size:.75rem;color:var(--text-muted, #666);white-space:nowrap}.concept-source-summary{font-size:.9rem;color:var(--text-secondary, #555);margin:.25rem 0}.concept-source-excerpt{font-size:.85rem;color:var(--text-muted, #666);border-left:3px solid var(--accent-color, #4f46e5);padding-left:.75rem;margin:.5rem 0;font-style:italic}.concept-source-account{font-size:.8rem;color:var(--text-muted, #666)}.how-it-works,.why-tldw{max-width:800px;margin:0 auto;padding:48px 20px}.section-heading{text-align:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:32px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step-card,.value-prop-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;text-align:center}.step-icon,.value-prop-icon{font-size:2rem;display:block;margin-bottom:12px}.step-card h3,.value-prop-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.step-card p,.value-prop-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.value-props-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.value-prop-card{text-align:left;position:relative}.value-prop-new-badge{display:inline-block;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;position:absolute;top:12px;right:12px}.pricing-card__tagline{font-size:.85rem;color:var(--text-secondary);margin-top:4px}@media (max-width: 600px){.steps-grid,.value-props-grid{grid-template-columns:1fr}}.browse-page{padding:24px 0}.browse-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.browse-header h1{margin:0;font-size:1.75rem}.browse-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:.95rem}.browse-back-btn{flex-shrink:0}.browse-category-title{display:flex;align-items:center;gap:12px;flex:1}.browse-category-title h1{margin:0;font-size:1.5rem}.browse-category-desc{color:var(--text-muted);margin:2px 0 0;font-size:.9rem}.browse-count{color:var(--text-muted);font-size:.9rem;white-space:nowrap}.browse-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.browse-category-card{background:var(--card-bg, var(--surface));border:1px solid var(--border);border-radius:12px;padding:24px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px}.browse-category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--category-color, var(--accent));border-radius:12px 12px 0 0}.browse-category-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;border-color:var(--category-color, var(--accent))}.browse-category-card-icon{font-size:2rem;line-height:1}.browse-category-card-label{margin:0;font-size:1.1rem;font-weight:600}.browse-category-card-desc{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.4}.browse-category-card-count{margin-top:auto;font-size:.8rem;color:var(--text-muted);font-weight:500}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.browse-card{background:var(--card-bg, var(--surface));border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.browse-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.browse-card-thumb{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-alt, #f0f0f0)}.browse-card-thumb img{width:100%;height:100%;object-fit:cover}.browse-card-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;opacity:.4}.browse-card-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.browse-card-title{margin:0;font-size:1rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.browse-card-summary{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.browse-card-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.browse-card-platform{display:flex;align-items:center;gap:4px}@media (max-width: 768px){.browse-categories-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.browse-category-card{padding:16px}.browse-grid{grid-template-columns:1fr}.browse-header{flex-direction:column;align-items:flex-start}}