:root{--background:#fff;--surface:#f4f4f5;--border:#e4e4e7;--foreground:#18181b;--muted:#71717a;--accent:#dc2626;--accent-hover:#b91c1c;--accent-foreground:#fff}@media (prefers-color-scheme:dark){:root{--background:#0c0c0e;--surface:#18181b;--border:#27272a;--foreground:#f4f4f5;--muted:#a1a1aa;--accent:#ef4444;--accent-hover:#dc2626;--accent-foreground:#fff}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.container{flex-direction:column;align-items:stretch;max-width:560px;margin:0 auto;padding:48px 20px 64px;display:flex}h1{text-align:center;font-size:1.75rem;font-weight:700}.tagline{color:var(--muted);text-align:center;margin-top:4px;margin-bottom:28px}.url-form{gap:8px;display:flex}.url-form input{min-width:0;color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:10px;outline:none;flex:1;padding:12px 14px;font-size:1rem}.url-form input:focus{border-color:var(--accent)}.url-form button{color:var(--accent-foreground);background:var(--accent);cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-size:1rem;font-weight:600}.url-form button:hover:not(:disabled){background:var(--accent-hover)}.url-form button:disabled{opacity:.5;cursor:default}.error{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-radius:10px;margin-top:16px;padding:12px 14px;font-size:.95rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;margin-top:24px;display:flex;overflow:hidden}.poster{object-fit:contain;background:#000;width:100%;max-height:400px;display:block}.meta{padding:16px 18px 0}.meta h2{overflow-wrap:anywhere;font-size:1.1rem;font-weight:600}.meta p{color:var(--muted);margin-top:2px;font-size:.9rem}.actions{gap:10px;padding:16px 18px 0;display:flex}.download{text-align:center;border-radius:10px;flex:1;padding:13px 0;font-size:1rem;font-weight:600;text-decoration:none}.download.hd{background:var(--accent);color:var(--accent-foreground)}.download.hd:hover{background:var(--accent-hover)}.download.sd{color:var(--foreground);border:1px solid var(--border);background:0 0}.download.sd:hover{border-color:var(--muted)}.hint{color:var(--muted);text-align:center;padding:10px 18px 0;font-size:.8rem}.reset{color:var(--muted);cursor:pointer;background:0 0;border:none;margin:12px 18px 18px;padding:10px 0;font-size:.9rem;text-decoration:underline}.reset:hover{color:var(--foreground)}.content{flex-direction:column;gap:40px;margin-top:56px;display:flex}.content h2{margin-bottom:14px;font-size:1.3rem;font-weight:700}.steps{flex-direction:column;gap:12px;padding-left:22px;display:flex}.steps li::marker{color:var(--accent);font-weight:700}.features{flex-direction:column;gap:8px;padding-left:22px;display:flex}.features li::marker{color:var(--accent)}.faq+.faq{margin-top:20px}.faq h3{margin-bottom:4px;font-size:1rem;font-weight:600}.faq p{color:var(--muted);font-size:.95rem}.content footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding-top:20px;font-size:.85rem}