body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-dark:#0f172a;--bg-card:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#38bdf8;--accent-hover:#0ea5e9;--border:#334155;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App{flex-direction:column;min-height:100vh;display:flex}.navbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f172acc;justify-content:space-between;align-items:baseline;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.logo{letter-spacing:-.025em;color:var(--accent);font-size:1.5rem;font-weight:800}.tagline{color:var(--text-secondary);font-size:.875rem}.container{box-sizing:border-box;flex:1;width:100%;max-width:1000px;margin:0 auto;padding:3rem 1.5rem}.input-section{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;margin-bottom:2rem;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a}.input-textarea{border:1px solid var(--border);width:100%;height:250px;color:var(--text-primary);resize:vertical;box-sizing:border-box;background:#0f172a;border-radius:.5rem;outline:none;margin-bottom:1.5rem;padding:1rem;font-size:1rem;transition:border-color .2s}.input-textarea:focus{border-color:var(--accent)}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.selector-group{background:#0f172a;border-radius:.5rem;gap:.5rem;padding:.25rem;display:flex}.type-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.type-btn.active{background:var(--bg-card);color:var(--accent);box-shadow:0 1px 3px #0003}.generate-btn{background:var(--accent);color:#0f172a;cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 2rem;font-weight:700;transition:all .2s}.generate-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.loader-container{text-align:center;color:var(--text-secondary);padding:3rem}.loader{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=600px){.result-grid{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem}.card h3{border-bottom:1px solid var(--border);margin-top:0;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.125rem}.card ul{color:var(--text-secondary);margin:0;padding-left:1.25rem}.card li{margin-bottom:.75rem;line-height:1.5}.card:first-child h3{color:var(--accent)}.card:nth-child(2) h3{color:var(--success)}.card:nth-child(3) h3{color:var(--danger)}.card:nth-child(4) h3{color:var(--warning)}.copy-btn{border:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:.75rem;padding:1rem;font-weight:600;transition:all .2s}.copy-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--text-secondary)}.footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border);padding:2rem;font-size:.875rem}