/* SLAB IT UP! galactic liquid-glass theme (redesign 2026-11-04). Layered over style.css; CSS-only background so the single WebGL canvas is free for 3D. */
:root{--bg:#05030d;--bg2:#0a0718;--s1:rgba(255,255,255,.06);--s2:rgba(255,255,255,.09);--s3:rgba(255,255,255,.14);--line:rgba(255,255,255,.14);--ink:#eef0ff;--muted:#a0a6cf;--dim:#6d7299;
--cy:#7cf3ff;--teal:#5ee3c8;--grad:linear-gradient(120deg,#7cf3ff,#b18cff 55%,#ff6fa8);--gold:#f7c948;--A:#f7c948;--B:#7cf3ff;--C:#b18cff;--D:#6d7cff;--E:#59607a;
--glass:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.03));--gl-blur:blur(18px) saturate(160%)}
html{background:#05030d}
body{background:#05030d}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
 background:radial-gradient(900px 520px at 15% -5%,rgba(110,40,190,.38),transparent 60%),radial-gradient(800px 600px at 105% 30%,rgba(20,140,190,.28),transparent 60%),radial-gradient(700px 500px at 30% 110%,rgba(255,80,150,.16),transparent 60%),#05030d}
body::after{content:"";position:fixed;inset:-50%;z-index:-1;pointer-events:none;opacity:.75;
 background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 120px 80px,#cfe,transparent),radial-gradient(1.5px 1.5px at 200px 160px,#fff,transparent),radial-gradient(1px 1px at 300px 40px,#ffd,transparent),radial-gradient(1px 1px at 380px 220px,#bdf,transparent),radial-gradient(1.5px 1.5px at 60px 260px,#fff,transparent);
 background-size:420px 300px;animation:ux-drift 140s linear infinite}
@keyframes ux-drift{to{transform:translate3d(-420px,-300px,0)}}
/* liquid glass primitives */
.glass,.hero,.sheet,.tabbar,.vhead,.lrow,.rrow,.tile,.pstep,.estbox,.findbox,.decision,.pcell,.hypecard,.bcol,.cz,.lotbanner,.pp-home button,.ux-next,.attn,.compare .cmp,.links a,.mycomps>div,.dc-nets>div,.pp-verdict,.pp-grade>div{background:var(--glass);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 40px rgba(0,0,0,.35)}
.glass,.hero,.decision,.estbox,.findbox,.pp-verdict,.ux-quant,.ux-ladder,.ux-reveal{position:relative;border-radius:20px}
.glass::before,.hero::before,.pp-verdict::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(120deg,rgba(255,60,120,.75),transparent 30%,transparent 70%,rgba(60,220,255,.85));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}
.vhead{background:rgba(8,5,22,.55);border-width:0 0 1px}
.vh-left h1{letter-spacing:.06em;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.tabbar{background:rgba(10,7,26,.6)!important;border-width:1px 0 0}
.snapring{background:conic-gradient(from 90deg,#ff3c78,#7cf3ff,#f7c948,#ff3c78)!important;box-shadow:0 0 24px rgba(124,243,255,.6)}
.cta{background:var(--grad)!important;color:#07051a!important;font-weight:800;box-shadow:0 8px 30px rgba(124,243,255,.25)}
.ghostbtn{background:var(--s1);border:1px solid var(--line)}
.hero-value{background:linear-gradient(100deg,#fff,#9ff 30%,#f7c948 60%,#ff8fc0);-webkit-background-clip:text;background-clip:text;color:transparent}
.sheet{background:rgba(12,8,30,.82)!important}
.sec-h h2{letter-spacing:.04em}
.lrow,.rrow{border-radius:16px;content-visibility:auto;contain-intrinsic-size:auto 86px}
.tile{border-radius:16px;content-visibility:auto;contain-intrinsic-size:auto 260px}
.bcard,.binder tr{content-visibility:auto;contain-intrinsic-size:auto 56px}
.lrow:hover,.rrow:hover,.tile:hover{border-color:rgba(124,243,255,.45)}
.gtag{background:rgba(255,255,255,.07);border:1px solid var(--line)}
.prices .pcell b{font-size:1.15rem}
/* guided rails */
.ux-rail{display:grid;gap:8px;margin:14px 0}.ux-rail-t{font-size:.66rem;letter-spacing:.32em;color:var(--cy);text-transform:uppercase}
.ux-next{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 14px;border-radius:14px;text-align:left}.ux-next b{font-size:.95rem}.ux-next small{grid-column:1;color:var(--muted);font-size:.76rem}.ux-next i{grid-row:1/span 2;grid-column:2;opacity:.7;transition:transform .25s}.ux-next:hover i{transform:translateX(4px)}
.ux-next.pri{border-color:rgba(124,243,255,.55);box-shadow:0 0 0 1px rgba(124,243,255,.25),0 0 30px -8px rgba(124,243,255,.7)}
@media (min-width:760px){.ux-rail{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ux-rail-t{grid-column:1/-1}}
.ux-crumbs{display:flex;gap:6px;align-items:center;font-size:.75rem;color:var(--muted);flex-wrap:wrap;margin-right:auto}.ux-crumbs button{color:var(--cy)}.ux-crumbs b{color:var(--ink);font-weight:600;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-head{flex-wrap:wrap}
/* ladder */
.ux-ladder{padding:12px;display:grid;gap:8px;margin:14px 0}.ux-lh{display:flex;justify-content:space-between;align-items:baseline;padding:2px 4px}.ux-kick{font-size:.66rem;letter-spacing:.32em;color:var(--cy)}
.ux-tier{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:transform .25s,box-shadow .25s;text-align:left}
.ux-tier i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#fff4,transparent 60%),var(--g);box-shadow:0 0 22px -4px var(--g)}.ux-tier i svg{stroke:#0b0820;stroke-width:2.2}
.ux-tier small{display:block;color:var(--muted);font-size:.74rem}.ux-tier em{font-style:normal;font-weight:800;font-size:1.3rem;color:var(--g)}
.ux-tier:hover{transform:translateX(5px);box-shadow:0 0 0 1px var(--g),0 0 30px -8px var(--g)}
.t-A{--g:var(--A)}.t-B{--g:var(--B)}.t-C{--g:var(--C)}.t-D{--g:var(--D)}.t-E{--g:var(--E)}
/* pipeline / Snap It */
.ux-pipe .pp-steps{display:flex;gap:6px;overflow-x:auto}.ux-pipe .pp-steps button{position:relative;border-radius:99px;padding:6px 12px;border:1px solid var(--line);background:var(--s1);font-size:.78rem;white-space:nowrap}
.ux-pipe .pp-steps button.done{color:var(--cy);border-color:rgba(124,243,255,.35)}.ux-pipe .pp-steps button.on{background:var(--grad);color:#07051a;font-weight:800;border-color:transparent;box-shadow:0 0 20px rgba(124,243,255,.45)}
.pp-cam{position:relative;overflow:hidden;border-radius:18px}.ux-scan{position:absolute;left:0;right:0;height:2px;top:10%;background:linear-gradient(90deg,transparent,#7cf3ff,transparent);box-shadow:0 0 18px #7cf3ff;animation:ux-scan 2.4s ease-in-out infinite;pointer-events:none}
@keyframes ux-scan{50%{top:88%}}
.ux-corner{position:absolute;width:26px;height:26px;border:2px solid #7cf3ff;pointer-events:none;filter:drop-shadow(0 0 6px #7cf3ff)}.ux-corner.tl{left:8%;top:8%;border-width:2px 0 0 2px}.ux-corner.tr{right:8%;top:8%;border-width:2px 2px 0 0}.ux-corner.bl{left:8%;bottom:8%;border-width:0 0 2px 2px}.ux-corner.br{right:8%;bottom:8%;border-width:0 2px 2px 0}
.ux-reveal{height:min(56vh,520px);overflow:hidden;margin-bottom:14px;transition:height .6s ease}.ux-reveal.done{height:min(40vh,380px)}
.ux-stage{position:absolute;inset:0}.fx-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.ux-steps{position:absolute;left:12px;top:12px;list-style:none;margin:0;padding:10px 12px;border-radius:14px;background:rgba(10,7,26,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);font-size:.8rem}
.ux-steps li{padding:3px 0 3px 20px;position:relative;color:var(--muted)}.ux-steps li::before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:50%;border:1px solid var(--line)}
.ux-steps li.on{color:var(--ink)}.ux-steps li.on::before{background:#7cf3ff;border-color:#7cf3ff;box-shadow:0 0 10px #7cf3ff}
.ux-skip{position:absolute;right:12px;top:12px;font-size:.75rem;padding:6px 10px;border-radius:99px;background:rgba(10,7,26,.55);border:1px solid var(--line)}.ux-reveal.done .ux-skip{display:none}
.ux-rnote{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cy);margin:0}
.ux-pending>*:not(.ux-reveal){opacity:0;pointer-events:none}.ux-landed>*:not(.ux-reveal){animation:ux-in .6s ease both}.ux-landed>*:nth-child(3){animation-delay:.08s}.ux-landed>*:nth-child(4){animation-delay:.16s}.ux-landed>*:nth-child(5){animation-delay:.24s}
@keyframes ux-in{from{opacity:0;transform:translateY(14px)}}
.pp-verdict{padding:16px 16px 16px 70px!important;min-height:76px}.ux-vicon{position:absolute;left:14px;top:16px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#fff4,transparent 60%),var(--g,#7cf3ff);box-shadow:0 0 26px -4px var(--g,#7cf3ff)}.ux-vicon svg{stroke:#0b0820;stroke-width:2.2}
.ux-vicon.p-A{--g:var(--A)}.ux-vicon.p-B{--g:var(--B)}.ux-vicon.p-C{--g:var(--C)}.ux-vicon.p-D{--g:var(--D)}.ux-vicon.p-E{--g:var(--E)}
.pp-verdict .cap{letter-spacing:.35em}.pp-verdict b{font-size:1.5rem;display:block}
.ux-flags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.ux-flag{font-size:.74rem;padding:4px 10px;border-radius:99px;border:1px solid rgba(255,191,90,.5);color:#ffcf7a;background:rgba(255,191,90,.08)}
/* card profile */
.det-hero{position:relative}.ux-card3d{position:relative;width:100%;flex:1 1 100%;height:min(52vh,440px);border-radius:20px;overflow:hidden;cursor:grab;background:radial-gradient(60% 60% at 50% 45%,rgba(124,243,255,.12),transparent 70%)}
.det-hero.has3d .det-img{display:none}.det-hero.has3d::after{content:"Drag to tilt · tap to flip";position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:.7rem;letter-spacing:.2em;color:var(--muted);pointer-events:none}
.ux-quant{padding:14px;margin:14px 0}.ux-quant h2{display:flex;gap:8px;align-items:center}.ux-quant h2 svg{width:18px;height:18px;stroke:var(--cy)}
.ux-qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.ux-q{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);min-width:0}
.ux-q span{display:block;font-size:.7rem;color:var(--muted);letter-spacing:.04em}.ux-q b{display:block;font-size:.88rem;margin:2px 0;overflow-wrap:anywhere}.ux-q small{display:block;font-size:.66rem;color:var(--dim);overflow-wrap:anywhere}.ux-q small a{color:var(--cy)}
.ux-q.s-yes{border-color:rgba(124,243,255,.45);box-shadow:0 0 18px -10px #7cf3ff}.ux-q.s-unknown b{color:#ffcf7a}.ux-research{margin:10px 0 0}
.ux-more{margin:14px 0}
@media (prefers-reduced-motion:reduce){body::after{animation:none}.ux-scan{animation:none;display:none}*{transition:none!important}.ux-landed>*{animation:none!important}}
/* polish v30: dark glass carousel */
.cz-slide{background:linear-gradient(165deg,rgba(28,20,64,.78),rgba(8,10,30,.86))!important;border:1px solid rgba(124,243,255,.18)!important;color:#eef2ff!important;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)!important}
.cz-body{background:transparent!important;border-top:1px solid rgba(124,243,255,.14)}
.cz-img{background:radial-gradient(120% 90% at 30% 20%,#2a1a66,#070a1e 70%)!important}
.cz-title{color:#f4f6ff!important}.cz-sub{color:#b9c3e6!important}.cz-blurb{color:#9aa6cc!important}
.cz-pill{background:rgba(124,243,255,.14)!important;color:#7cf3ff!important;border:1px solid rgba(124,243,255,.35)}
.cz-pill-hype{background:rgba(255,120,200,.14)!important;color:#ff9bd6!important;border-color:rgba(255,120,200,.4)}
/* polish v30: stable sheet header */
#sheet .sh-head{flex-wrap:wrap;row-gap:6px;align-items:center}
#sheet .sh-head .ux-crumbs{flex:0 0 100%;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;min-width:0;margin:0}
#sheet .ux-crumbs>*{flex:none}#sheet .ux-crumbs>b{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
#sheet .sh-head h2{flex:1 1 40%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
#sheet .sh-head>div,#sheet .sh-head>.iconbtn{flex:none;display:flex;gap:8px;flex-wrap:nowrap}
html,body{overflow-x:hidden}
.toast{background:rgba(20,14,48,.92)!important;color:#eef2ff!important;border:1px solid rgba(124,243,255,.3);backdrop-filter:blur(12px)}.toast .undo{color:#7cf3ff!important}
/* sleeves icon grid */
.sv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:760px){.sv-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.sv-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 12px;border-radius:18px;background:linear-gradient(165deg,color-mix(in srgb,var(--pc) 16%,rgba(20,14,48,.8)),rgba(8,10,30,.85));border:1px solid color-mix(in srgb,var(--pc) 45%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.35);transition:box-shadow .25s,transform .25s;outline:none}
.sv-tile:hover,.sv-tile:focus-visible,.sv-tile:active{box-shadow:0 0 0 1px var(--pc),0 0 26px color-mix(in srgb,var(--pc) 55%,transparent);transform:translateY(-2px)}
.sv-grid .sv-tile:last-child:nth-child(odd){grid-column:1/-1}@media(min-width:760px){.sv-grid .sv-tile:last-child:nth-child(odd){grid-column:auto}}
.sv-art{width:72px;height:72px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--pc) 45%,transparent))}
.sv-n{font-size:1.9rem;font-weight:800;line-height:1;color:#fff;text-shadow:0 0 14px color-mix(in srgb,var(--pc) 70%,transparent)}
.sv-name{font-size:.78rem;font-weight:700;color:var(--pc);letter-spacing:.03em}
.sv-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:2px}
.sv-chip{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:650;color:#dfe6ff;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);white-space:nowrap}
.sv-chip svg,.sv-total svg{width:13px;height:13px;color:var(--cy,#7cf3ff)}
.sv-total{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:10px;padding:10px 14px;border-radius:14px;background:rgba(20,14,48,.6);border:1px solid rgba(124,243,255,.18);color:#c9d2f2;font-size:.85rem}
.sv-total span{display:inline-flex;align-items:center;gap:6px}.sv-total b{color:#fff;font-size:1.1rem}.sv-total svg{width:18px;height:18px}.sv-total small{margin-left:auto;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.sv-tile{transition:none}.sv-tile:hover,.sv-tile:active{transform:none}}
/* explore tabs */
.ex-h{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;color:inherit;cursor:pointer;text-align:left;padding:0}
.ex-h .muted{flex:1}.ex-chev{width:20px;height:20px;color:var(--cy,#7cf3ff);transition:transform .25s;transform:rotate(-90deg)}.ex.open .ex-chev{transform:none}
.ex-tabs{margin:8px 0 10px;max-width:100%;overflow-x:auto}
.ex-chips{display:flex;flex-wrap:wrap;gap:8px}
.ex-chip{display:inline-flex!important;align-items:center;gap:8px;max-width:100%;min-width:0;padding:7px 8px 7px 12px!important;border-radius:999px;background:rgba(28,20,64,.7)!important;border:1px solid rgba(124,243,255,.2)!important;color:#eef2ff!important;backdrop-filter:blur(10px)}
.ex-chip:hover{box-shadow:0 0 16px rgba(124,243,255,.35)}
.ex-nm{min-width:0;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ex-bd{flex:none;font-size:.7rem;font-weight:700;color:#9fb0dc!important;background:rgba(255,255,255,.07);border-radius:999px;padding:2px 7px}
.ex-more{border-radius:999px;padding:7px 14px;border:1px dashed rgba(124,243,255,.5);background:rgba(124,243,255,.08);color:#7cf3ff;font-weight:700;font-size:.8rem}
@media(prefers-reduced-motion:reduce){.ex-chev{transition:none}}
.sv-tile.pile-E .sv-name{color:#c3cbe8}.sv-tile.pile-E{--pc:#8f9bc4}