.app-layout{display:flex;min-height:100vh;padding-top:72px}.sidebar{width:380px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);overflow-y:auto;max-height:calc(100vh - 72px);position:sticky;top:72px}.sidebar-section{display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar-section-title{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.platform-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);font-size:.8rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.platform-btn svg{width:22px;height:22px}.platform-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-light)}.platform-btn.active{background:#7c3aed1f;color:var(--accent-purple-light);border-color:var(--accent-purple);box-shadow:0 0 20px #7c3aed26}.platform-btn.active svg{filter:drop-shadow(0 0 4px rgba(124,58,237,.4))}.platform-grid .platform-btn:last-child:nth-child(odd){grid-column:1 / -1}.type-toggles{display:flex;flex-wrap:wrap;gap:8px}.type-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;font-family:var(--font-body);color:var(--text-muted);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);-webkit-user-select:none;user-select:none}.type-toggle:hover{background:var(--bg-glass-hover);color:var(--text-secondary)}.type-toggle.active{background:#3b82f61f;color:var(--accent-blue-light);border-color:var(--accent-blue)}.generate-btn{margin-top:auto;width:100%;padding:16px;font-size:1rem;background:var(--gradient-primary);background-size:200% 200%;animation:gradientShift 4s ease infinite}.generate-btn:hover{box-shadow:0 8px 30px #7c3aed66}.generate-btn:disabled{animation:none;opacity:.5}.generate-btn .spinner{width:18px;height:18px}.usage-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.85rem}.usage-count{font-weight:600;color:var(--text-primary)}.usage-label{color:var(--text-muted);font-size:.8rem}.usage-bar.limit-reached{border-color:#f59e0b4d;background:#f59e0b0d}.usage-bar.limit-reached .usage-count{color:var(--accent-orange)}.main-content{flex:1;padding:var(--space-xl);overflow-y:auto}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.results-header h2{font-size:1.3rem}.results-count{font-size:.85rem;color:var(--text-muted)}.results-grid{display:flex;flex-direction:column;gap:var(--space-md)}.result-card{padding:var(--space-lg);animation:fadeInUp .4s var(--ease-out) both}.result-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.result-type-badge{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.result-card-actions{display:flex;gap:6px}.result-text{font-size:1rem;color:var(--text-primary);line-height:1.7;white-space:pre-wrap;word-break:break-word}.result-text--hashtags{color:var(--accent-blue-light);font-size:.95rem}.result-section{margin-bottom:var(--space-xl)}.result-section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.result-section-title{font-size:1rem;font-weight:600}.result-section-emoji{font-size:1.2rem}.skeleton-grid{display:flex;flex-direction:column;gap:var(--space-md)}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.app-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-2xl)}.app-empty-icon{font-size:4rem;margin-bottom:var(--space-lg);animation:float 3s ease-in-out infinite}.app-empty-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-sm)}.app-empty-text{color:var(--text-muted);max-width:400px;font-size:.95rem}.api-key-setup{text-align:center}.api-key-setup p{margin-bottom:var(--space-md);font-size:.95rem}.api-key-setup .input{margin-bottom:var(--space-md)}.api-key-help{font-size:.8rem;color:var(--text-muted);margin-top:var(--space-sm)}.api-key-help a{color:var(--accent-purple-light)}.paywall-content{text-align:center}.paywall-icon{font-size:3rem;margin-bottom:var(--space-md)}.paywall-content h3{font-size:1.3rem;margin-bottom:var(--space-sm)}.paywall-content p{margin-bottom:var(--space-lg)}.paywall-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--text-muted);font-size:.85rem}.paywall-divider:before,.paywall-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.virality-score{display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.score-ring-wrap{position:relative;flex-shrink:0}.score-ring-svg{display:block}.score-ring-fill{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.score-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:700;font-family:var(--font-display)}.score-breakdown{flex:1;display:flex;flex-direction:column;gap:6px}.score-dim{display:flex;align-items:center;gap:8px}.score-dim-label{font-size:.7rem;color:var(--text-muted);width:90px;flex-shrink:0;white-space:nowrap}.score-bar-track{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.score-bar-fill{height:100%;border-radius:2px;transition:width 1s ease-out}.score-dim-val{font-size:.7rem;font-weight:600;color:var(--text-secondary);width:16px;text-align:right}.remix-btn{position:relative;transition:all var(--duration-normal) var(--ease-out)}.remix-btn:hover:not(.remix-locked){background:#7c3aed26}.remix-btn.remix-locked{opacity:.4;cursor:pointer}.remix-btn.remix-locked:after{content:"🔒";position:absolute;top:-4px;right:-4px;font-size:.5rem}.remix-results{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--border-subtle)}.remix-header{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.remix-card{background:#7c3aed0a;border:1px solid rgba(124,58,237,.12);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm);animation:fadeInUp .3s var(--ease-out) both}.remix-card:nth-child(3){animation-delay:.1s}.remix-card:nth-child(4){animation-delay:.2s}.remix-card-top{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.remix-angle{font-size:.75rem;font-weight:600;color:var(--accent-purple-light);text-transform:uppercase;letter-spacing:.05em}.remix-score{font-size:.75rem;font-weight:700}.remix-text{font-size:.95rem;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.remix-loading{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:.85rem;padding:var(--space-sm) 0}.remix-loading .spinner{width:16px;height:16px}.remix-error{color:var(--accent-orange);font-size:.85rem;padding:var(--space-sm) 0}@media(max-width:900px){.app-layout{flex-direction:column}.sidebar{width:100%;max-height:none;position:static;border-right:none;border-bottom:1px solid var(--border-subtle)}.platform-grid{grid-template-columns:repeat(3,1fr)}.main-content{padding:var(--space-md)}.virality-score{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.platform-grid{grid-template-columns:repeat(2,1fr)}.sidebar{padding:var(--space-md)}.score-dim-label{width:70px;font-size:.65rem}}