:root{--bg:#0f1115;--panel:#181a20;--soft:#2f3542;--text:#f5f5f5;--muted:#a1a1aa;--accent:#ff0033;--line:#2a2e36;--success:#22c55e;--input:#101217;--panel-deep:#13151a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#320612 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1100px)/2));position:sticky;top:0;background:#0f1115e8;backdrop-filter:blur(16px);z-index:5}header strong{font-size:20px}header span{display:block;color:var(--muted);font-size:12px;margin-top:3px}main{max-width:1100px;margin:auto;padding:65px 24px 100px}.hero{max-width:760px;margin-bottom:35px}.eyebrow{letter-spacing:.16em;font-size:11px;color:var(--accent);font-weight:800}.hero h1{font-size:clamp(46px,7vw,82px);line-height:.96;margin:14px 0 24px;letter-spacing:-.055em}.hero>p:last-child{font-size:18px;color:var(--muted);max-width:680px;line-height:1.6}.panel{background:linear-gradient(145deg,var(--panel),var(--panel-deep));border:1px solid var(--line);border-radius:22px;padding:28px;margin-top:22px;box-shadow:0 20px 60px #0005}.grid{display:grid;gap:18px}.two{grid-template-columns:1fr 1fr}.duration{grid-template-columns:1fr 1fr;margin-top:18px;max-width:520px}label{font-size:14px;font-weight:700}small{color:var(--muted);font-weight:400;margin-left:6px}textarea,input,select{width:100%;margin-top:9px;background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:13px;font:inherit;outline:none}textarea{min-height:125px;resize:vertical}textarea:focus,input:focus,select:focus{border-color:var(--accent)}.checks{display:flex;flex-wrap:wrap;gap:12px 22px;margin:23px 0}.checks label{font-weight:500;color:#d4d4db}.checks input{width:auto;margin:0 7px 0 0;accent-color:var(--accent)}button{border:0;cursor:pointer;font-weight:800}.primary{padding:14px 21px;border-radius:12px;background:var(--accent);color:white;font-size:15px}.primary:disabled{opacity:.5;cursor:wait}.ghost{padding:9px 12px;border-radius:9px;background:var(--soft);color:white}.message{color:var(--muted);min-height:20px}.hidden{display:none}.resultHead{display:flex;justify-content:space-between;align-items:end}.resultHead h2{margin:5px 0}.resultHead strong{font-size:20px}.video{display:grid;grid-template-columns:32px 120px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.video img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:9px}.video h3{font-size:14px;margin:0 0 6px}.video p{color:var(--muted);font-size:12px;margin:0}.video.required h3:after{content:'Required';margin-left:8px;background:#4a1020;color:#ff91a7;border-radius:20px;padding:3px 7px;font-size:9px}.savebox{display:grid;grid-template-columns:1fr 150px auto;gap:12px;margin-top:25px}.savebox input,.savebox select{margin:0}.connected{font-size:13px;color:var(--success)}.login{color:white;text-decoration:none;background:var(--accent);padding:10px 14px;border-radius:10px;font-weight:800;font-size:13px}@media(max-width:700px){.two,.duration,.savebox{grid-template-columns:1fr}.hero h1{font-size:48px}.panel{padding:19px}.video{grid-template-columns:25px 82px 1fr}.video img{width:82px}.video button{grid-column:3}.resultHead{align-items:start;gap:10px}}
.not-configured{display:inline-block;padding:10px 14px;border:1px solid var(--accent);border-radius:10px;color:#ff6b88;font-size:14px}.open-playlist{display:inline-block;margin-top:12px;color:#ff5c7a;font-weight:800;text-decoration:none}.open-playlist:hover{text-decoration:underline}button:disabled{opacity:.55;cursor:not-allowed}.savebox .primary{min-width:260px}

.filters { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 18px; }
.filters select { width: 100%; margin-top: 8px; }
@media (max-width: 760px) { .filters { grid-template-columns: 1fr; } }

.orderbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0 8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-deep)}.orderbar label{min-width:210px}.orderbar select{margin-top:6px}.orderbar span{color:var(--muted);font-size:12px;margin-bottom:10px}.orderbar .ghost{margin-bottom:1px}@media(max-width:700px){.orderbar{align-items:stretch}.orderbar label{width:100%}.orderbar .ghost{width:100%}}

