/* PageMarket styles */
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);--bg:#fff;--card:#fff;--ink:#111;--mute:#667085;--line:#E7E7EA;--g:#0B1F3A;--onp:#fff;--ok:#0B8A5F;--y:#f5b800;--r:#C4391D;--fb1:#E6EEFB;--fb2:#1B4FA8;--ig1:#FCE7F1;--ig2:#8A1F55;--tt1:#EDEDED;--tt2:#222;--x1:#E9EAEC;--x2:#111;--yt1:#FDE7E7;--yt2:#B3261E}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0E1217;--card:#0E1217;--ink:#E8EEF4;--mute:#AAB7C5;--line:#2E3945;--g:#E8EEF4;--onp:#0E1217;--ok:#2DD4A0;--y:#f5b800;--r:#FF7A5C;--fb1:#15233F;--fb2:#9DBBF2;--ig1:#3A1830;--ig2:#F2A6CB;--tt1:#1C232C;--tt2:#C9D3DE;--x1:#1A1D22;--x2:#D5D9DE;--yt1:#3A1818;--yt2:#F5A3A3}}
:root[data-theme="dark"]{--bg:#0E1217;--card:#0E1217;--ink:#E8EEF4;--mute:#AAB7C5;--line:#2E3945;--g:#E8EEF4;--onp:#0E1217;--ok:#2DD4A0;--y:#f5b800;--r:#FF7A5C;--fb1:#15233F;--fb2:#9DBBF2;--ig1:#3A1830;--ig2:#F2A6CB;--tt1:#1C232C;--tt2:#C9D3DE;--x1:#1A1D22;--x2:#D5D9DE;--yt1:#3A1818;--yt2:#F5A3A3}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans',system-ui,sans-serif;line-height:1.5}
header{position:sticky;top:env(safe-area-inset-top,0px);background:var(--card);border-bottom:1px solid var(--line);z-index:5}
.bar{max-width:1040px;margin:auto;display:flex;align-items:center;gap:16px;padding:12px 16px}
.logo{font-weight:600;font-size:20px;letter-spacing:-.3px;color:var(--g);display:flex;align-items:center}.logo b{color:var(--fb2);font-weight:600}.lm{width:28px;height:28px;border-radius:7px;background:var(--g);color:var(--onp);display:inline-flex;align-items:center;justify-content:center;margin-right:8px;flex:none}
nav{display:flex;gap:2px;margin-left:auto}
nav button{background:none;border:0;color:var(--mute);font:inherit;font-weight:500;padding:8px 12px;border-radius:6px;cursor:pointer}
nav button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--g);border-radius:0}
nav .ic,nav .sh{display:none}
main{max-width:1040px;margin:auto;padding:24px 16px 60px}
h1{font-size:clamp(26px,5vw,38px);letter-spacing:-.5px;font-weight:600;margin:6px 0 6px;line-height:1.1}
h2{margin:0 0 12px;font-size:19px;font-weight:600}
.sub{color:var(--mute);margin:0 0 20px;max-width:60ch}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.pad{padding:16px}
.shot{height:96px;display:flex;align-items:flex-end;padding:12px;color:#fff;font-weight:600;font-size:22px}
.fb{background:#1B5FD6}.ig{background:#C13584}.tt{background:#111418}.x{background:#000}
.tag{font-size:12px;font-weight:500;padding:2px 8px;border-radius:4px;background:var(--bg);border:1px solid var(--line);color:var(--mute)}
.price{font-size:21px;font-weight:600}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}
.btn{font:inherit;font-weight:500;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:9px 14px;border-radius:6px;cursor:pointer;min-height:40px}
.btn.p{background:var(--g);border-color:var(--g);color:var(--onp)}.btn.d{border-color:var(--r);color:var(--r)}
.btn:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.btn:disabled{opacity:.4;cursor:default}
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
@media(max-width:760px){.split{grid-template-columns:1fr}}
.shots{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.an{height:90px;border-radius:6px;background:var(--bg);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--mute);font-size:13px;text-align:center;padding:6px}
label{display:block;font-weight:500;margin:14px 0 4px;font-size:14px}
input,select{width:100%;font:inherit;padding:10px;min-height:42px;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
.drop{border:2px dashed var(--line);border-radius:8px;padding:18px;text-align:center;color:var(--mute);font-size:14px;cursor:pointer}
.drop.ok{border-color:var(--ok);color:var(--ok)}
.steps{display:flex;gap:4px;margin:10px 0;flex-wrap:wrap}
.st{flex:1;min-width:70px;font-size:12px;padding:6px;border-radius:4px;background:var(--bg);color:var(--mute);text-align:center}
.st.on{background:var(--g);color:var(--onp);font-weight:500}
.back{background:none;border:0;color:var(--mute);font:inherit;cursor:pointer;margin-bottom:8px;padding:0}
.modal{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}
.modal .card{max-width:380px;width:100%;padding:20px}
.pay{background:#0ba4db;color:#fff;border:0;width:100%;padding:13px;border-radius:6px;font:inherit;font-weight:600;cursor:pointer;margin-top:14px}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:6px;z-index:30}
.note{background:var(--y);color:#14201a;padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:16px}
.shots img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;border:1px solid var(--line);display:block}
.thumbs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.thumbs img{width:56px;height:56px;object-fit:cover;border-radius:4px;border:1px solid var(--line)}
.empty{color:var(--mute);padding:30px;text-align:center}
@media(max-width:700px){
nav{position:fixed;left:0;right:0;bottom:0;margin:0;background:var(--card);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));z-index:10;justify-content:space-around}
nav button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;line-height:1.2;padding:6px 2px;min-height:56px}
nav .ic{display:block}nav .lg{display:none}nav .sh{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
nav button.on{color:var(--g)}
.toast{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
nav button.on{box-shadow:inset 0 2px 0 var(--g)}
main{padding-bottom:96px}
.grid{grid-template-columns:1fr}
.row[style*="flex-start"]{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
.row[style*="flex-start"] .btn{white-space:nowrap;flex:none}
}
@media(max-width:700px) and (max-height:480px){nav button{min-height:44px;flex-direction:row;justify-content:center;gap:6px}nav .ic{width:18px;height:18px}main{padding-bottom:72px}.toast{bottom:calc(60px + env(safe-area-inset-bottom,0px))}}
@media(max-width:360px){nav button{font-size:10px}nav .ic{width:20px;height:20px}.pad{padding:12px}main{padding-left:12px;padding-right:12px}}
@media(min-width:701px) and (max-width:900px){.bar{padding:10px 12px}nav button{padding:8px;font-size:14px}}
@media(min-width:1280px){.bar,main{max-width:1180px}}
header{border-bottom:1px solid var(--line);background:var(--bg)}
.bar{gap:8px;padding:8px 16px}
.logo{cursor:pointer;margin-right:8px}
.acts{margin-left:auto;display:flex;align-items:center;gap:6px;position:relative}
.ib{background:none;border:0;color:var(--ink);width:44px;height:44px;display:grid;place-items:center;border-radius:99px;cursor:pointer;padding:0}
.ib.on{color:var(--g)}
.ib:focus-visible,.pill:focus-visible,.menu button:focus-visible,.li:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.rnd{border-radius:99px;white-space:nowrap;padding:9px 18px}
.sf{display:none;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:0 14px;color:var(--mute);width:240px}
.sf input{border:0;background:none;padding:9px 0;min-height:40px;width:100%;border-radius:0}
.sf input:focus-visible{outline:none}.sf:focus-within{border-color:var(--g)}
.sb{max-width:1040px;margin:auto;padding:0 16px 10px;display:flex;align-items:center;gap:6px}
.sb input{border-radius:99px;padding:10px 16px}
.menu{position:absolute;right:0;top:48px;width:200px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:6px;z-index:15}
.menu button{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;font:inherit;color:var(--ink);padding:10px;border-radius:8px;text-align:left;cursor:pointer;min-height:44px}
.menu .nmu{color:var(--mute);font-size:12px;padding:8px 10px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menu .out{color:var(--r);border-top:1px solid var(--line);border-radius:0 0 8px 8px}
@media(min-width:701px){nav{margin-left:8px}.sf{display:flex}.sbtn,#sbar{display:none}}
.card{background:none;border:0;border-radius:0;overflow:visible}
.card.pad{padding:16px 0}
.card.pad[style*="margin-bottom"],.card.row{border-bottom:1px solid var(--line)}
.modal .card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:20px}
.shot{border-radius:12px}
.pills{display:flex;gap:8px;overflow-x:auto;margin:0 0 20px;padding-bottom:2px;scrollbar-width:none}
.pills::-webkit-scrollbar{display:none}
.pill{font:inherit;font-size:13px;flex:none;min-height:40px;padding:0 16px;border-radius:99px;border:1px solid var(--line);background:none;color:var(--mute);white-space:nowrap;cursor:pointer}
.pill.on{background:var(--g);border-color:var(--g);color:var(--onp)}
.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px 28px}
.li{display:block;cursor:pointer;padding-bottom:22px;border-bottom:1px solid var(--line)}
.im{min-height:96px;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:10px 12px;font-size:13px;font-weight:500}
.it{display:flex;justify-content:space-between;gap:8px}
.fl{font-size:14px}.fl b{font-size:26px;font-weight:600;margin-right:5px;letter-spacing:-.5px}
.menu[hidden]{display:none}
.im.fb{background:var(--fb1);color:var(--fb2)}.im.ig{background:var(--ig1);color:var(--ig2)}.im.tt{background:var(--tt1);color:var(--tt2)}.im.x{background:var(--x1);color:var(--x2)}.im.yt{background:var(--yt1);color:var(--yt2)}
.nm{font-weight:600;font-size:16px;margin-top:10px;display:flex;align-items:center;gap:5px}
.vbw{display:inline-flex;color:var(--ok)}.vb{width:16px;height:16px}
.st{color:var(--mute);font-size:13px}
.pr{font-weight:600;font-size:16px;margin-top:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:700px){.grid{grid-template-columns:1fr}}
.es{display:flex;align-items:center;gap:8px;max-width:760px;margin:0 0 16px;padding:10px 12px;border-radius:10px;font-size:13px;background:color-mix(in srgb,var(--ok) 12%,transparent);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent)}
.es svg{flex:none;color:var(--ok)}
.cnt{max-width:760px;color:var(--mute);font-size:13px;padding:0 0 8px}
.rows{max-width:760px;border-top:1px solid var(--line)}
.rw{display:flex;align-items:center;gap:12px;padding:12px 2px;min-height:68px;cursor:pointer}
.rw:hover .nm{text-decoration:underline}
.rw .nm{margin-top:0;font-size:15px}
.rw .pr{margin-top:0;white-space:nowrap;font-size:15px}
.rm{flex:1;min-width:0}
.rm .nm span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt{color:var(--mute);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:600}
.bd.fb{background:var(--fb1);color:var(--fb2)}.bd.ig{background:var(--ig1);color:var(--ig2)}.bd.tt{background:var(--tt1);color:var(--tt2)}.bd.x{background:var(--x1);color:var(--x2)}.bd.yt{background:var(--yt1);color:var(--yt2)}
textarea{width:100%;font:inherit;padding:10px;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--ink);resize:vertical}
textarea:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.dt{max-width:760px}
.dh{display:flex;align-items:center;gap:12px}
.dn{display:flex;align-items:center;gap:6px;margin:0;font-size:clamp(22px,5vw,28px)}
.dn>span:first-child{min-width:0;overflow-wrap:anywhere}
.dp{font-size:clamp(28px,7vw,36px);font-weight:600;letter-spacing:-.5px;margin:14px 0}
.sg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:6px}
.sc{border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.sc b{display:block;font-weight:600;font-size:16px}
.ab{white-space:pre-wrap;overflow-wrap:anywhere;max-width:60ch;margin:0}
.gbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:99px;font-weight:500}
.or{display:flex;align-items:center;gap:10px;color:var(--mute);font-size:13px;margin:14px 0 2px}
.or:before,.or:after{content:"";flex:1;border-top:1px solid var(--line)}
.ft{max-width:1040px;margin:32px auto 0;padding:0 16px 96px}
.ftg{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:20px 24px;border-top:1px solid var(--line);padding-top:24px}
.ftb b{font-size:16px}.ftb p{margin:6px 0 0;color:var(--mute);font-size:13px;max-width:30ch}
.ft h2{font-size:13px;margin:0 0 8px;font-weight:600}
.ft ul{list-style:none;margin:0;padding:0}
.ft a{display:inline-block;padding:4px 0;color:var(--mute);font-size:13px;text-decoration:none;overflow-wrap:anywhere}
.ft a:hover{color:var(--ink);text-decoration:underline}
.ftl{border-top:1px solid var(--line);margin:20px 0 0;padding-top:12px;color:var(--mute);font-size:12px;line-height:1.5}
.ferr{color:var(--r);font-size:13px;margin-top:6px;line-height:1.4}
input[aria-invalid="true"]{border-color:var(--r)}
@media(max-width:640px){.ftg{grid-template-columns:1fr 1fr}.ftb{grid-column:1/-1}}
.authc{max-width:420px;margin:16px auto;padding:24px 20px}
.abr{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:18px;margin-bottom:16px}
.seg{display:flex;background:color-mix(in srgb,var(--mute) 14%,transparent);border-radius:99px;padding:3px;margin-bottom:22px}
.seg button{flex:1;font:inherit;font-size:14px;border:0;background:none;color:var(--mute);padding:9px 0;border-radius:99px;cursor:pointer;min-height:40px}
.seg button.on{background:var(--bg);color:var(--ink);font-weight:500;box-shadow:0 0 0 1px var(--line)}
.seg button:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.ah{font-size:24px;margin:0 0 4px;letter-spacing:-.3px}
.lrow{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.lrow a{font-size:13px;margin-top:14px}
.pwf{position:relative}.pwf input{padding-right:46px}
.eye{position:absolute;right:2px;top:0;height:100%;width:44px;border:0;background:none;color:var(--mute);cursor:pointer;display:grid;place-items:center}.eye svg{width:20px;height:20px}
.wide{width:100%;margin-top:18px;border-radius:99px;min-height:46px}
.aes{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--ok);font-size:13px;margin-top:16px}
.lg{color:var(--mute);font-size:12px;text-align:center;margin:14px 0 0;line-height:1.5}
.plg{flex:none;display:block}
.pill{display:inline-flex;align-items:center;gap:6px}
.wpl button{display:flex;align-items:center;justify-content:center;gap:8px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.astat{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}
.atabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:14px}
.atabs button{font:inherit;background:none;border:0;border-bottom:2px solid transparent;padding:10px 12px;color:var(--mute);cursor:pointer;white-space:nowrap;min-height:44px;display:flex;gap:6px;align-items:center}
.atabs button.on{color:var(--ink);border-bottom-color:var(--g);font-weight:600}
.atabs button:focus-visible{outline:3px solid var(--y);outline-offset:-3px}
.bdg{background:var(--g);color:var(--onp);border-radius:99px;font-size:12px;min-width:20px;padding:0 6px;text-align:center;line-height:20px}.bdg.z{background:var(--line);color:var(--mute)}
.ac{margin-bottom:12px}.ach{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.ach b{font-size:16px}
.stat{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;border:1px solid currentColor}.stat.w{background:var(--y);color:#14201a;border-color:var(--y)}.stat.k{color:var(--ok)}.stat.x{color:var(--r)}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px 14px;margin:12px 0}
.k span{display:block;font-size:12px;color:var(--mute)}.k b{font-weight:600;word-break:break-word}.k small{font-weight:400;color:var(--mute)}.k code{font-size:14px;letter-spacing:1px}
.hint{color:var(--mute);font-size:13px;margin:6px 0}
.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.acts input{flex:1;min-width:170px;width:auto}
.quote{background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--r);border-radius:6px;padding:10px 12px;margin:10px 0;font-size:14px;white-space:pre-wrap;word-break:break-word}.quote span{display:block;font-size:12px;color:var(--mute);margin-bottom:2px}
.opt{border:1px solid var(--line);border-radius:6px;padding:12px;margin-top:10px}
.kv1{margin:12px 0 0;display:grid;gap:8px}.kv1 div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:6px}.kv1 span{color:var(--mute)}.kv1 b{text-align:right;word-break:break-word}

