/* ── Toggle bahasa (ID | EN) ── */
.lang-toggle{display:inline-flex;align-items:center;height:36px;padding:3px;border-radius:12px;background:var(--bg2);border:1px solid var(--border);cursor:pointer;font-family:var(--font);gap:2px}
.lang-toggle span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 6px;border-radius:9px;font-size:.72rem;font-weight:800;letter-spacing:.04em;color:var(--ink3);transition:.18s ease}
.lang-toggle span.on{background:var(--card);color:var(--blue);box-shadow:var(--shadow)}
.lang-toggle:hover span:not(.on){color:var(--ink2)}
.lang-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* ── Catatan di bawah input: label Shorts/Reels/Story & link duplikat ── */
.url-notes{display:flex;flex-direction:column;gap:8px;margin-top:0}
.url-notes:not(:empty){margin-top:12px}
.note{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;font-size:.82rem;line-height:1.45;font-weight:600;animation:rise .22s ease both}
.note .platform-logo{width:22px;height:22px;flex:none}
.note-kind{background:var(--blue-s);color:var(--blue);border:1px solid var(--blue-b)}
.note-dup{background:var(--amber-s);color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 30%,transparent)}
.note-dup svg{width:18px;height:18px;flex:none}
.note-dup b{font-weight:800}
.pill-kind{background:var(--blue);color:#fff;border-color:var(--blue)}

/* ── Dialog konfirmasi ── */
.modal-root[hidden]{display:none}
.modal-root{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.modal-backdrop{position:absolute;inset:0;background:rgba(8,10,20,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.modal{position:relative;width:100%;max-width:400px;background:var(--card);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:22px;animation:rise .22s ease both}
.modal h3{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}
.modal p{font-size:.9rem;line-height:1.55;color:var(--ink2);margin:0 0 18px}
.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.modal-actions .btn{flex:1 1 120px;justify-content:center}
html.modal-open{overflow:hidden}

/* ── Legal ── */
.legal-consent{margin:14px auto 0;max-width:460px;text-align:center;font-size:.74rem;line-height:1.55;color:var(--ink3)}
.legal-consent a,.foot-legal a{color:var(--ink2);text-decoration:underline;text-underline-offset:2px}
.legal-consent a:hover,.foot-legal a:hover{color:var(--blue)}
.foot-legal{flex-wrap:wrap;gap:6px 16px;font-size:.75rem}
.foot-legal a{font-weight:500}

.legal-page .legal-card{padding:28px;margin-top:8px}
.legal-page h1{font-size:1.65rem;font-weight:800;letter-spacing:-.04em;margin:0 0 6px}
.legal-page .legal-updated{font-size:.78rem;color:var(--ink3);margin:0 0 20px}
.legal-page h2{font-size:1.02rem;font-weight:800;letter-spacing:-.02em;margin:26px 0 8px}
.legal-page p,.legal-page li{font-size:.9rem;line-height:1.7;color:var(--ink2)}
.legal-page p{margin:0 0 10px}
.legal-page ul{margin:0 0 10px;padding-left:20px}
.legal-page li{margin-bottom:4px}
.legal-page a{color:var(--blue)}
.legal-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.legal-tabs a{padding:8px 14px;border-radius:99px;border:1px solid var(--border);background:var(--card);color:var(--ink2);font-size:.8rem;font-weight:700;text-decoration:none}
.legal-tabs a.on{background:var(--blue-s);border-color:var(--blue-b);color:var(--blue)}
.legal-note{padding:12px 14px;border-radius:12px;background:var(--amber-s);border:1px solid color-mix(in srgb,var(--amber) 30%,transparent);color:var(--ink2);font-size:.84rem;line-height:1.6;margin:0 0 18px}
html[lang="en"] .l-id{display:none}
html:not([lang="en"]) .l-en{display:none}
@media(max-width:520px){.legal-page .legal-card{padding:20px 18px}.legal-page h1{font-size:1.4rem}}