/* Google account dropdown */
#account{position:relative;display:flex;justify-content:flex-end}.account-menu-wrap{position:relative}.account-button{display:flex;align-items:center;gap:9px;max-width:290px;padding:7px 10px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--text);font:inherit;font-size:13px;font-weight:800;transition:background .18s,border-color .18s}.account-button:hover,.account-button[aria-expanded="true"]{background:var(--panel);border-color:var(--line)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #22c55e18;flex:0 0 auto}.account-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--soft);flex:0 0 auto}.account-avatar-fallback{display:grid;place-items:center;color:white;font-size:13px}.account-button-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chevron{font-size:12px;color:var(--muted);transition:transform .18s}.account-button[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}.account-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:275px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px #000b;z-index:20}.account-summary{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;padding:8px}.account-summary .account-avatar{width:38px;height:38px}.account-summary strong,.account-summary span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-summary strong{font-size:14px}.account-summary span{margin-top:4px;color:var(--muted);font-size:11px}.account-divider{height:1px;background:var(--line);margin:8px 2px}.account-item{width:100%;display:flex;align-items:center;gap:11px;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:#ededf2;text-decoration:none;font:inherit;font-size:13px;font-weight:650;text-align:left;cursor:pointer}.account-item:hover{background:var(--soft)}.account-item span{width:20px;text-align:center}.account-logout{color:#ff8b9d}.account-item:disabled{opacity:.55;cursor:wait}@media(max-width:700px){header{padding:0 16px}.account-button-name{max-width:115px}.account-dropdown{position:fixed;right:14px;top:70px;width:min(285px,calc(100vw - 28px))}header>div:first-child span{display:none}}

