/* Single-theme on purpose: a dark "sweepstakes" look mirroring the reference.
     Layout: a centered mobile-style funnel column + a docked event inspector. */
  :root{
    color-scheme:dark;
    --bg:#1a0f2b;
    --bg-2:#120a1f;
    --surface:#271640;
    --surface-2:#32204f;
    --line:#3d2a5c;
    --ink:#f2ecfb;
    --ink-soft:#b6a6d4;
    --purple:#8b3be0;          /* brand purple */
    --purple-2:#6d28c4;
    --green:#17a858;           /* GARANTIR CTA */
    --green-2:#128047;
    --gold:#e2a53a;            /* upsell accent */
    --gold-soft:#3a2d12;
    --crit:#d6584c;
    --font-display:"Bricolage Grotesque","Trebuchet MS",sans-serif;
    --font-body:"Inter","Helvetica Neue",Arial,sans-serif;
    --font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
    --radius:14px;
    --shadow:0 10px 30px rgba(0,0,0,.4);
  }
  *{box-sizing:border-box}
  body{
    background:
      radial-gradient(900px 500px at 50% -120px, rgba(139,59,224,.28), transparent 70%),
      var(--bg);
    color:var(--ink); font-family:var(--font-body); line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{font-family:var(--font-display); margin:0; text-wrap:balance; font-weight:700}

  /* fixed demo banner */
  .demo-banner{
    position:fixed; inset:0 0 auto; z-index:40;
    background:repeating-linear-gradient(45deg,var(--gold-soft),var(--gold-soft) 12px,#2f2410 12px,#2f2410 24px);
    border-bottom:1px solid var(--gold);
    color:var(--gold); font-family:var(--font-mono); font-size:.68rem;
    letter-spacing:.04em; text-align:center;
    padding:6px max(14px,env(safe-area-inset-right,0px)) 6px max(14px,env(safe-area-inset-left,0px));
    padding-top:calc(6px + env(safe-area-inset-top,0px));
  }
  body::before{content:""; position:fixed; inset:0 0 auto; height:env(safe-area-inset-top,0px); background:#2f2410; z-index:41}

  .page{
    max-width:1060px; margin:0 auto;
    padding-left:max(14px,env(safe-area-inset-left,0px));
    padding-right:max(14px,env(safe-area-inset-right,0px));
    padding-block:64px 70px;
    display:grid; grid-template-columns:minmax(0,440px) minmax(0,1fr); gap:24px; align-items:start;
    justify-content:center;
  }
  @media (max-width:800px){ .page{grid-template-columns:1fr; max-width:460px} }

  /* ---------- brand bar ---------- */
  .brandbar{
    grid-column:1/-1; display:flex; align-items:center; justify-content:center; gap:10px;
    padding:10px 0 2px;
  }
  .brandbar .logo{
    font-family:var(--font-display); font-weight:700; font-size:1.3rem; letter-spacing:-.01em;
    background:linear-gradient(90deg,#f6c650,#8b3be0 60%,#39d0ff); -webkit-background-clip:text;
    background-clip:text; color:transparent;
  }
  .brandbar .leaf{width:24px;height:24px;filter:drop-shadow(0 2px 6px rgba(139,59,224,.5))}

  /* ---------- funnel card ---------- */
  .funnel{
    background:linear-gradient(180deg,var(--surface) 0%,var(--bg-2) 140%);
    border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow); overflow:hidden;
  }
  .hero{position:relative; aspect-ratio:16/10; background:#0e0719; overflow:hidden}
  .hero svg{position:absolute; inset:0; width:100%; height:100%}
  .hero .flag{
    position:absolute; left:12px; bottom:52px; z-index:2;
    background:var(--green); color:#fff; font-size:.72rem; font-weight:600;
    padding:4px 10px; border-radius:999px;
  }
  .hero .cap{position:absolute; left:14px; bottom:14px; z-index:2}
  .hero .cap h2{font-size:1.15rem; color:#fff}
  .hero .cap p{margin:0; font-size:.78rem; color:#cdbce8}

  .mytickets{
    display:block; text-align:center; background:linear-gradient(90deg,var(--purple-2),var(--purple));
    color:#fff; font-weight:600; font-size:.9rem; padding:12px; border:0; width:100%; cursor:pointer;
  }

  .fpad{padding:16px}
  .price-line{text-align:center; color:var(--ink-soft); font-size:.95rem; margin:4px 0 12px}
  .price-line b{
    background:var(--purple); color:#fff; padding:3px 10px; border-radius:8px; margin-left:6px;
    font-variant-numeric:tabular-nums;
  }

  .stepper{display:flex; align-items:center; justify-content:space-between; background:var(--surface-2);
    border:1px solid var(--line); border-radius:12px; overflow:hidden}
  .stepper button{width:54px;height:52px;border:0;background:transparent;color:var(--ink);font-size:1.4rem;cursor:pointer}
  .stepper button:hover{background:var(--line)}
  .stepper input{flex:1;min-width:0;height:52px;border:0;background:transparent;color:#fff;text-align:center;
    font-family:var(--font-mono);font-size:1.3rem;font-variant-numeric:tabular-nums}
  .stepper input:focus-visible{outline:2px solid var(--purple);outline-offset:-2px}

  .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
  .tier{position:relative;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;
    padding:14px 6px 10px;text-align:center;cursor:pointer;transition:border-color .12s,background .12s}
  .tier:hover{border-color:var(--purple)}
  .tier.sel{border-color:var(--purple);background:linear-gradient(180deg,var(--purple-2),var(--purple))}
  .tier .plus{font-family:var(--font-display);font-size:1.5rem;font-weight:700;display:block}
  .tier .lbl{font-size:.72rem;color:var(--ink-soft)}
  .tier.sel .lbl{color:#eadcff}
  .tier .pop{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--green);
    color:#fff;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;white-space:nowrap}

  /* order bump */
  .orderbump{margin-top:12px;border:1.5px dashed var(--gold);background:var(--gold-soft);border-radius:12px;padding:12px}
  .orderbump label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
  .orderbump input{width:19px;height:19px;margin-top:2px;accent-color:var(--gold);flex:none}
  .orderbump .obt{font-weight:600;font-size:.92rem}
  .orderbump .obd{font-size:.8rem;color:var(--ink-soft);margin-top:2px}
  .orderbump .obp{color:var(--gold);font-weight:700;font-family:var(--font-mono)}

  .garantir{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
    margin-top:12px;border:0;border-radius:14px;background:linear-gradient(180deg,var(--green),var(--green-2));
    color:#fff;padding:14px 18px;cursor:pointer;text-align:left;transition:filter .12s}
  .garantir:hover{filter:brightness(1.06)}
  .garantir .g1{font-family:var(--font-display);font-weight:700;font-size:1.1rem}
  .garantir .g2{font-size:.72rem;opacity:.9}
  .garantir .gr{text-align:right;font-variant-numeric:tabular-nums}
  .garantir .gr small{display:block;font-size:.68rem;opacity:.85}
  .garantir .gr b{font-size:1.1rem}

  /* prize structure (fictional, clearly illustrative) */
  .prizes{margin-top:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;overflow:hidden}
  .prizes .ph{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line)}
  .prizes .ph h3{font-size:.92rem}
  .prizes .ph .ex{margin-left:auto;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;
    text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:2px 7px}
  .prizes .pr{display:flex;justify-content:space-between;padding:8px 14px;font-size:.84rem;border-bottom:1px solid var(--line)}
  .prizes .pr:last-child{border-bottom:0}
  .prizes .pr span:first-child{color:var(--ink-soft);font-family:var(--font-mono)}
  .prizes .pr b{font-variant-numeric:tabular-nums}

  .securenote{text-align:center;font-size:.72rem;color:var(--ink-soft);margin-top:12px}
  .securenote b{color:var(--ink)}

  /* ---------- modal ---------- */
  .modal-bg{position:fixed;inset:0;background:rgba(8,4,16,.72);backdrop-filter:blur(2px);z-index:30;
    display:grid;place-items:center;padding:16px}
  .modal{width:100%;max-width:420px;background:var(--bg-2);border:1px solid var(--line);
    border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
  .modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
  .modal-head h2{font-size:1.1rem}
  .modal-head button{background:transparent;border:0;color:var(--ink-soft);font-size:1.3rem;cursor:pointer;line-height:1}
  .modal-body{padding:16px}
  .acq{background:var(--surface-2);border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;
    align-items:flex-start;gap:10px;margin-bottom:14px}
  .acq .k{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
  .acq .v{font-weight:600}
  .acq .r{text-align:right;font-variant-numeric:tabular-nums}
  .acq .r .u{font-size:.68rem;color:var(--ink-soft)}

  .field label{display:block;font-size:.8rem;color:var(--ink-soft);margin-bottom:5px}
  .field input{width:100%;height:48px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);
    color:#fff;padding:0 12px;font-size:1rem}
  .field input:focus-visible{outline:2px solid var(--purple);outline-offset:-1px}
  .field .hint{font-size:.72rem;color:var(--ink-soft);margin-top:5px}

  .cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;border:0;
    border-radius:12px;background:linear-gradient(180deg,var(--purple),var(--purple-2));color:#fff;
    font-size:1.02rem;font-weight:600;padding:15px;cursor:pointer;transition:filter .12s}
  .cta:hover{filter:brightness(1.07)}
  .cta.green{background:linear-gradient(180deg,var(--green),var(--green-2))}
  .cta.gold{background:linear-gradient(180deg,var(--gold),#b9811f);color:#1a1205}
  .cta.ghost{background:var(--surface-2);border:1px solid var(--line);color:var(--ink)}
  .cta:disabled{opacity:.5;cursor:not-allowed}

  .modal-foot{text-align:center;font-size:.74rem;color:var(--ink-soft);padding:12px;border-top:1px solid var(--line)}

  .spinner{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--purple);
    border-radius:50%;animation:spin .8s linear infinite;margin:10px auto}
  @keyframes spin{to{transform:rotate(360deg)}}
  @media (prefers-reduced-motion:reduce){.spinner{animation:none}}
  .center{text-align:center;padding:16px 4px}
  .ricon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;font-size:1.6rem;color:#fff}
  .ricon.ok{background:var(--green)} .ricon.fail{background:var(--crit)}

  .offer-badge{display:inline-block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.07em;
    text-transform:uppercase;background:var(--gold);color:#1a1205;padding:2px 8px;border-radius:999px}
  .offer-badge.down{background:var(--purple)}
  .offer-price{display:flex;align-items:baseline;gap:10px;margin:10px 0}
  .offer-price .was{color:var(--ink-soft);text-decoration:line-through;font-variant-numeric:tabular-nums}
  .offer-price .now{font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}

  .receipt{font-family:var(--font-mono);font-size:.82rem;background:var(--surface-2);border-radius:10px;padding:14px;margin-top:6px}
  .receipt .r{display:flex;justify-content:space-between;padding:3px 0}
  .receipt .r.total{border-top:1px solid var(--line);margin-top:6px;padding-top:8px;font-weight:700;color:#fff}
  .receipt .r span:first-child{color:var(--ink-soft)}
  .nums{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
  .nums span{font-family:var(--font-mono);font-size:.76rem;background:var(--surface);border:1px solid var(--line);
    border-radius:6px;padding:3px 7px;color:var(--ink-soft)}

  /* ---------- inspector ---------- */
  .inspector{position:sticky;top:calc(44px + env(safe-area-inset-top,0px));background:var(--surface);
    border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
  @media (max-width:800px){.inspector{position:static}}
  .ihead{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line)}
  .ihead h3{font-size:1rem}
  .ihead .live{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.64rem;
    text-transform:uppercase;letter-spacing:.08em;color:var(--green)}
  .ihead .dot{width:7px;height:7px;border-radius:50%;background:var(--green)}
  .tiles{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
  .tile{background:var(--surface);padding:12px 14px}
  .tile .k{font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}
  .tile .v{font-family:var(--font-mono);font-size:1.05rem;font-variant-numeric:tabular-nums;margin-top:2px}
  .events{max-height:320px;overflow:auto}
  .ev{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:7px 15px;border-bottom:1px solid var(--line);font-size:.8rem}
  .ev time{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-soft);white-space:nowrap}
  .ev .name{font-family:var(--font-mono);font-weight:600}
  .ev .name.purchase{color:var(--green)} .ev .name.upsell{color:var(--gold)} .ev .name.view{color:var(--ink-soft)}
  .ev .meta{grid-column:2;color:var(--ink-soft);font-size:.72rem}
  .eempty{padding:20px 15px;text-align:center;color:var(--ink-soft);font-size:.82rem}
  .toolbar{display:flex;gap:8px;padding:11px 15px;border-top:1px solid var(--line);flex-wrap:wrap}
  .toolbar button{font-family:var(--font-mono);font-size:.7rem;border:1px solid var(--line);background:var(--surface-2);
    color:var(--ink);border-radius:8px;padding:7px 10px;cursor:pointer}
  .toolbar button:hover{border-color:var(--purple)}
  .note{grid-column:1/-1;font-size:.74rem;color:var(--ink-soft);text-align:center;max-width:64ch;margin:4px auto 0;line-height:1.55}
  .note code{font-family:var(--font-mono);background:var(--surface-2);padding:1px 5px;border-radius:5px}

/* Identidade: altere estas variáveis para personalizar toda a interface. */
:root{--bg:#101c2d;--bg-2:#0c1119;--surface:#193653;--surface-2:#1b2b40;--line:#385575;--ink:#f5f7fc;--ink-soft:#a1afc2;--purple:#1769d2;--purple-2:#1253ae;--green:#168759;--green-2:#168759;--gold:#59adff;--gold-soft:#172f49;--font-display:Arial,sans-serif;--font-body:Arial,sans-serif;--font-mono:Arial,sans-serif}
body{margin:0;background:var(--bg);font-size:14px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,summary:focus-visible{outline:3px solid #7bd9ff;outline-offset:3px}.page{display:block;max-width:600px;padding:0;margin:auto}.brandbar,.demo-banner,.note{display:none}.funnel{border:0;border-radius:0;background:none;box-shadow:none}.hero{aspect-ratio:600/396;background:#101820}.hero img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#080c10)}.hero .flag{bottom:46px;left:12px;font-size:11px;padding:2px 7px}.hero .cap{left:12px;bottom:8px}.hero .cap h2{font-size:17px;font-weight:500}.hero .cap p{font-size:13px;color:#bdbdbd}.mytickets{padding:11px;font-weight:400;border-radius:0}.fpad{padding:12px}.price-line{margin:4px 0 18px;font-size:14px}.price-line b{border-radius:5px;padding:8px 10px}.stepper{height:41px;border-radius:10px}.stepper input{height:39px;font-size:20px;font-weight:bold}.stepper button{height:39px;font-size:26px;color:#b8c9de}.tiers{gap:4px;margin-top:8px}.tier{color:var(--ink);padding:5px 4px 4px;border-radius:5px;border:2px solid transparent;line-height:1.15}.tier .plus{font-size:24px}.tier .lbl{font-size:11px;color:var(--ink)}.tier.popular{background:var(--purple-2);border-color:#5f97dd}.tier .pop{top:-10px;padding:2px 9px;font-size:10px;letter-spacing:0}.garantir{margin-top:4px;border-radius:9px;padding:10px 14px;min-height:61px;box-shadow:0 6px 18px #16875920}.garantir .g1{font-size:19px}.garantir .g2{font-size:11px}.garantir .gr b{font-size:14px}.garantir .gr small{font-size:10px}.orderbump{margin:12px 0;border-color:var(--line);padding:10px;display:none}.regulation{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:16px 0 10px}.regulation summary{padding:18px 16px;cursor:pointer;font-weight:600;list-style:none}.regulation summary:after{content:'⌄';float:right}.regulation p{padding:0 16px 12px;color:var(--ink-soft);font-size:12px}.prizehead{display:flex;align-items:center;gap:10px;margin:8px 0}.prizehead .cup{font-size:29px}.prizehead h3{font-size:15px;font-weight:500}.prizehead p{margin:0;color:var(--ink-soft)}.prizehead .total{margin-left:auto;background:linear-gradient(120deg,#1c426e,#355ddd);padding:9px 12px;border-radius:12px}.tabs{display:flex;gap:24px;margin-bottom:8px}.tabs button{flex:1;border:0;border-radius:6px;color:white;padding:6px;font-weight:bold;background:linear-gradient(100deg,#2f9e52,#00baca)}.tabs button:last-child{background:linear-gradient(100deg,#9e3841,#de5186)}.tabs button[aria-selected=false]{opacity:.65}.prizerow{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px dashed #607e9e;border-radius:12px;padding:3px 7px;margin:4px 0;font-size:11px;line-height:1.25}.prizerow code{font-size:11px;font-weight:bold;letter-spacing:1px;background:#11273e;border-radius:8px;padding:0 6px}.prizerow span{color:var(--ink-soft)}.prizerow b{margin-left:auto;font-size:12px}.winner{background:var(--purple-2);border:0;padding:6px 9px}.winner strong{font-size:14px}.winner small{display:block;color:#bcd3f2}.more{border:0;width:100%;border-radius:5px;background:var(--purple-2);color:white;padding:7px;font-weight:bold;margin:4px 0 12px}.social{text-align:center;padding:4px 0;color:var(--ink-soft)}.social .age{display:inline-block;border:1px solid #afbac7;border-radius:10px;padding:6px 9px;font-size:12px;margin:10px 0 4px}.age b{background:var(--purple-2);padding:2px 9px;border-radius:10px;color:white;font-size:10px}.footer{text-align:center;border-top:1px solid #354053;padding:34px 20px;color:#8d9aae;font-size:11px;margin-top:8px}.footer .brand{font-size:23px;font-weight:bold;color:#71a8df;margin:8px 0 24px}.footer p{max-width:850px;margin:14px auto}.demo-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#8d9aae}.debug{max-width:600px;margin:15px auto;color:var(--ink-soft);padding:0 12px}.debug>summary{font-size:12px;cursor:pointer}.inspector{position:static;margin-top:10px;box-shadow:none}.modal-bg{background:#080d1673;backdrop-filter:blur(6px);align-items:start;padding-top:min(22vh,132px);overflow-y:auto}.modal{max-width:500px;border:1px solid #29303a;border-radius:0;background:#0e1118;max-height:calc(100dvh - 40px);overflow-y:auto}.modal-head{padding:8px 16px}.modal-head h2{font-size:22px;font-weight:400}.modal-head button{font-size:32px}.modal-body{padding:8px 16px}.acq{background:var(--surface);padding:9px 8px;margin-bottom:10px}.acq .v{font-size:14px;font-weight:400}.acq .k{font-size:11px;letter-spacing:0}.field label{color:white;font-weight:bold;font-size:14px}.field input{height:44px;border:2px solid var(--purple);border-radius:11px;background:var(--surface-2)}.field .hint{margin:12px 8px;font-size:13px;color:white}.cta{border-radius:10px;padding:18px;margin-top:14px}.modal-foot{font-size:14px;padding:15px}.payment-view{max-width:600px;margin:auto}.payment-head{background:linear-gradient(125deg,#12354b,#256384);padding:16px;border-radius:0 0 15px 15px}.payment-brand{text-align:center;font-size:23px;font-weight:bold;margin-bottom:26px}.payment-status{display:flex;justify-content:space-between;align-items:center}.payment-status small{display:block}.payment-count{background:#2857a6;padding:10px 14px;border-radius:13px;text-align:center}.paycard{margin:6px 12px;background:var(--surface);border-radius:10px;padding:12px}.timer{text-align:center;padding-bottom:10px;border-bottom:1px solid var(--line)}.timer strong{font-size:22px}.progress{height:8px;background:#112940;border-radius:8px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:#59adff;width:100%}.instruction{font-size:13px;margin:10px 0 5px}.instruction b{display:inline-grid;place-items:center;border-radius:50%;width:19px;height:19px;background:var(--green);margin-right:4px}.pixline{display:flex;gap:0}.pixline input{min-width:0;flex:1;background:#13283e;color:#b4c8de;border:1px solid var(--line);padding:8px}.pixline button{background:var(--green);border:0;color:white;font-size:12px;font-weight:bold;padding:8px;border-radius:0 4px 4px 0}.qrbutton{width:100%;background:#f8faff;border:0;border-radius:4px;padding:7px;margin-top:6px;color:#112032}.paynote{text-align:center;font-size:11px;color:var(--ink-soft);margin:16px 0 6px}.campaign-mini{display:flex;gap:10px;align-items:center}.campaign-mini img{width:85px;height:75px;object-fit:cover;border-radius:10px}.purchase-details summary{cursor:pointer;font-weight:bold;padding:4px}.purchase-details dl{display:grid;grid-template-columns:100px 1fr;gap:9px;font-size:13px}.purchase-details dd{margin:0}.payment-view[hidden],.page[hidden],[hidden]{display:none!important}@media(max-width:500px){.hero{aspect-ratio:600/396}.modal-bg{padding:70px 12px 20px}.modal-head h2{font-size:21px}.garantir .g1{font-size:17px}.prizerow{gap:4px}.prizerow b{font-size:10px}.tabs{gap:15px}.fpad{padding:12px}.footer{padding:24px 16px}}
.approved-head{background:linear-gradient(120deg,#084f46,#123b37);padding:14px 12px;border-radius:0 0 18px 18px}.approved-nav{display:flex;align-items:center;justify-content:space-between;min-height:50px;margin-bottom:30px}.approved-nav strong{font-size:24px;color:#e3f3ff}.approved-nav button{background:none;border:0;color:white;font-size:13px}.approved-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#80a9af;margin-top:9px}.approved-meta span:last-child{overflow-wrap:anywhere}.approved-heading{display:flex;gap:10px;align-items:center;margin:12px 16px 8px;color:var(--ink-soft)}.approved-heading>span{font-size:30px;color:#26c64a}.approved-heading strong{font-size:15px}.approved-heading small{display:block;font-size:12px}.reorder{margin:8px 12px;padding:5px;background:var(--surface);border-radius:14px}.reorder .flag{background:var(--green);border-radius:12px;font-size:10px;padding:2px 6px}.reorder h3{font-size:14px;font-weight:400;margin-top:4px}.reorder>small{font-size:11px;color:var(--ink-soft)}.reorder-body{display:flex;align-items:center;gap:10px;margin-top:5px}.reorder-body img{width:90px;height:90px;object-fit:cover;border-radius:15px}.reorder-controls{flex:1;min-width:0}.reorder-quantity{display:flex;align-items:center;gap:5px;margin-bottom:5px}.reorder-quantity button{border:0;color:white;background:#087c71;border-radius:12px;padding:10px 9px;font-size:12px}.reorder-quantity button:nth-child(2){background:#00b6ad}.reorder-quantity .adjust{font-size:21px;padding:0;background:#183148;border:1px solid #62819f;border-radius:50%;width:25px;height:25px;flex:none}.reorder-quantity .minus{margin-left:auto}.reorder-quantity input{width:40%;min-width:35px;flex:1;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:white;text-align:center;height:32px}.reorder-buy{width:100%;border:0;border-radius:10px;color:white;background:var(--green);padding:8px;font-size:13px;font-weight:bold}.instant-result{display:flex;gap:16px;margin:8px 12px 12px;padding:20px;border:1px solid #65455c;border-radius:16px;background:linear-gradient(110deg,var(--surface),#303754)}.instant-face{background:#ffd1d7;font-size:25px;border-radius:12px;width:48px;height:48px;display:grid;place-items:center;flex:none}.instant-result small{font-size:11px;color:#ff747c;letter-spacing:1px}.instant-result h2{font-size:20px;margin:4px 0}.instant-result p{color:#b9c8dc;font-size:14px;margin:8px 0 12px}.instant-result .instant-tip{border-top:1px solid #59415c;padding-top:11px;font-size:13px;margin-bottom:0;color:white}.approved-details{padding:0;overflow:hidden}.approved-details summary{padding:13px 16px;border-bottom:1px solid #25405c;list-style:none}.approved-details summary:after{content:'⌃';float:right}.approved-details summary small{display:block;font-weight:400;font-size:12px;color:var(--ink-soft);margin-left:25px}.approved-detail-body{padding:10px}.approved-detail-body .group-label{display:block;color:var(--ink-soft);font-size:10px;font-weight:bold;margin:8px 0}.approved-details dl{grid-template-columns:80px 1fr;margin:8px 0 15px}.approved-numbers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.approved-numbers span{background:#233d59;color:#57c393;border-radius:4px;text-align:center;font-size:12px;padding:2px;letter-spacing:.6px}.copy-titles{margin-top:8px;border:1px solid #8199b5;color:#b5c8dd;border-radius:5px;background:none;padding:6px 10px;font-size:12px}.approval-help{border:0;background:none;color:var(--ink-soft);margin:3px 12px;font-size:13px}.approved-demo{font-size:10px;color:var(--ink-soft);text-align:center;margin:12px}.approved-total{float:right;font-size:10px;font-weight:400;background:#263d57;border-radius:10px;padding:2px 8px}@media(max-width:430px){.approved-numbers{grid-template-columns:repeat(4,minmax(0,1fr))}.instant-result{gap:10px;padding:15px}.instant-result p{font-size:13px}.reorder-body img{width:72px;height:85px}.reorder-quantity button{padding:9px 6px}.approved-nav strong{font-size:21px}.approved-meta{font-size:9px}}

.inline-offer,.embed-card{margin:10px 12px;border:1px solid #287cd5;border-radius:14px;background:linear-gradient(120deg,#102b4b,#10335b);padding:18px}.inline-offer small{color:#59bdff;font-size:11px;letter-spacing:1px}.inline-offer h2{font-size:23px;margin:8px 0}.inline-offer p{color:var(--ink-soft);margin:8px 0}.inline-offer .price{font-size:30px;font-weight:bold;color:#43d1ff}.inline-offer .decline{display:block;margin:12px auto 0;color:#a9bdd5;background:none;border:0;text-decoration:underline}.embed-card h3{margin:0 0 12px;font-size:19px}.embed-card iframe,.admin-preview iframe{display:block;width:100%;border:0;background:#fff;border-radius:9px}.admin-access{max-width:600px;margin:24px auto;text-align:center}.admin-access button{background:#193653;border:1px solid #385575;padding:10px 18px;color:white;border-radius:8px}.admin-panel{max-width:850px;margin:0 auto 30px;padding:22px;border:1px solid var(--line);background:#111f32;border-radius:18px}.admin-panel h2{font-size:25px}.admin-panel .intro{color:var(--ink-soft);line-height:1.5;font-size:13px}.admin-panel label{display:block;margin:18px 0 7px;font-weight:bold;font-size:14px}.admin-panel input:not([type=checkbox]),.admin-panel select,.admin-panel textarea{width:100%;background:#0c1829;color:#ecf5ff;border:1px solid #375371;border-radius:8px;padding:12px}.admin-panel textarea{min-height:200px;resize:vertical;font-family:monospace;font-size:13px}.admin-panel .switch{display:flex;align-items:center;gap:10px}.admin-panel input[type=checkbox]{width:20px;height:20px;accent-color:#1679ed}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.admin-actions button{border:1px solid #4278ac;background:#18334f;color:white;border-radius:8px;padding:12px 18px}.admin-actions button:first-child{background:#1769d2}.admin-preview{padding:14px;border:1px solid #385575;border-radius:10px;margin-top:14px}.admin-status{color:#83d8b1;font-size:13px;min-height:20px}.admin-hint{font-size:12px;color:#98afc9;margin:6px 0}.embed-empty{color:#9fb9d6;padding:35px 16px;text-align:center;border:1px dashed #385575;border-radius:10px}.admin-panel summary{cursor:pointer;color:#9fcaff}.admin-panel input:focus-visible,.admin-panel textarea:focus-visible,.admin-panel select:focus-visible{outline:2px solid #52a8ff;outline-offset:2px}@media(max-width:600px){.admin-panel{margin:0 12px 20px;padding:16px}.inline-offer h2{font-size:21px}}

.admin-panel{margin-top:24px}.admin-top{max-width:850px;margin:24px auto;padding:0 16px}.admin-top a{color:#8ac8ff;text-decoration:none}.admin-top h1{margin:12px 0;font-size:26px}

.admin-button{display:inline-block;background:#193653;border:1px solid #385575;padding:10px 18px;color:white;border-radius:8px;text-decoration:none;font-size:14px}.webhook-box{margin-top:24px;padding:18px;background:#0c1829;border:1px solid #355371;border-radius:12px}.webhook-box h3{font-size:17px}.webhook-box p{font-size:13px;color:#b0c5de}.admin-actions button:disabled{opacity:.5;cursor:wait}.admin-status{color:#9cd9bc}.admin-panel input[readonly]{font-size:12px;color:#8ac8ff}.admin-panel [role=status]{font-size:13px;overflow-wrap:anywhere}