/* iOS-style pastel tab icons */
nav#tabs button i{width:34px!important;height:30px!important;border-radius:9px!important;background:var(--tb)!important;color:var(--tg)!important;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.04)}
nav#tabs svg{width:19px!important;height:19px!important;stroke-width:1.9!important}
nav#tabs button.t1{--tb:#F6D9CF;--tg:#B5574A}nav#tabs button.t2{--tb:#D5E8D4;--tg:#4E7A55}nav#tabs button.t3{--tb:#F4E3B5;--tg:#A0741B}nav#tabs button.t4{--tb:#DCDAF4;--tg:#5B57A6}nav#tabs button.t5{--tb:#D3E6F2;--tg:#3F6F92}
nav#tabs button:not(.on) i{opacity:.62;filter:saturate(.75)}nav#tabs button.on i{opacity:1;transform:scale(1.06);box-shadow:0 3px 10px -3px var(--tg)}nav#tabs button.on svg{fill:currentColor;fill-opacity:.2}
html.dark nav#tabs button.t1{--tb:#5A3A35;--tg:#F4B6A8}html.dark nav#tabs button.t2{--tb:#33473A;--tg:#A9D4AF}html.dark nav#tabs button.t3{--tb:#4E4128;--tg:#EED08A}html.dark nav#tabs button.t4{--tb:#3A3858;--tg:#BDB9F2}html.dark nav#tabs button.t5{--tb:#2F4352;--tg:#A6CDEA}
html.dark nav#tabs button.on i{background:var(--tb)!important;color:var(--tg)!important}
/* banners, locks */
.pbar{display:flex;align-items:center;gap:8px;background:#F1E4D2;color:#6F5530;border-radius:14px;padding:10px 14px;font-size:13px;margin:0 0 14px;cursor:pointer}.pbar span{margin-left:auto;font-weight:700;color:#1E2235}
html.dark .pbar{background:#2C2A33;color:#E8D3B0}html.dark .pbar span{color:#F1EBDF}
.lk{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.lkw{color:var(--mut);margin-left:6px;display:grid;place-items:center}
.li.locked{opacity:.72}.li.freep{box-shadow:inset 0 0 0 1.5px #E0A54A}.pick{font-size:13.5px;color:#9A6E22;margin:14px 0 4px}
.sheet{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end}.sbg{position:absolute;inset:0;background:rgba(20,22,35,.38)}
.sin{position:relative;width:100%;max-width:560px;margin:0 auto;background:var(--bg);border-radius:26px 26px 0 0;padding:26px 22px calc(26px + env(safe-area-inset-bottom));text-align:center;animation:up .22s ease}
@keyframes up{from{transform:translateY(40px);opacity:0}}.sin h3{font:600 20px var(--sans);margin:10px 0 6px}.sin .btn{margin-top:10px}
.lockic{width:54px;height:54px;border-radius:16px;background:#E6E0F6;color:#5B57A6;display:grid;place-items:center;margin:0 auto;font-size:24px}.lockic .lk{width:26px;height:26px}.lockic.gift{background:#F4E3B5;color:#A0741B}
html.dark .lockic{background:#3A3858;color:#BDB9F2}
.toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%,20px);background:#1E2235;color:#fff;padding:10px 16px;border-radius:99px;font-size:13.5px;opacity:0;transition:.25s;z-index:60;pointer-events:none;max-width:90vw;text-align:center}.toast.on{opacity:1;transform:translate(-50%,0)}
/* pricing */
.ben{list-style:none;padding:0;margin:0 0 20px}.ben li{padding:7px 0 7px 26px;position:relative;font-size:15px;line-height:1.4}.ben li:before{content:"✓";position:absolute;left:2px;color:#6E9A72;font-weight:700}
.seg2{display:flex;background:var(--card);border-radius:99px;padding:4px;margin-bottom:14px}.seg2 button{flex:1;border:0;background:none;border-radius:99px;padding:9px;font:600 14px var(--sans);color:var(--mut);cursor:pointer}.seg2 button.on{background:var(--w,#fff);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
html.dark .seg2 button.on{background:#2B2F44}
.plan{position:relative;display:flex;align-items:center;gap:12px;background:var(--card);border-radius:20px;padding:18px;margin-bottom:12px;cursor:pointer;border:1.5px solid transparent}
.plan.pop{border-color:#1E2235;background:var(--w,#fff)}html.dark .plan.pop{border-color:#F1EBDF;background:#22263A}
.plan .badge{position:absolute;top:-10px;left:18px;background:#1E2235;color:#fff;font:700 10.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:99px}html.dark .plan .badge{background:#F1EBDF;color:#1E2235}
.plan .pt{flex:1}.plan h4{margin:0;font:700 17px var(--sans)}.plan .pt p{margin:4px 0 0;font-size:13px;color:var(--mut)}
.plan .pp{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.plan s{font-size:12.5px;color:var(--mut)}.plan .pp b{font:700 22px var(--sans)}.plan small{font-size:11px;color:var(--mut)}.plan em{font-style:normal;font-size:11px;font-weight:700;color:#5E8A62;background:#DCEBD8;border-radius:99px;padding:2px 8px;margin-top:4px}
html.dark .plan em{background:#2F4436;color:#A9D4AF}.refon{background:#DCEBD8;color:#3F6B45;border-radius:12px;padding:9px 12px;font-size:13px}
/* about / affiliate / profile */
.ab h4{margin:0 0 8px;font:700 16px var(--sans)}.ab p{margin:8px 0;font-size:14.5px;line-height:1.55}
.reflink{display:flex;gap:8px;align-items:center;margin-top:8px}.reflink code{flex:1;background:var(--bg);border-radius:10px;padding:10px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reflink .btn{margin:0;padding:10px 16px}
#pf input[type=email]{width:100%;border:0;border-radius:12px;padding:13px;background:var(--bg);font:15px var(--sans);color:var(--ink);margin-top:8px}.chk{display:flex;gap:8px;font-size:13px;margin:12px 0 0;color:var(--mut);align-items:flex-start}
.subc p{margin:8px 0 0;font-size:15px}.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px}.pgrid button{border:0;background:var(--card);border-radius:18px;padding:14px 6px;font:600 12px var(--sans);color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}
.ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-size:18px}.ic-o{background:#F6D9CF}.ic-g{background:#D5E8D4}.ic-p{background:#F4E3B5}.ic-b{background:#D3E6F2}.ic-l{background:#DCDAF4}
html.dark .ic-o{background:#5A3A35}html.dark .ic-g{background:#33473A}html.dark .ic-p{background:#4E4128}html.dark .ic-b{background:#2F4352}html.dark .ic-l{background:#3A3858}
.oauth{display:flex;flex-direction:column;gap:10px;margin-bottom:6px}.obtn{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);background:var(--w,#fff);color:#1E2235;border-radius:99px;padding:12px;font:600 15px var(--sans);cursor:pointer}
html.dark .obtn{background:#22263A;color:#F1EBDF;border-color:#33384F}.or{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:12px;margin:6px 0}.or:before,.or:after{content:"";flex:1;border-top:1px solid var(--line)}
.upc{text-align:center;margin-top:16px}.upc h3{margin:0 0 6px}
.vft{margin:0 0 16px}.vfs{background:var(--card);border-radius:18px;padding:14px 16px;margin-bottom:10px}.vfh{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.vfh b{font-size:14px}.vfh small{font-size:12px;color:var(--mut)}.vfh i{font-style:normal;color:var(--ink)}
.vfg{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.vfg.one{grid-template-columns:1fr}.vfg div{font-size:14.5px}.vfg small{display:inline-block;min-width:70px;color:var(--mut);font-size:12px}
.lvrow{display:flex;gap:8px}.lvb{flex:1;border:0;border-radius:16px;padding:12px 0;background:color-mix(in srgb,var(--g) 22%,transparent);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;font-family:var(--sans)}.lvb b{font-size:16px}.lvb small{font-size:11px;color:var(--mut)}
.fqq{display:inline-flex;flex-direction:column;gap:4px;background:var(--w7);border-radius:16px;padding:10px 18px}.fqq span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}.fqq b{font-size:22px}