:root{--bg:#0a1421;--bg2:#0d1a2a;--card:#132235;--card2:#17283d;--text:#f6f8fb;--muted:#9eabba;--line:#27394f;--warm:#ffb061;--pink:#dd77c7;--orange:#ff934f;--danger:#ef7676;--radius:14px;--shadow:0 18px 55px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 4%,rgba(78,111,151,.20),transparent 34%),linear-gradient(180deg,#091421 0%,#0d1a2a 52%,#091522 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,18,30,.72);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.header-inner{height:58px;max-width:1180px;margin:auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.03em}.brand b{color:var(--warm)}.brand-icon{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(145deg,#ffd8ae,#e9a76e);color:#142033;font-weight:900}.brand-icon.small{width:26px;height:26px;font-size:13px}.nav-links{display:flex;gap:30px;color:#d8dfe7;font-size:12px}.nav-links a:hover{color:white}.lang-pill{font-size:11px;border:1px solid var(--line);padding:8px 13px;border-radius:8px;background:#101d2d;color:#e9edf3}
.page-grid{width:min(1480px,100%);margin:auto;display:grid;grid-template-columns:160px minmax(0,900px) 160px;gap:38px;justify-content:center;padding:26px 22px 54px}.main-container{width:100%;min-width:0}.ad-rail{padding-top:2px}.ad-box{height:600px;border:1px dashed #38506b;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8191a3;position:sticky;top:84px;background:rgba(8,18,30,.18);text-align:center}.ad-box span{font-size:8px;letter-spacing:.16em}.ad-box strong{font-size:12px;margin-top:9px;color:#9ba8b7}.ad-box small{font-size:10px;margin-top:3px}
.hero{min-height:210px;text-align:center;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:12px 18px 18px}.hero h1{margin:0;font-size:clamp(45px,5.3vw,72px);line-height:.92;letter-spacing:-.055em;position:relative;z-index:2}.hero h1 span{display:block}.hero h1 em{display:block;font-style:normal;background:linear-gradient(90deg,#ffbd63 0%,#ff8e72 46%,#d875d4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:12px}.hero p{max-width:650px;margin:18px auto 7px;color:#c0c9d4;font-size:14px;line-height:1.55;position:relative;z-index:2}.hero-sites{display:flex;align-items:center;gap:9px;color:#d3d9e0;font-size:12px;position:relative;z-index:2}.hero-sites i{color:#66758a}.hero-orbit{position:absolute;border:1px solid rgba(255,167,91,.18);border-radius:50%;left:50%;transform:translateX(-50%);pointer-events:none}.orbit-a{width:680px;height:120px;top:91px}.orbit-b{width:820px;height:175px;top:66px;opacity:.55}.floating-badge{position:absolute;width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-weight:900;font-size:21px;box-shadow:0 12px 30px rgba(0,0,0,.35);z-index:3}.badge-youtube{left:55px;top:28px;background:linear-gradient(135deg,#ff4949,#dc1f2a);transform:rotate(-8deg)}.badge-instagram{right:68px;top:20px;background:linear-gradient(135deg,#ffd64d,#f3447d 48%,#813fd4);transform:rotate(10deg)}.badge-tiktok{left:21px;top:134px;background:#101822;color:#fff;box-shadow:0 0 0 1px #1e3045,0 12px 30px rgba(0,0,0,.35)}.badge-x{right:24px;top:135px;background:#0b1018;color:#fff;box-shadow:0 0 0 1px #26394e,0 12px 30px rgba(0,0,0,.35)}
.download-panel{margin-top:4px;border:1px solid #2b3c51;border-radius:12px;background:linear-gradient(180deg,rgba(28,44,64,.96),rgba(17,31,47,.96));box-shadow:var(--shadow);overflow:hidden}.panel-label{padding:18px 20px 7px;font-weight:700;font-size:12px}.url-row{margin:0 20px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;border:1px solid var(--warm);border-radius:10px;padding:5px;background:#122033}.link-icon{padding-left:7px;color:#dfe7ef}.url-row input{min-width:0;border:0;outline:0;background:transparent;color:white;padding:10px 4px;font-size:12px}.url-row input::placeholder{color:#8a98a8}.url-row button,.download-btn{border:0;border-radius:8px;background:linear-gradient(135deg,#ffc172,#ff9c56);color:#14191f;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s}.url-row button{height:40px;padding:0 20px}.url-row button:hover,.download-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}button:disabled{opacity:.65;cursor:wait}.panel-tip{padding:11px 20px 15px;color:#9ba9b8;font-size:10px}.platform-row{border-top:1px solid #2b3c51;padding:10px 15px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.platform-row>div{height:38px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:rgba(7,17,28,.26);color:#e4e8ed;font-size:11px}.platform-row b{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:10px}.platform-row .yt{background:#ef3434}.platform-row .tt{background:#121923}.platform-row .ig{background:linear-gradient(135deg,#ffd15a,#f1487b 55%,#7848cf)}.platform-row .xx{background:#0a1017;border:1px solid #314158}
.why-section{margin-top:27px}.why-section>h2{text-align:center;margin:0 0 13px;font-size:21px}.why-section>h2 span{color:var(--warm)}.benefit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.benefit-grid article{min-height:140px;border:1px solid #2a3c52;border-radius:10px;background:linear-gradient(180deg,#17283b,#132237);padding:13px 9px;text-align:center}.feature-icon{width:32px;height:32px;margin:0 auto 9px;border-radius:8px;background:#1d3249;display:grid;place-items:center;color:#ffb259;font-size:12px;font-weight:900}.benefit-grid strong{font-size:10px}.benefit-grid p{margin:6px 0 0;color:#9eabba;font-size:9px;line-height:1.5}.notice{margin-top:12px;border:1px solid rgba(255,176,97,.28);border-radius:10px;background:#132236;padding:11px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;font-size:9px;color:#aeb9c5}.notice>span{color:var(--warm);font-size:16px}.notice p{margin:0;line-height:1.45}.notice strong{color:#ffb76a}.notice a{color:#ffc176;white-space:nowrap}
.info-section{margin-top:52px}.section-heading span{font-size:8px;letter-spacing:.14em;color:var(--warm);font-weight:900}.section-heading h2{font-size:29px;margin:5px 0 16px;letter-spacing:-.035em}.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.steps-grid article,.faq-list details{border:1px solid #2a3b50;background:#122135;border-radius:10px}.steps-grid article{padding:16px}.steps-grid article>span{width:30px;height:30px;border-radius:8px;background:#1d3349;color:#ffc078;display:grid;place-items:center;font-weight:900;font-size:9px}.steps-grid h3{font-size:13px;margin:12px 0 5px}.steps-grid p,.faq-list p{margin:0;color:#9eabba;font-size:10px;line-height:1.6}.faq-list{display:grid;gap:8px}.faq-list details{padding:0 14px}.faq-list summary{cursor:pointer;padding:13px 0;font-size:11px;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--warm)}.faq-list details[open] summary:after{content:"−"}.faq-list p{padding-bottom:13px}
.card,.result-card{border:1px solid #2a3b50;background:linear-gradient(180deg,#16263a,#122135);border-radius:12px}.result-card{margin-top:16px;padding:18px;box-shadow:var(--shadow);scroll-margin-top:82px}.media-info{display:flex;gap:14px;margin-bottom:18px;align-items:center}.media-info img{width:140px;height:86px;border-radius:9px;object-fit:cover;background:#0c1724;border:1px solid #2b3c51}.details{min-width:0}.details h3{font-size:14px;margin:0 0 7px;overflow-wrap:anywhere}.details p{margin:3px 0;color:#98a7b6;font-size:10px}.result-card>h3{font-size:9px;color:#a7b3c0;letter-spacing:.1em;text-transform:uppercase}.category-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.tab-btn{flex:1 1 100px;border:1px solid transparent;border-radius:8px;background:#1b2d42;color:#aeb9c4;padding:9px;font-size:10px;font-weight:800}.tab-btn.active{background:#ffd5aa;color:#1b2026}.format-section.hidden{display:none}.format-section h4{font-size:12px;margin:0 0 9px}.format-list,.thumbnail-grid{display:flex;flex-direction:column;gap:7px}.format-item,.thumbnail-item,.mp3-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0b1622;border:1px solid #25364a;border-radius:8px;padding:10px 11px}.format-info{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.format-info strong{font-size:11px}.format-info span{background:#2a3746;color:#ffe0bd;padding:3px 5px;border-radius:5px;font-size:8px;font-weight:900}.format-info small{color:#8797a8;font-size:8px}.download-form{flex-shrink:0}.download-btn{font-size:9px;padding:7px 10px}.image-download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.image-download-card{background:#0b1622;border:1px solid #25364a;border-radius:9px;overflow:hidden}.image-download-card>img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#101c2b}.image-download-body{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px}.image-download-body strong{font-size:10px}.image-download-body p{margin:3px 0 0;color:#8999a9;font-size:8px}.thumbnail-item strong{font-size:11px}.thumb-meta{display:flex;flex-direction:column;gap:2px}.thumb-meta small{font-size:8px;color:#8797a8}.empty{padding:14px;border:1px dashed #2a3b50;border-radius:9px;text-align:center;color:#8797a8;font-size:10px}.alert.error{margin:11px 20px 0;padding:10px;border:1px solid rgba(239,118,118,.35);background:rgba(239,118,118,.08);color:#f0a5a5;border-radius:8px;font-size:10px}
.site-footer{border-top:1px solid #22364a;background:rgba(7,16,27,.62);margin-top:10px}.footer-inner{max-width:1180px;margin:auto;padding:28px 18px 32px;display:grid;grid-template-columns:1.4fr repeat(3,.8fr);gap:30px;color:#8f9eae;font-size:9px}.footer-inner>div:not(.footer-bottom){display:flex;flex-direction:column;gap:7px}.footer-inner strong{color:#e4e9ef;font-size:10px}.footer-inner p{margin:0;line-height:1.55}.footer-brand{max-width:245px}.footer-bottom{grid-column:1/-1;border-top:1px solid #1e3043;padding-top:14px;margin-top:4px;display:flex;justify-content:space-between}
.legal-page-shell{max-width:900px;margin:0 auto;padding:50px 18px 80px}.legal-page-card{border:1px solid #2a3b50;background:#122135;border-radius:12px;padding:30px}.legal-page-card h1{font-size:46px;letter-spacing:-.05em}.legal-page-card p,.legal-page-card li{color:#9eabba;font-size:11px;line-height:1.75}.legal-page-card a{color:#ffc176}
@media(max-width:1280px){.page-grid{grid-template-columns:minmax(0,900px);padding-left:18px;padding-right:18px}.ad-rail{display:none}}@media(max-width:900px){.nav-links{display:none}.lang-pill{display:none}.header-inner{padding:0 14px}.floating-badge,.hero-orbit{display:none}.hero{min-height:230px}.benefit-grid{grid-template-columns:repeat(3,1fr)}.footer-inner{grid-template-columns:1fr 1fr}.footer-bottom{grid-column:1/-1;flex-direction:column;gap:6px}}@media(max-width:620px){.page-grid{padding:15px 9px 40px}.hero h1{font-size:46px}.hero p{font-size:12px}.hero-sites{flex-wrap:wrap;justify-content:center}.url-row{grid-template-columns:auto 1fr}.url-row button{grid-column:1/-1;width:100%}.platform-row{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.notice{grid-template-columns:auto 1fr}.notice a{grid-column:2}.steps-grid{grid-template-columns:1fr}.media-info{align-items:flex-start}.media-info img{width:106px;height:68px}.image-download-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.footer-bottom{grid-column:1}.legal-page-card{padding:20px}}

/* Official platform artwork supplied by site owner */
.floating-badge.badge-instagram,.floating-badge.badge-tiktok{background:transparent;box-shadow:none;overflow:visible}.floating-badge img{width:100%;height:100%;object-fit:contain;display:block}.platform-logo{overflow:hidden;background:transparent!important}.platform-logo img{width:100%;height:100%;object-fit:contain;display:block}

/* 2026-08-27 logo + legal page consistency fix */
.floating-badge.badge-instagram,.floating-badge.badge-tiktok{width:64px;height:64px;border-radius:16px;overflow:visible}
.badge-instagram img{transform:scale(1.22)}
.badge-tiktok img{transform:scale(1.48)}
.platform-row b.platform-logo{width:26px;height:26px;overflow:visible}
.platform-row .ig img{transform:scale(1.12)}
.platform-row .tt img{transform:scale(1.28)}
.legal-page-shell{min-height:calc(100vh - 58px);max-width:900px;margin:0 auto;padding:44px 18px 72px}
.back-home{display:inline-flex;margin:0 0 12px;color:#dce5ee;font-size:12px}.back-home:hover{color:#ffc176}
.legal-page-card{border:1px solid #2a3b50;background:linear-gradient(180deg,#132338,#102035);border-radius:12px;padding:32px;box-shadow:0 22px 60px rgba(0,0,0,.22)}
.legal-page-card .section-kicker{display:block;color:#ffad62;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:18px}
.legal-page-card h1{margin:0 0 24px;font-size:clamp(34px,4.5vw,48px);line-height:1.1;letter-spacing:-.045em;color:#f4f7fb}
.legal-page-card h2{margin:26px 0 8px;font-size:19px;color:#f3f6fa}
.legal-page-card p,.legal-page-card li{color:#aebac8;font-size:12px;line-height:1.75}
.legal-page-card ul{padding-left:22px}.legal-page-card a{color:#ffc176}.legal-meta{font-size:11px;color:#d7e0e9;margin:-10px 0 12px}.notice-box{border:1px solid #31465e;background:#0e1b2c;border-radius:9px;padding:13px 14px;margin:14px 0;color:#dce5ee;font-size:12px}
.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.legal-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:8px;background:linear-gradient(135deg,#ffc172,#ff9c56);color:#14191f!important;font-weight:850;font-size:12px}.legal-action.secondary{background:#182a40;color:#e7edf4!important;border:1px solid #344a63}
@media(max-width:620px){.floating-badge.badge-instagram,.floating-badge.badge-tiktok{display:none}.legal-page-shell{padding:28px 10px 52px}.legal-page-card{padding:20px}.legal-page-card h1{font-size:34px}}