/*
====================================================
Project Name	: © QR Studio - Abed
Version		: UNPKG 1.9.2 https://app.unpkg.com/qr-code-styling@1.9.2/files/lib
Developed	: 19 August 2026
Developer	: Abednego Dinarim Siregar / Microsoft 365 Copilot with GPT 5.6 Deep Think.
Lisensi		: You may not copy, steal, modify, reverse engineer, redistribute, sell, or use any part of the application, code, design, brand, or included materials without the owner’s written permission, except where expressly permitted by applicable law.
====================================================
*/
/* PARTICLE CSSPR START: styles for privacy */
:root { --bg:#f6f8fb; --bg-soft:#fff; --card:rgba(255,255,255,.86); --text:#121826; --muted:#637083; --line:rgba(18,24,38,.1); --primary:#2663ff; --primary-2:#7c3aed; --shadow:0 24px 70px rgba(15,23,42,.12); --radius:26px; }
    [data-theme="dark"] { --bg:#080b12; --bg-soft:#0e1422; --card:rgba(17,24,39,.82); --text:#eef2ff; --muted:#9aa7bc; --line:rgba(238,242,255,.12); --primary:#77a4ff; --primary-2:#c084fc; --shadow:0 24px 70px rgba(0,0,0,.38); }
    * { box-sizing:border-box; } body { margin:0; min-height:100vh; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--text); background:radial-gradient(circle at top left,rgba(38,99,255,.20),transparent 32rem),radial-gradient(circle at top right,rgba(124,58,237,.18),transparent 30rem),linear-gradient(135deg,var(--bg),var(--bg-soft)); }
    .shell { width:min(900px,calc(100% - 32px)); margin:0 auto; padding:28px 0 42px; } .topbar,.policy,.footer { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); backdrop-filter:blur(22px); } .topbar { position:sticky; top:12px; z-index:45; padding:16px 18px; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:24px; } .brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:-.03em; } .logo { width:44px; height:44px; border-radius:16px; display:grid; place-items:center; color:white; background:linear-gradient(135deg,var(--primary),var(--primary-2)); } .logo svg { width:27px; height:27px; } .actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; } button,select { font:inherit; } button,.select { border:1px solid var(--line); border-radius:999px; padding:10px 14px; background:var(--card); color:var(--text); font-weight:800; cursor:pointer; } select { border:0; color:var(--text); background:transparent; outline:0; font-weight:800; } .policy { padding:clamp(24px,5vw,44px); } h1 { font-size:clamp(2rem,5vw,3.8rem); line-height:1; letter-spacing:-.06em; margin:0 0 14px; } h2 { margin-top:28px; } p,li { color:var(--muted); line-height:1.75; } a { color:var(--primary); font-weight:800; text-decoration:none; } a:hover { text-decoration:underline; } .footer { margin-top:24px; padding:18px 22px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; color:var(--muted); }

    /* Modern, theme-aware custom dropdowns */
    .custom-select { position: relative; width: 100%; }
    .custom-select-native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; overflow: hidden !important; }
    .custom-select-trigger {
      width: 100%; min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px;
      padding: 12px 14px; color: var(--text); text-align: left; font-weight: 750;
      background: color-mix(in srgb, var(--card-strong) 92%, transparent);
      border: 1px solid var(--line); border-radius: 16px; outline: none;
      box-shadow: 0 6px 18px rgba(15,23,42,.05); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }
    .custom-select-trigger:hover { border-color: color-mix(in srgb, var(--primary) 45%, var(--line)); }
    .custom-select-trigger:focus, .custom-select.open .custom-select-trigger { border-color: var(--primary); box-shadow: var(--focus); }
    .custom-select-arrow { width: 9px; height: 9px; flex: 0 0 auto; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .18s ease; opacity: .8; }
    .custom-select.open .custom-select-arrow { transform: rotate(225deg) translate(-2px,-2px); }
    .custom-select-menu {
      position: absolute; z-index: 90; left: 0; right: 0; top: calc(100% + 8px); display: none; max-height: 260px; overflow: auto;
      padding: 7px; border: 1px solid var(--line); border-radius: 16px;
      color: var(--text); background: var(--card-strong); box-shadow: var(--shadow); backdrop-filter: blur(20px);
    }
    .custom-select.open .custom-select-menu { display: grid; gap: 4px; animation: dropdownIn .16s ease both; }
    .custom-select-option { width: 100%; padding: 11px 12px; border-radius: 11px; color: var(--text); background: transparent; text-align: left; font-weight: 680; transition: background .15s ease, color .15s ease; }
    .custom-select-option:hover, .custom-select-option:focus { color: var(--text); background: color-mix(in srgb, var(--primary) 13%, transparent); outline: none; }
    .custom-select-option[aria-selected="true"] { color: white; background: linear-gradient(135deg, var(--primary), var(--primary-2)); }
    .lang-select .custom-select { min-width: 112px; }
    .lang-select .custom-select-trigger { min-height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
    .lang-select .custom-select-trigger:focus { box-shadow: none; }
    .lang-select .custom-select-menu { min-width: 170px; left: auto; }
    @keyframes dropdownIn { from { opacity: 0; transform: translateY(-5px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
    @media (prefers-reduced-motion: reduce) { .custom-select-menu { animation: none !important; } }

  
/* Ensure privacy-page top bar remains sticky */
.topbar{position:sticky!important;top:10px!important;z-index:100!important;align-self:flex-start}

/* iOS-inspired liquid glass controls */
:root{--card-strong:rgba(255,255,255,.96);--focus:0 0 0 4px rgba(38,99,255,.18)}[data-theme="dark"]{--card-strong:rgba(15,22,37,.96);--focus:0 0 0 4px rgba(119,164,255,.2)}
.topbar,.policy,.footer{position:relative;isolation:isolate;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 84%,rgba(255,255,255,.22)),color-mix(in srgb,var(--card) 66%,transparent));border-color:color-mix(in srgb,var(--line) 70%,rgba(255,255,255,.34));-webkit-backdrop-filter:blur(30px) saturate(165%);backdrop-filter:blur(30px) saturate(165%);box-shadow:0 22px 55px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.52),inset 0 -1px 0 rgba(255,255,255,.08)}
.topbar{overflow:visible!important;z-index:100}.topbar::before,.policy::before,.footer::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.34),rgba(255,255,255,.05) 34%,transparent 58%,rgba(124,58,237,.09));opacity:.65}.topbar::after{content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(112deg,transparent 0%,transparent 34%,rgba(255,255,255,.32) 47%,transparent 60%,transparent 100%);background-size:240% 100%;animation:policySheen 9s ease-in-out infinite;clip-path:inset(0 round var(--radius))}
#themeToggle,.custom-select-trigger,.ios-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--line) 72%,rgba(255,255,255,.28));border-radius:999px;color:var(--text);background:linear-gradient(145deg,color-mix(in srgb,var(--bg-soft) 78%,rgba(255,255,255,.20)),color-mix(in srgb,var(--bg-soft) 62%,transparent));-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 8px 22px rgba(15,23,42,.10);font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ios-button:hover,#themeToggle:hover,.custom-select-trigger:hover{transform:translateY(-1px) scale(1.012);text-decoration:none;border-color:color-mix(in srgb,var(--primary) 42%,var(--line));box-shadow:inset 0 1px 0 rgba(255,255,255,.46),0 12px 28px rgba(38,99,255,.14)}.page-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.actions,.lang-select,.custom-select{position:relative;z-index:120}.custom-select.open{z-index:150}.custom-select-menu{z-index:160!important}
@keyframes policySheen{0%,72%,100%{background-position:130% 0;opacity:0}80%{opacity:.5}94%{background-position:-130% 0;opacity:0}}@media(prefers-reduced-motion:reduce){.topbar::after{animation:none}}

