:root{--background:#0f172a;--foreground:#f8fafc;--primary:#3b82f6;--primary-hover:#2563eb;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-highlight:#ffffff26}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);background:radial-gradient(circle at 100% 0,#1e1b4b,#0f172a 40%,#020617);flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;display:flex;overflow-x:hidden}main{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.blob{filter:blur(100px);z-index:1;opacity:.4;border-radius:50%;animation:10s ease-in-out infinite float;position:absolute}.blob-1{background:#4f46e5;width:500px;height:500px;top:-100px;right:-100px}.blob-2{background:#db2777;width:600px;height:600px;animation-delay:-5s;bottom:-100px;left:-100px}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);text-align:center;border-radius:24px;width:100%;max-width:600px;padding:3rem;box-shadow:0 25px 50px -12px #00000080}h1{background:linear-gradient(90deg,#60a5fa,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:0;margin-bottom:1rem;font-size:2.5rem}p.subtitle{color:#94a3b8;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.5}.input-group{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.url-input{border:1px solid var(--glass-border);color:#fff;background:#0003;border-radius:12px;outline:none;width:100%;padding:1rem 1.5rem;font-size:1.1rem;transition:all .2s}.url-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f64d}.format-toggle{border:1px solid var(--glass-border);background:#0003;border-radius:12px;padding:.3rem;display:flex}.format-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.75rem;font-size:1rem;font-weight:600;transition:all .2s}.format-btn.active{background:var(--glass-highlight);color:#fff;box-shadow:0 4px 6px -1px #0000001a}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#4f46e5);border:none;border-radius:12px;width:100%;padding:1rem;font-size:1.1rem;font-weight:700;transition:transform .1s,box-shadow .2s;box-shadow:0 10px 15px -3px #3b82f666}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 20px -3px #3b82f680}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.ad-placeholder{background:var(--glass-bg);border:1px dashed var(--glass-border);color:#64748b;letter-spacing:1px;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:728px;height:90px;margin-top:3rem;font-size:.9rem;display:flex}.extension-upsell{color:#bfdbfe;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;margin-top:2rem;padding:1rem;font-size:.95rem}.extension-upsell a{color:#60a5fa;font-weight:700;text-decoration:none}.extension-upsell a:hover{text-decoration:underline}.error-message{color:#ef4444;margin-top:1rem}.spinner{vertical-align:middle;border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin-right:10px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}