.page-header{background:var(--header-grad);color:#fff;padding:3rem 0 4.5rem;position:relative;overflow:hidden}.page-header:after{content:"";position:absolute;top:-40%;right:-10%;width:480px;height:480px;background:radial-gradient(circle,#00c2a859,#00c2a800 70%);pointer-events:none}.page-header h1{font-size:2rem;font-weight:800;letter-spacing:-.6px;position:relative}.page-header .lead{color:#ffffffb8;font-size:1rem;position:relative}.search-card{margin-top:-2.5rem;border-radius:18px;border:none;background:var(--surface-card);box-shadow:0 12px 40px #4c3fd629}.url-input-group .form-control{border-right:none;font-size:.95rem;padding:.65rem .9rem;border-color:var(--border)}.url-input-group .form-control:focus{box-shadow:0 0 0 3px #6d5efc26;border-color:var(--brand)}.url-input-group .input-group-text{background:var(--surface-card);border-left:none;border-color:var(--border);padding-left:0;padding-right:.5rem;color:var(--muted)}.btn-brand{background:var(--brand-grad);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.9rem;padding:.55rem 1.4rem;transition:filter .15s,transform .05s,box-shadow .15s;white-space:nowrap;box-shadow:0 4px 14px #6d5efc4d}.btn-brand:hover:not(:disabled){color:#fff;filter:brightness(1.06);box-shadow:0 6px 18px #6d5efc61}.btn-brand:active:not(:disabled){transform:translateY(1px)}.btn-brand:disabled{opacity:.6;color:#fff}.result-card{border-radius:16px;border:1px solid var(--border);background:var(--surface-card);overflow:hidden}.video-player-wrap{background:#0d0b1a;position:relative;line-height:0}.video-player-wrap video{width:100%;max-height:460px;display:block}.video-meta{font-size:.82rem;color:var(--muted)}.badge-video{background:var(--brand)}.badge-gif{background:var(--brand-2)}.empty-state{color:#c4bce6}.empty-state i{font-size:4rem}.empty-state p{color:var(--muted);font-size:.95rem}.section-label{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.toast-stack{position:fixed;bottom:1.25rem;right:1.25rem;z-index:1200;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.app-toast{display:flex;align-items:center;gap:.6rem;background:#1f1b33;color:#fff;border-radius:12px;padding:.7rem 1rem;font-size:.875rem;font-weight:500;box-shadow:0 8px 24px #1f1b3359;pointer-events:auto;animation:slideUp .2s ease;max-width:340px}.app-toast.toast-success i{color:var(--brand-2)}.app-toast.toast-info i{color:#b9b2ff}.app-toast.toast-warning i{color:#ffc24b}.app-toast.toast-error i{color:#ff5c7c}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.video-divider{border-color:var(--border)}.ad-slot{display:block;margin:0 auto 1.5rem;max-width:728px;text-align:center}#ad-banner{display:block;overflow:hidden}.ad-label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#b0a9cf;margin-bottom:.25rem}.info-section{margin-top:1rem;padding-top:2rem;border-top:1px solid var(--border);color:var(--ink)}.info-section h2{font-size:1.15rem;font-weight:800;letter-spacing:-.3px;margin:1.75rem 0 .75rem}.info-section h2:first-child{margin-top:0}.info-section h3{font-size:.98rem;font-weight:700;margin:1.1rem 0 .35rem}.info-section p{font-size:.92rem;color:var(--ink-soft);margin-bottom:.75rem}.info-section code{background:var(--code-bg);color:var(--brand-hover);padding:.05rem .35rem;border-radius:5px;font-size:.82rem}.info-steps,.info-features{padding-left:1.1rem}.info-steps li,.info-features li{font-size:.92rem;color:var(--ink-soft);margin-bottom:.55rem}.info-features{list-style:none;padding-left:0}.info-features i{color:var(--brand)}.info-faq h3{color:var(--ink)}.cookie-notice{position:fixed;bottom:.75rem;left:.75rem;z-index:1100;max-width:340px;display:flex;align-items:center;gap:.6rem;background:#17142af2;color:#e9e7f5;border-radius:12px;padding:.55rem .7rem;font-size:.75rem;line-height:1.35;box-shadow:0 8px 24px #17142a52}.cookie-notice a{color:#b9b2ff;text-decoration:none}.cookie-notice a:hover{text-decoration:underline}.cookie-notice .btn-cookie{flex-shrink:0;background:#fff;color:var(--ink);border:none;border-radius:9999px;font-weight:700;font-size:.72rem;padding:.28rem .7rem;line-height:1}@media(max-width:576px){.page-header{padding:2rem 0 3.5rem}.page-header h1{font-size:1.5rem}.search-card{margin-top:-2rem}.btn-brand{padding:.55rem 1rem}.cookie-notice{left:.5rem;right:.5rem;bottom:.5rem;max-width:none;font-size:.72rem;padding:.5rem .6rem}}