.otabs{display:flex;gap:4px;border:1px solid var(--line);border-radius:10px;padding:3px;margin:0 0 14px}
.otabs button{flex:1;font:inherit;border:0;background:transparent;border-radius:8px;padding:9px;min-height:44px;color:var(--mute);cursor:pointer;display:flex;gap:6px;align-items:center;justify-content:center}
.otabs button.on{background:var(--g);color:var(--onp);font-weight:500}
.otabs button:focus-visible{outline:3px solid var(--y);outline-offset:1px}
.ocnt{font-size:12px;min-width:18px;line-height:18px;border-radius:99px;background:var(--fb1);color:var(--fb2);padding:0 5px}
.olab{font-size:13px;color:var(--mute);font-weight:500;margin:16px 0 8px}.otabs+.olab{margin-top:0}
.od{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 12px}.od.hot{border:2px solid var(--fb2)}
.odh{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.odh b{font-size:16px}.odp{font-weight:600;font-size:16px;white-space:nowrap}
.odm{font-size:13px;color:var(--mute);margin:2px 0 0}
.opill{display:inline-block;font-size:12px;padding:2px 10px;border-radius:99px;margin-top:8px}
.opw{background:var(--y);color:#14201a}.opa{background:var(--fb1);color:var(--fb2)}.ops{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.opn{border:1px solid var(--line);color:var(--mute)}
.ostp{display:flex;margin:14px 0 4px}
.osp{flex:1;text-align:center;position:relative;font-size:12px;color:var(--mute)}
.osp i{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 4px;border:1.5px solid var(--line);background:var(--card);font-style:normal;font-size:13px;position:relative;z-index:1}
.osp:not(:last-child):after{content:"";position:absolute;top:10px;left:50%;width:100%;height:2px;background:var(--line)}
.osp.ok:not(:last-child):after{background:var(--ok)}
.osp.ok i{background:var(--ok);border-color:var(--ok);color:var(--onp)}
.osp.cur i{background:var(--g);border-color:var(--g);box-shadow:inset 0 0 0 5px var(--card)}
.osp.cur{color:var(--ink);font-weight:500}
.onx{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-top:12px;font-size:14px}
.onx small{display:block;font-size:12px;color:var(--mute);margin-bottom:2px}
.oac{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;align-items:center}.oac .go{flex:1;min-width:150px}
.olk{border:0;background:transparent;color:var(--r);font:inherit;font-size:13px;padding:10px 6px;text-decoration:underline;cursor:pointer;min-height:44px}
.omn{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--mute);border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.omn b{font-weight:600;color:var(--ink)}

.wbar{display:flex;gap:6px}.wbar div{flex:1;height:4px;border-radius:2px;background:var(--line)}.wbar div.on{background:var(--g)}
.wlab{display:flex;justify-content:space-between;font-size:12px;color:var(--mute);margin-top:6px}.wlab .on{color:var(--ink);font-weight:500}
.wsh{display:flex;gap:10px;align-items:center;margin:0 0 4px}.wsh i{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:500}.wsh b{font-size:16px}
.wpl{display:flex;gap:6px;flex-wrap:wrap}.wpl button{flex:1;min-width:92px;font:inherit;padding:9px;min-height:44px;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.wpl button.on{background:var(--g);border-color:var(--g);color:var(--onp);font-weight:500}
.wtwo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wrc{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ink);border-radius:8px;padding:10px 12px;margin-top:10px;font-size:14px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.wrc b{font-weight:600}
.wtiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.wtile{border:1px solid var(--line);border-radius:8px;padding:10px;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.wtile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wtile button{border:0;background:transparent;color:var(--mute);font-size:16px;min-width:32px;min-height:32px;cursor:pointer}
.wnote{background:var(--fb1);color:var(--fb2);border-radius:8px;padding:10px 12px;font-size:13px;margin-top:12px}
.wnav{display:flex;gap:8px;margin-top:14px}.wnav .btn{min-height:44px}.wnav .go{flex:1}
.po{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:8px 0}

.pg{max-width:560px;margin:0 auto}
.phd{text-align:center;padding:4px 0 0}
.pav{width:64px;height:64px;border-radius:50%;background:var(--fb1);color:var(--fb2);display:grid;place-items:center;font-size:21px;font-weight:600;margin:0 auto 10px}
.pnm{font-size:22px;margin:0 0 2px;letter-spacing:-.2px;overflow-wrap:anywhere}
.pk{color:var(--mute);font-size:13px;line-height:1.4}
.pv{font-weight:500;font-size:15px}
.pvf{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent);padding:2px 10px;border-radius:99px;margin-top:8px}
.pst{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0 0}
.pst div{flex:1;text-align:center;padding:12px 0;font-size:12px;color:var(--mute)}
.pst div+div{border-left:1px solid var(--line)}
.pst b{display:block;font-size:20px;font-weight:600;color:var(--ink)}
.psec{font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.05em;font-weight:500;margin:22px 0 4px}
.prow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-top:1px solid var(--line);min-height:56px;width:100%;text-align:left;font:inherit;color:var(--ink);background:none;border-left:0;border-right:0;border-bottom:0}
.prow.ped{display:block}
.pbtn{cursor:pointer}
.pbtn:hover .pv{text-decoration:underline}
.pbtn:focus-visible,.plink:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.plink{background:none;border:0;color:var(--fb2);font:inherit;font-size:14px;font-weight:500;cursor:pointer;min-height:44px;min-width:44px;padding:0 4px}
.pmuted{color:var(--mute);font-size:14px;display:inline-flex}
.pchev{color:var(--mute);flex:none}
.pout{border-top:1px solid var(--line);margin-top:0;padding-top:24px}
.pout .btn{margin-top:0}
.ft nav{display:block;position:static;margin:0;padding:0;border:0;background:none;z-index:auto;justify-content:flex-start}
@media(max-width:640px){.ftg{grid-template-columns:1fr 1.5fr}}
/* Phase 3: reviews */
.stars{color:var(--y);letter-spacing:1px;white-space:nowrap}.stars .dim{color:var(--line)}
.sm{font-size:13px;color:var(--mute)}
.slr{border:1px solid var(--line);border-radius:12px;padding:14px;max-width:760px}
.slh{display:flex;align-items:center;gap:10px}
.sav{width:40px;height:40px;border-radius:50%;background:var(--fb1);color:var(--fb2);display:grid;place-items:center;font-weight:600;font-size:14px;flex:none}
.slm{display:flex;align-items:center;gap:6px;font-weight:600}
.rv{border-top:1px solid var(--line);margin-top:12px;padding-top:10px;font-size:14px}.rv p{margin:4px 0 0;overflow-wrap:anywhere}
.rst{display:flex;justify-content:center;gap:2px;margin:10px 0 14px}
.rst button{background:none;border:0;font-size:36px;line-height:1;color:var(--line);cursor:pointer;min-width:48px;min-height:48px;padding:0}
.rst button.on{color:var(--y)}.rst button:focus-visible{outline:3px solid var(--y);outline-offset:2px;border-radius:8px}