:root{--primary: #0ea5e9;--primary-hover: #0284c7;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .08);--success: #10b981}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(at 0% 0%,rgba(14,165,233,.15) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.1) 0,transparent 50%);color:var(--text-main);min-height:100vh;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}textarea{width:100%;background:#0f172a80;border:1px solid var(--border);border-radius:.75rem;color:var(--text-main);padding:1rem;font-family:inherit;font-size:1rem;resize:vertical;min-height:300px;outline:none;transition:border-color .2s}textarea:focus{border-color:var(--primary)}.output-content h1,.output-content h2,.output-content h3{margin:1.5rem 0 1rem;color:var(--text-main)}.output-content p{margin-bottom:1rem}.output-content ul,.output-content ol{margin-bottom:1rem;padding-left:1.5rem}.output-content li{margin-bottom:.5rem}.output-content code{background:#0000004d;padding:.2rem .4rem;border-radius:.25rem;font-family:monospace}