/* Theme support */
:root[data-theme="light"]{--bg:#f5f5f7;--panel:#ffffff;--soft:#ececf1;--text:#17171b;--muted:#696973;--line:#dcdce3}html[data-theme="light"] body{background:radial-gradient(circle at 80% 0,#ffe1e6 0,transparent 31%),var(--bg)}html[data-theme="light"] header{background:#f5f5f7e8}html[data-theme="light"] .panel{background:linear-gradient(145deg,#fff,#f8f8fa);box-shadow:0 20px 60px #28283a12}html[data-theme="light"] textarea,html[data-theme="light"] input,html[data-theme="light"] select{background:#fff;color:var(--text)}html[data-theme="light"] .orderbar{background:#f7f7f9}html[data-theme="light"] .account-button:hover,html[data-theme="light"] .account-button[aria-expanded="true"]{background:#fff}html[data-theme="light"] .account-dropdown{background:#fff;box-shadow:0 24px 70px #2223}html[data-theme="light"] .account-item{color:#27272d}html[data-theme="light"] .account-item:hover{background:#f0f0f4}html[data-theme="light"] .ghost{color:var(--text)}

/* Settings */
body.modal-open{overflow:hidden}.settings-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:#050507b8;backdrop-filter:blur(8px)}.settings-overlay.hidden{display:none}.settings-modal{width:min(760px,100%);max-height:calc(100vh - 44px);overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 35px 100px #0009;padding:26px}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px}.settings-header h2{font-size:30px;margin:5px 0 0}.settings-header .eyebrow{margin:0}.settings-close{width:38px;height:38px;border-radius:11px;background:var(--soft);color:var(--text);font-size:25px;line-height:1}.settings-section{padding:22px 0;border-top:1px solid var(--line)}.settings-section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:17px}.settings-section-title>span{font-size:21px}.settings-section-title h3{margin:0 0 4px;font-size:17px}.settings-section-title p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-grid select{margin-top:7px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.segmented label{position:relative}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--muted);cursor:pointer;transition:.18s}.segmented input:checked+span{border-color:var(--accent);background:#ff003312;color:var(--text);box-shadow:0 0 0 1px var(--accent)}.settings-note{margin:4px 0 0;color:var(--muted);font-size:12px;text-align:center}.settings-toast{position:fixed;left:50%;bottom:26px;z-index:120;transform:translateX(-50%);padding:11px 16px;border-radius:999px;background:var(--text);color:var(--bg);font-size:13px;font-weight:800;box-shadow:0 12px 35px #0005}.settings-toast.hidden{display:none}@media(max-width:650px){.settings-modal{padding:20px}.settings-grid,.segmented{grid-template-columns:1fr}.settings-overlay{padding:12px}.settings-modal{max-height:calc(100vh - 24px)}}


/* Footer and legal links */
.site-footer{border-top:1px solid var(--line);background:var(--panel-deep);padding:34px 24px}.footer-inner{max-width:1100px;margin:auto}.footer-inner>div{display:flex;align-items:baseline;gap:10px}.footer-inner>div span{color:var(--muted);font-size:12px}.footer-inner nav{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0}.footer-inner a{color:var(--text);text-decoration:none}.footer-inner a:hover{color:var(--accent)}.footer-inner p{max-width:900px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.settings-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.settings-links a{display:flex;justify-content:space-between;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);text-decoration:none;font-size:13px}.settings-links a:hover{border-color:var(--accent)}@media(max-width:650px){.settings-links{grid-template-columns:1fr}.footer-inner>div{display:block}.footer-inner>div span{display:block;margin-top:4px}}

/* Standalone legal pages */
.legal-shell{min-height:100vh}.legal-header{position:static}.legal-main{max-width:900px;padding-top:48px}.legal-back{display:inline-flex;align-items:center;gap:7px;color:var(--muted);text-decoration:none;font-size:13px;margin-bottom:24px}.legal-back:hover{color:var(--text)}.legal-card{background:linear-gradient(145deg,var(--panel),var(--panel-deep));border:1px solid var(--line);border-radius:22px;padding:clamp(24px,5vw,48px);box-shadow:0 20px 60px #0005}.legal-card h1{font-size:clamp(38px,6vw,62px);letter-spacing:-.045em;margin:8px 0 10px}.legal-updated{color:var(--muted);font-size:12px;margin-bottom:34px}.legal-card h2{font-size:21px;margin:32px 0 10px}.legal-card h3{font-size:16px;margin:22px 0 8px}.legal-card p,.legal-card li{color:#d4d4db;line-height:1.75;font-size:14px}.legal-card ul,.legal-card ol{padding-left:22px}.legal-card a{color:#ff6b88}.legal-callout{padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;background:var(--bg);margin:20px 0}.legal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.danger-button{padding:13px 18px;border-radius:12px;background:var(--accent);color:white}.secondary-link{display:inline-flex;align-items:center;padding:13px 18px;border-radius:12px;background:var(--soft);color:var(--text)!important;text-decoration:none}.legal-status{min-height:22px;color:var(--muted);margin-top:13px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.contact-tile{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.contact-tile strong,.contact-tile span{display:block}.contact-tile span{color:var(--muted);font-size:12px;margin-bottom:7px}@media(max-width:650px){.contact-grid{grid-template-columns:1fr}.legal-card{border-radius:16px}.legal-main{padding:28px 14px 70px}}
html[data-theme="light"] .legal-card{background:linear-gradient(145deg,#fff,#f8f8fa)}html[data-theme="light"] .legal-card p,html[data-theme="light"] .legal-card li{color:#3f3f47}

/* Credits and Stripe Test Mode */
.header-credit-pill{display:inline-flex!important;align-items:center;padding:5px 8px;border:1px solid #ff003355;border-radius:999px;background:#ff003312;color:#ff8aa1!important;font-size:10px!important;white-space:nowrap}.credit-summary{display:flex;align-items:center;justify-content:space-between;padding:8px 9px}.credit-summary span{color:var(--muted);font-size:12px}.credit-summary strong{font-size:20px}.buy-credit-button{display:block;margin:3px 7px 8px;padding:10px;border-radius:10px;background:var(--accent);color:#fff;text-align:center;text-decoration:none;font-size:13px;font-weight:800}.credit-note{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.payment-main{max-width:820px}.payment-card>p{max-width:650px}.balance-card{display:flex;justify-content:space-between;align-items:center;margin:26px 0 14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.balance-card span{color:var(--muted)}.balance-card strong{font-size:24px}.price-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid var(--accent);border-radius:17px;background:#ff00330b}.price-card span,.price-card strong,.price-card small{display:block}.price-card span{font-weight:800}.price-card strong{font-size:34px;margin:6px 0}.price-card small{margin:0;color:var(--muted)}.payment-status{min-height:24px;color:var(--muted);font-weight:700}.legal-callout code{font-weight:800;color:var(--text)}@media(max-width:700px){.header-credit-pill{display:none!important}.price-card{align-items:stretch;flex-direction:column}.price-card .primary{width:100%}}


/* Credit packages and transaction history */
.credit-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 10px}.credit-pack-card{position:relative;display:flex;flex-direction:column;min-height:280px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--bg);text-align:center}.credit-pack-card h2{margin:16px 0 4px;font-size:26px}.pack-kicker{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.pack-price{display:block;margin:8px 0 4px;font-size:38px;letter-spacing:-.04em}.credit-pack-card small{display:block;min-height:38px;color:var(--muted);font-size:12px;line-height:1.5}.credit-pack-card .pack-buy{width:100%;margin-top:auto}.popular-pack{border-color:#ff003377}.best-pack{border-color:var(--accent);background:linear-gradient(160deg,#ff003316,var(--bg) 56%);box-shadow:0 20px 55px #ff003318}.pack-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:6px 11px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.credit-history-section{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}.history-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.history-heading .eyebrow{margin:0 0 5px}.history-heading h2{margin:0}.history-heading>strong{color:var(--muted);font-size:13px}.credit-history-list{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.credit-history-row{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;padding:14px 16px;border-top:1px solid var(--line)}.credit-history-row:first-child{border-top:0}.history-change{display:grid;place-items:center;width:42px;height:34px;border-radius:9px;font-size:13px;font-weight:900}.history-change.positive{background:#22c55e18;color:#5ee58a}.history-change.negative{background:#ff003318;color:#ff7d95}.credit-history-row strong,.credit-history-row small{display:block}.credit-history-row strong{font-size:13px;text-transform:capitalize}.credit-history-row small{margin-top:4px;color:var(--muted);font-size:11px}.history-empty{padding:18px;margin:0;color:var(--muted);text-align:center;font-size:13px}@media(max-width:760px){.credit-pack-grid{grid-template-columns:1fr}.credit-pack-card{min-height:230px}.history-heading{align-items:flex-start;flex-direction:column;gap:8px}}