/* Compact responsive header and bottom navigation */
.footer-links{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap}.footer-links a{font-size:.86rem}
@media(max-width:640px){
  .shell{width:min(100% - 20px,900px);padding-top:12px}.topbar{top:8px;padding:8px 10px;gap:8px;flex-wrap:nowrap;border-radius:18px}
  .brand{gap:8px;font-size:.94rem;white-space:nowrap}.logo{width:38px;height:38px;border-radius:13px}.logo svg{width:23px;height:23px}
  .actions{gap:7px;flex-wrap:nowrap}.lang-select .custom-select{min-width:auto}
  #themeToggle,.lang-select .custom-select-trigger{min-width:38px;min-height:38px;padding:7px 9px}
  #themeText{display:none}.lang-select .custom-select-value{font-size:0}.lang-select .custom-select-value::before{content:attr(data-flag);font-size:1rem;margin-right:6px}.lang-select .custom-select-value::after{content:attr(data-code);font-size:.78rem;letter-spacing:.04em}
  .lang-select .custom-select-menu{right:0;left:auto;min-width:150px}
  .footer{align-items:center;padding:16px;gap:12px}.footer-links{order:3;width:100%;justify-content:center;gap:8px 14px}.footer-links a{font-size:.76rem;line-height:1.35}.footer>.ios-button{margin-left:auto}
}

/* CHANGE 84rwo-1 START: single language control matching index */
.lang-select .custom-select-trigger{min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-soft) 78%,rgba(255,255,255,.20)),color-mix(in srgb,var(--bg-soft) 62%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 8px 22px rgba(15,23,42,.10)}
.lang-current{display:flex;align-items:center;gap:9px}.lang-flag{width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(127,127,127,.2)}.lang-code{display:none}
@media(max-width:640px){.lang-name{display:none}.lang-code{display:inline;font-size:.78rem;letter-spacing:.04em}}
/* CHANGE 84rwo-1 END */
/* CHANGE 894wg START: centered mobile page title */
@media(max-width:640px){.policy>h1{text-align:center;margin-inline:auto}}
/* CHANGE 894wg END */
/* PARTICLE CSSPR END */