.pfb{position:relative;display:inline-grid;border:0;margin:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer;isolation:isolate;text-align:center;-webkit-tap-highlight-color:transparent}.pfb[hidden]{display:none}.pfb-in{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.pfb-a,.pfb-b{position:absolute;pointer-events:none}.pfb[disabled]{opacity:.4;cursor:not-allowed}.pfb:focus-visible{outline:2px solid currentColor;outline-offset:3px}@keyframes pfb-glint{to{left:125%}}@keyframes pfb-snap{0%{transform:translateY(-4px)}45%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes pfb-roll{to{background-position:0 0,30px 0}}@keyframes pfb-squish{0%{transform:scale(1)}30%{transform:scale(1.08,.84)}60%{transform:scale(.95,1.05)}to{transform:scale(1)}}@keyframes pfb-slosh{0%,75%{opacity:1}to{opacity:0}}@keyframes pfb-wave{to{-webkit-mask-position:40px 0;mask-position:40px 0}}[data-skin=stopper] .pfb{--tint: #E6CFA3;--fill: 0%;color:#10141f;transition:transform .2s cubic-bezier(.3,1.5,.5,1)}[data-skin=stopper] .pfb:not([disabled]):active{transform:scale(.96)}[data-skin=stopper] .pfb:not(.primary){border-radius:999px;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#ffffffb3,#fff0 62%),linear-gradient(180deg,#ffffff94,#ffffff42);box-shadow:inset 0 1px .5px #fff,inset 0 -1px .5px #ffffffb3,inset 0 0 0 .5px #10141f24,inset 0 -8px 12px -8px #10141f1f,0 3px 10px -4px #10141f33}[data-skin=stopper] .pfb.float{background-color:#ffffff4d;-webkit-backdrop-filter:blur(14px) saturate(1.8);backdrop-filter:blur(14px) saturate(1.8)}[data-skin=stopper] .pfb:not(.primary) .pfb-in{padding:8px 15px;font-weight:600}[data-skin=stopper] .pfb.sm:not(.primary) .pfb-in{padding:6px 12px;font-size:12.5px}[data-skin=stopper] .pfb:not(.primary) .pfb-b{inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#fffffff2,#ffffff1a 38%,#fff0 60%,#ffffffb3);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}[data-skin=stopper] .pfb:not(.primary) .pfb-a{inset:0;border-radius:inherit;overflow:hidden}[data-skin=stopper] .pfb:not(.primary) .pfb-a:before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--fill);background:linear-gradient(180deg,color-mix(in srgb,var(--tint) 46%,#fff),color-mix(in srgb,var(--tint) 74%,#fff));box-shadow:inset 0 1px #fffc;transition:height .75s cubic-bezier(.3,.9,.3,1)}[data-skin=stopper] .pfb:not(.primary) .pfb-a:after{content:"";position:absolute;left:-40px;right:0;height:7px;bottom:calc(var(--fill) - 1px);opacity:0;background:color-mix(in srgb,var(--tint) 46%,#fff);transition:bottom .75s cubic-bezier(.3,.9,.3,1);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='7'%3E%3Cpath d='M0 4C10 0 10 0 20 4S30 8 40 4V7H0Z'/%3E%3C/svg%3E") repeat-x 0 0 / 40px 7px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='7'%3E%3Cpath d='M0 4C10 0 10 0 20 4S30 8 40 4V7H0Z'/%3E%3C/svg%3E") repeat-x 0 0 / 40px 7px}[data-skin=stopper] .pfb.pfb-hit:not(.primary) .pfb-a:after{animation:pfb-wave .5s linear 2,pfb-slosh 1s linear}@media(hover:hover){[data-skin=stopper] .pfb:not([disabled]):hover{--fill: 50%}[data-skin=stopper] .pfb:not(.primary):not([disabled]):hover .pfb-a:after{opacity:1;animation:pfb-wave .9s linear infinite}}[data-skin=stopper] .pfb.pfb-full{--fill: 100%}[data-skin=stopper] .pfb[aria-pressed=true]:not(.primary):not(.toggle){--fill: 100%;box-shadow:inset 0 1px .5px #fff,inset 0 0 0 .5px color-mix(in srgb,var(--tint) 60%,#10141F),0 4px 12px -5px color-mix(in srgb,var(--tint) 80%,#10141F)}[data-skin=stopper] .pfb.primary{--tint: #D8B98A;--capH: 10px;--neckH: 4px;--sh: 16px;--shY: 14px;--base: 5px;margin-top:calc(var(--capH) + var(--neckH));filter:drop-shadow(0 1px 0 rgba(255,255,255,.7)) drop-shadow(0 7px 12px rgba(26,30,64,.24))}[data-skin=stopper] .pfb.primary.lg{--capH: 12px;--neckH: 5px;--sh: 22px;--shY: 18px;--base: 6px}[data-skin=stopper] .pfb.primary .pfb-in{padding:11px 20px;font-family:var(--serif, Georgia, serif);font-style:italic;font-weight:400;font-size:1.32em;letter-spacing:.005em;color:#10141f;text-shadow:0 1px 0 rgba(255,255,255,.7)}[data-skin=stopper] .pfb.primary.lg .pfb-in{padding:13px 26px;font-size:21px}[data-skin=stopper] .pfb.primary:before{content:"";position:absolute;z-index:3;left:50%;bottom:calc(100% + var(--neckH) - 1px);width:clamp(26px,30%,46px);height:var(--capH);transform:translate(-50%);border-radius:3px 3px 2px 2px;box-shadow:inset 0 -2px #c9a35a,inset 0 1px #ffffff59;background:linear-gradient(90deg,#12151d,#3e4454,#1a1e28,#0d1016 78%,#2a2f3b)}[data-skin=stopper] .pfb.primary:after{content:"";position:absolute;z-index:2;left:50%;bottom:calc(100% - 2px);width:clamp(14px,16%,24px);height:calc(var(--neckH) + 3px);transform:translate(-50%);border-radius:1px;background:linear-gradient(90deg,#8a6a2e,#f1d99b 40%,#b88a3e 70%,#7a5a22)}[data-skin=stopper] .pfb.primary .pfb-a{z-index:0;inset:0;clip-path:polygon(calc(var(--sh)) 0,calc(100% - var(--sh)) 0,100% calc(var(--shY)),100% calc(100% - var(--base)),calc(100% - var(--base)) 100%,var(--base) 100%,0 calc(100% - var(--base)),0 calc(var(--shY)));background:linear-gradient(180deg,#4a5368,#232838 60%,#161a26)}[data-skin=stopper] .pfb.primary .pfb-b{z-index:1;inset:1.5px;overflow:hidden;clip-path:polygon(calc(var(--sh) - .6px) 0,calc(100% - var(--sh) + .6px) 0,100% calc(var(--shY) - .6px),100% calc(100% - var(--base)),calc(100% - var(--base)) 100%,var(--base) 100%,0 calc(100% - var(--base)),0 calc(var(--shY) - .6px));background:linear-gradient(90deg,transparent 12px,rgba(255,255,255,.95) 12px 15px,transparent 15px),repeating-linear-gradient(90deg,transparent 0 7px,rgba(90,104,140,.07) 7px 8px),radial-gradient(120% 70% at 50% 0%,#fff,transparent 70%),linear-gradient(180deg,#f7f9fc,#e3e8f0 70%,#d3dae6);box-shadow:inset 0 -6px 10px -6px #10141f40}[data-skin=stopper] .pfb.primary .pfb-b:before{content:"";position:absolute;left:0;right:0;bottom:0;height:max(12%,var(--fill));background:linear-gradient(180deg,color-mix(in srgb,var(--tint) 62%,#fff),color-mix(in srgb,var(--tint) 92%,#fff));box-shadow:inset 0 1.5px #ffffffd9;transition:height .6s cubic-bezier(.3,.9,.3,1)}[data-skin=stopper] .pfb.primary .pfb-b:after{content:"";position:absolute;top:-30%;bottom:-30%;width:30%;left:-45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:skew(-20deg)}[data-skin=stopper] .pfb.primary.pfb-hit .pfb-b:after{animation:pfb-glint .6s ease-out}[data-skin=stopper] .pfb.primary:not([disabled]):active{--fill: 100%}[data-skin=stopper] .pfb.primary{border-radius:8px}[data-skin=stopper] .pfb.primary:focus-visible{outline:2px solid #10141F;outline-offset:3px}[data-skin=cap] .pfb{--lac: #161A22;padding-top:14px;color:#fff}[data-skin=cap] .pfb.primary{--lac: var(--accent, #F25C3B)}[data-skin=cap] .pfb-a{left:50%;bottom:0;width:16px;height:18px;margin-left:-8px;border-radius:4px 4px 2px 2px;z-index:1;background:linear-gradient(90deg,#7e848b,#f2f4f6 45%,#a3a9b0)}[data-skin=cap] .pfb-b{display:none}[data-skin=cap] .pfb-in{padding:9px 15px 15px;border-radius:14px 14px 7px 7px;font-weight:700;overflow:hidden;background:linear-gradient(180deg,#ffffff47,#fff0 45%),var(--lac);box-shadow:0 8px 16px -6px #0a1e3c73;transition:transform .22s cubic-bezier(.3,1.7,.5,1)}[data-skin=cap] .pfb-in:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,#9c7a3c,#f3dda2 40%,#b38c47 70%,#8a6a32)}[data-skin=cap] .pfb.sm .pfb-in{padding:6px 11px 12px;font-size:12.5px}[data-skin=cap] .pfb.lg .pfb-in{padding:13px 24px 19px;font-size:17px}[data-skin=cap] .pfb[aria-pressed=true] .pfb-in{transform:translateY(-11px) rotate(-3deg)}[data-skin=cap] .pfb:not([disabled]):active .pfb-in{transform:translateY(-15px) rotate(-5deg);transition-duration:.08s}[data-skin=twist] .pfb{border-radius:12px;padding:6px 14px;color:#f2f0eb;box-shadow:0 6px 14px #00000059,inset 0 1px #ffffff40;background:linear-gradient(180deg,#ffffff40,#00000059),repeating-linear-gradient(90deg,#5a5e65 0 2px,#d8dbe0 2px 3px,#8e9299 3px 5px);background-size:auto,200px 100%}[data-skin=twist] .pfb-in{padding:7px 14px;border-radius:8px;background:#17181b;font-weight:700;box-shadow:inset 0 1px 3px #000c,0 1px #fff3;transition:background .25s}[data-skin=twist] .pfb.sm{padding:4px 9px}[data-skin=twist] .pfb.sm .pfb-in{padding:5px 10px;font-size:12.5px}[data-skin=twist] .pfb.lg{padding:8px 26px}[data-skin=twist] .pfb.lg .pfb-in{padding:10px 20px;font-size:17px}[data-skin=twist] .pfb[aria-pressed=true] .pfb-in,[data-skin=twist] .pfb.primary .pfb-in{background:var(--accent, #F25C3B)}[data-skin=twist] .pfb.pfb-hit{animation:pfb-roll .32s cubic-bezier(.3,.7,.3,1)}[data-skin=magnet] .pfb{--top: #B6BCC4;--mid: #6E747C;--bot: #43484F;--edge: #2C3036;color:#ffffffe6;text-shadow:0 -1px 0 rgba(0,0,0,.5);border-radius:12px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),linear-gradient(180deg,var(--top),var(--mid) 48%,var(--bot));box-shadow:0 5px 0 var(--edge),0 10px 16px #281e144d,inset 0 1px #fff9;transform:translateY(-4px);transition:transform .08s,box-shadow .08s}[data-skin=magnet] .pfb.primary{--top: #F3DDA2;--mid: #C9A55A;--bot: #9C7A3C;--edge: #7A5E2E;color:#46300cd1;text-shadow:0 1px 0 rgba(255,255,255,.45)}[data-skin=magnet] .pfb-in{padding:10px 15px;font-weight:700}[data-skin=magnet] .pfb.sm .pfb-in{padding:6px 11px;font-size:12.5px}[data-skin=magnet] .pfb.lg .pfb-in{padding:13px 26px;font-size:18px}[data-skin=magnet] .pfb-b{display:none}[data-skin=magnet] .pfb:not([disabled]):active,[data-skin=magnet] .pfb[aria-pressed=true]{transform:translateY(0);box-shadow:0 0 0 var(--edge),0 2px 3px #281e144d,inset 0 2px 5px #00000047,inset 0 1px #ffffff59}[data-skin=magnet] .pfb[aria-pressed=true] .pfb-a{top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--accent, #F25C3B);box-shadow:0 0 6px var(--accent, #F25C3B)}[data-skin=magnet] .pfb.pfb-hit{animation:pfb-snap .2s cubic-bezier(.2,1.8,.4,1)}[data-skin=blotter] .pfb{--tint: #D2507B;--fill: 0%;background:#fcfaf4;color:#3b3428;overflow:hidden;filter:drop-shadow(0 3px 4px rgba(90,65,30,.22));clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%);font-family:var(--mono, monospace);letter-spacing:.1em;text-transform:uppercase}[data-skin=blotter] .pfb-in{padding:9px 22px 9px 14px;font-size:11.5px}[data-skin=blotter] .pfb.sm .pfb-in{padding:6px 19px 6px 11px;font-size:10.5px}[data-skin=blotter] .pfb-a{top:0;bottom:0;right:0;width:var(--fill);mix-blend-mode:multiply;background:linear-gradient(270deg,var(--tint),color-mix(in srgb,var(--tint) 50%,transparent) 75%,transparent);transition:width 1s cubic-bezier(.2,.7,.2,1)}[data-skin=blotter] .pfb-b{display:none}[data-skin=blotter] .pfb[aria-pressed=true]{--fill: 72%}[data-skin=blotter] .pfb.primary{clip-path:none;filter:none;overflow:visible;border-radius:47% 53% 50% 50%/56% 44%;color:#3c05059e;text-shadow:0 1px 0 rgba(255,255,255,.3);font-family:var(--serif, Georgia, serif);font-style:italic;letter-spacing:0;text-transform:none;background:radial-gradient(circle at 34% 28%,#e0645a,#a3221f 58%,#6a1010);box-shadow:inset 0 -5px 10px #00000059,inset 0 4px 6px #ffffff40,0 8px 14px #5a141459}[data-skin=blotter] .pfb.primary .pfb-in{padding:12px 26px;font-size:18px}[data-skin=blotter] .pfb.primary.pfb-hit{animation:pfb-squish .42s cubic-bezier(.3,1.4,.5,1)}@media(prefers-reduced-motion:reduce){.pfb,.pfb *{animation:none!important;transition:none!important}}@font-face{font-family:Atavian;src:url(fonts/Atavian-Regular.otf) format("opentype");font-weight:400;font-display:swap}:root{--heading: "Atavian", "Instrument Serif", Georgia, serif;--ink: #10151F;--muted: #4A5566;--glass: rgba(255, 255, 255, .74);--glass-line: rgba(255, 255, 255, .95);--paper: rgba(252, 250, 246, .8);--hair: rgba(16, 21, 31, .1);--tile: #12161F;--tile-ink: #F7F3EA;--accent: #F25C3B;--display: "Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;--mono: "Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;overflow:hidden;background:#bfd9ee;color:var(--ink);font-family:var(--display);font-size:15px;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene.dragging{cursor:grabbing}body.busy #scene{cursor:progress}.glass{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 12px 40px #10151f1f}.eyebrow{font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.chips-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sblur{position:fixed;z-index:1;pointer-events:none;left:0;top:0;width:0;height:0;-webkit-backdrop-filter:blur(1.6px);backdrop-filter:blur(1.6px);-webkit-mask:radial-gradient(closest-side,#000 70%,transparent);mask:radial-gradient(closest-side,#000 70%,transparent);transition:opacity .35s}@media(prefers-reduced-transparency:reduce){.sblur{display:none}}.top{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 10px;pointer-events:none}.top>*{pointer-events:auto}.wordmark{font-weight:400;font-size:31px;line-height:1;color:var(--ink)}.wm-line{position:relative;display:inline-flex;align-items:baseline;padding-right:1.15em}.wm-w{font-family:Italiana,Cormorant Garamond,Georgia,serif;letter-spacing:.035em;-webkit-text-stroke:.25px currentColor}.wm-de{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:500;font-size:.56em;letter-spacing:.02em;margin:0 .3em 0 .26em;opacity:.82}.wm-mist{position:absolute;right:0;top:.12em;width:1.2em;height:1.02em;overflow:visible;fill:currentColor}.wm-mist circle{opacity:calc(.95 - var(--i) * .045);animation:wm-puff 7s ease-out infinite;animation-delay:calc(var(--i) * 28ms)}@keyframes wm-puff{0%,82%,to{transform:translate(0)}88%{transform:translate(-1.5px,.5px);opacity:.15}94%{transform:translate(.6px,-.2px)}}@media(prefers-reduced-motion:reduce){.wm-mist circle{animation:none}}.wordmark small{white-space:nowrap;display:block;font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.14em;color:var(--muted);margin-top:7px;text-transform:uppercase}.cab-finish{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:0 20px 14px}.cab-finish .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tools{display:flex;gap:8px;align-items:center;margin-left:auto}.top .pfb.primary{--capH: 8px;--neckH: 3px;--sh: 12px;--shY: 10px;--base: 4px}[data-skin=stopper] .top .pfb.primary{margin-top:0}[data-skin=stopper] .top .pfb.primary .pfb-in{height:42px;box-sizing:border-box;display:flex;align-items:center;padding:0 16px;font-size:19px}.cab-open small{font-family:var(--mono);font-size:11px;font-weight:600;min-width:22px;padding:1px 7px;border-radius:99px;background:var(--ink);color:#fff;opacity:1}.snd{display:flex;gap:2px;padding:3px;border-radius:99px}[data-skin=stopper] .snd .pfb{background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}[data-skin=stopper] .snd .pfb .pfb-b{display:none}[data-skin=stopper] .snd .pfb .pfb-in{width:36px;height:34px;padding:0}.snd svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.snd .slash{opacity:0;transition:opacity .2s}.snd .pfb[aria-pressed=false]{color:var(--muted)}.snd .pfb[aria-pressed=false] .slash{opacity:1}.snd-hint{position:absolute;top:calc(100% + 8px);right:0;white-space:nowrap;font-size:12.5px;padding:6px 11px;border-radius:99px;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s}.snd-hint.on{opacity:1;transform:none}.snd-wrap{position:relative}.empty-card{display:none;padding:22px 22px 20px;gap:12px}body.empty-shelf .ctx .empty-card .ctx-title{display:block;margin:2px 0 0}.ctx .empty-card>*{grid-column:1 / -1}.empty-card p{margin:0;font-size:14.5px;line-height:1.5;color:var(--muted)}.empty-card .pfb.primary{margin-top:6px}.empty-card .link,.pick-note .link{justify-self:start;border:0;background:none;padding:4px 0;font:inherit;font-size:13.5px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}body.empty-shelf .ctx{display:block}body.empty-shelf .ctx>:not(.empty-card){display:none}body.empty-shelf .empty-card{display:grid}body.empty-shelf #cabBtn{display:none}.pick-note{grid-area:pick;margin:10px 18px 18px;display:grid;gap:2px;font-size:13.5px;color:var(--muted)}.cab.add{width:min(560px,100%);height:min(82vh,760px);grid-template-rows:auto auto minmax(0,1fr) auto auto}.add-list{overflow-y:auto;padding:0 20px 12px;display:grid;align-content:start}.add-list .eyebrow{padding:4px 0 8px}.add-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--hair)}.add-row svg{width:40px;height:52px}.add-row b{display:block;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-row small{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-row .pfb{min-width:84px}.add-row .mono{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--mono-bg, #EEF1F5);color:var(--ink);font-family:var(--heading);font-size:19px}.add-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:4px 0 8px}.add-head .eyebrow{padding:0}.add-head small{font-size:12.5px;color:var(--muted)}.add-more{padding:14px 0 4px;font-size:13px;color:var(--muted)}.add-none .pfb{margin-top:12px}.add-credit{padding:0 20px 2px;font-size:11px;color:var(--muted)}.add-credit a{color:inherit}.add-none{padding:26px 4px;color:var(--muted);font-size:14.5px;line-height:1.5}.add-none b{color:var(--ink);font-weight:600}.add-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px 18px;border-top:1px solid var(--hair)}.add-foot span{font-size:13.5px;color:var(--muted)}.add-foot #addCount{margin-right:auto}.add-row .pfb{min-width:116px}.cab.add.details .cab-tools,.cab.add.details .add-credit{display:none}.cab.add.details{grid-template-rows:auto minmax(0,1fr) auto}.add-details{overflow-y:auto;padding:2px 20px 18px;display:grid;gap:10px;align-content:start}.dt-intro{margin:0 0 4px;font-size:14px;color:var(--muted);line-height:1.5}.dt-card{border:1px solid rgba(255,255,255,.95);background:#ffffff80;border-radius:18px;transition:background .2s,box-shadow .2s}.dt-card.open{background:#ffffffdb;box-shadow:0 10px 28px -14px #10151f59}.dt-top{width:100%;border:0;background:none;padding:14px 16px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;border-radius:18px}.dt-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.dt-title{min-width:0}.dt-title b{display:block;font-weight:600;font-size:16px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-title small{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.dt-act{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}.dt-act svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}.dt-card.open .dt-act svg{transform:rotate(180deg)}.dt-body{display:grid;gap:20px;border-top:1px solid var(--hair);margin:0 16px;padding:16px 0 18px}.dt-pair{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:20px}.dt-q{display:grid;gap:10px;border:0;margin:0;padding:0;min-width:0}.dt-q legend,.dt-q .dt-l{padding:0;margin-bottom:10px;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.dt-q legend small{text-transform:none;letter-spacing:0;font-weight:400;margin-left:4px}.dt-select{width:100%;height:42px;padding:0 36px 0 14px;border-radius:999px;border:1px solid rgba(16,21,31,.16);background:#ffffffd9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%2310151F' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center / 12px;-webkit-appearance:none;appearance:none;font-size:15px;font-weight:600;color:var(--ink)}.dt-levels{display:flex;gap:6px}.dt-lv{flex:1;min-width:0;border:1px solid transparent;background:none;border-radius:12px;padding:4px 2px 5px;display:grid;justify-items:center;gap:3px;font-size:11.5px;font-weight:600;color:var(--muted)}.dt-lv svg{width:22px;height:30px}.dt-lv .gl{fill:#ffffffb3;stroke:#10151f;stroke-width:1.3}.dt-lv .lq{fill:#c9a55a}.dt-lv[aria-pressed=true]{border-color:#10151f38;background:#ffffffe6;color:var(--ink);box-shadow:0 4px 12px -6px #10151f59}.dt-lv:hover{background:#ffffffb3}.dt-q .pfb.sug .pfb-in:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:6px;flex:none}.dt-more{border:0;background:none;padding:6px 4px;font-size:13px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.dt-key{font-size:12px;color:var(--muted);margin-top:-4px}.dt-key i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin:0 4px 1px 0;vertical-align:middle}@media(max-width:520px){.dt-pair{grid-template-columns:1fr;gap:20px}.dt-act .dt-act-t{display:none}}.toast{position:fixed;z-index:30;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);padding:10px 16px;border-radius:99px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;white-space:nowrap}.toast.on{opacity:1;transform:translate(-50%)}.ctx{position:fixed;z-index:16;left:16px;top:calc(116px + env(safe-area-inset-top,0px));width:296px;max-height:calc(100% - 132px);border-radius:28px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"head" "body" "pick" "result";overflow:hidden;background:var(--paper);border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:inset 0 1px #ffffffe6,0 30px 60px -24px #10151f59,0 2px 8px #10151f0f;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}.ctx-head{grid-area:head;border:0;background:none;text-align:left;padding:20px 22px 6px;display:grid;grid-template-columns:1fr auto;column-gap:10px;row-gap:6px;align-items:end}.ctx-head .eyebrow{grid-column:1}.ctx-title{grid-column:1;font-family:var(--heading);font-weight:400;font-size:31px;line-height:.95;letter-spacing:-.01em}.ctx-title em{font-style:italic}.ctx-sum{grid-column:1;display:none;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chev{grid-column:2;grid-row:1 / span 2;align-self:start;width:30px;height:30px;border-radius:50%;border:1px solid var(--hair);display:grid;place-items:center;transition:transform .3s}.chev svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ctx.collapsed .chev{transform:rotate(180deg)}.ctx.collapsed .ctx-title{display:none}.ctx.collapsed .ctx-sum{display:block}.ctx.collapsed .ctx-body{display:none}.ctx-body{grid-area:body;overflow-y:auto;padding:8px 22px 6px;display:grid;gap:14px;align-content:start;scrollbar-width:thin}.grp{display:grid;gap:9px}.grp h3{margin:0;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.grp h3:after{content:"";flex:1;height:1px;background:var(--hair)}.wx{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px 14px;padding:2px 0 4px}.wxb{--tint: #E6CFA3;--fill: 0%;display:grid;justify-items:center;border:0;padding:0;margin:0;background:none;color:var(--ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.3,1.5,.5,1)}.wxb:active{transform:scale(.96)}.wxb{--edge: rgba(16, 21, 31, .3)}.wxb-cap{position:relative;z-index:1;width:36%;height:14px;border-radius:4px 4px 2px 2px;border:1.25px solid var(--edge);background:linear-gradient(90deg,#cdd2da,#fff 42%,#e4e7ec 62%,#b9bfc8);box-shadow:inset 0 -3px 3px -2px #10141f2e;transition:background .45s}.wxb-neck{position:relative;z-index:1;width:20%;height:6px;margin-top:-1px;margin-bottom:-1.25px;border:1.25px solid var(--edge);border-width:0 1.25px;background:#ffffff9e}.wxb-body{position:relative;width:100%;height:56px;border-radius:22px 22px 14px 14px;overflow:hidden;isolation:isolate;background:radial-gradient(120% 80% at 50% 0%,#ffffffc7,#fff0 62%),linear-gradient(180deg,#ffffff9e,#ffffff4d);box-shadow:0 4px 12px -5px #10141f38;transition:box-shadow .3s}.wxb-body:before{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1.25px var(--edge),inset 0 2px .5px -1px #ffffffe6,inset 0 -8px 12px -8px #10141f1a}.wxb-body:after{content:"";position:absolute;z-index:1;left:8px;top:9px;bottom:9px;width:3px;border-radius:2px;background:#fffc}.wxb-liq{position:absolute;z-index:0;left:0;right:0;bottom:0;height:var(--fill);background:linear-gradient(180deg,color-mix(in srgb,var(--tint) 46%,#fff),color-mix(in srgb,var(--tint) 74%,#fff));box-shadow:inset 0 1px #fffc;transition:height .75s cubic-bezier(.3,.9,.3,1)}.wxb-liq:before{content:"";position:absolute;left:-40px;right:0;top:-6px;height:7px;opacity:0;background:color-mix(in srgb,var(--tint) 46%,#fff);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='7'%3E%3Cpath d='M0 4C10 0 10 0 20 4S30 8 40 4V7H0Z'/%3E%3C/svg%3E") repeat-x 0 0 / 40px 7px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='7'%3E%3Cpath d='M0 4C10 0 10 0 20 4S30 8 40 4V7H0Z'/%3E%3C/svg%3E") repeat-x 0 0 / 40px 7px}.wxb-in{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 8px 0 12px;font-weight:600;font-size:13.5px;white-space:nowrap}.wxb-in svg{flex:none;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.wxb:hover{--fill: 50%}.wxb:hover .wxb-liq:before{opacity:1;animation:pfb-wave .9s linear infinite}}.wxb[aria-pressed=true]{--fill: 100%}.wxb[aria-pressed=true] .wxb-cap{background:linear-gradient(180deg,color-mix(in srgb,var(--tint) 55%,#fff),color-mix(in srgb,var(--tint) 92%,#10141F))}.wxb[aria-pressed=true]{--edge: color-mix(in srgb, var(--tint) 45%, #10141F)}.wxb[aria-pressed=true] .wxb-body{box-shadow:0 6px 14px -6px color-mix(in srgb,var(--tint) 85%,#10141F)}.wxb:focus-visible{outline:none}.wxb:focus-visible .wxb-body{outline:2px solid var(--ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.wxb,.wxb *{transition:none!important;animation:none!important}}.tags{display:flex;flex-wrap:wrap;gap:6px}.rows{display:grid;border-top:1px solid var(--hair)}.r{border-bottom:1px solid var(--hair)}.r>button{width:100%;border:0;background:none;display:grid;grid-template-columns:20px 1fr auto 12px;gap:10px;align-items:center;padding:13px 2px;text-align:left;color:var(--ink);border-radius:10px}.r>button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.r>button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.r>button .k{font-size:14px;color:var(--muted)}.r>button .v{font-weight:600;font-size:14px}.r>button .v.any{font-weight:400;color:var(--muted)}.r>button svg.rchev{width:12px;height:12px;stroke-width:1.8;transition:transform .25s}.r.open>button svg.rchev{transform:rotate(180deg)}.r .rbody{padding:0 0 14px;animation:row-drop .26s ease}@keyframes row-drop{0%{opacity:0;transform:translateY(-4px)}}.fit{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--muted);padding-bottom:4px}.fit button{border:0;background:none;padding:2px 0;font:inherit;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.pick{grid-area:pick;margin:12px 16px 16px}.pick svg{width:14px;height:14px;fill:currentColor}.result{grid-area:result;margin:-4px 16px 16px;padding:14px 16px;border-radius:18px;background:#fff;box-shadow:0 1px #10151f0a,0 8px 24px -14px #10151f66;display:grid;gap:4px}.r-top{display:flex;justify-content:space-between;align-items:center}.r-x{border:0;background:none;font-size:18px;line-height:1;padding:2px 4px;color:var(--muted)}.result small{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;margin-top:4px}.result b{font-family:var(--heading);font-weight:400;font-size:28px;line-height:1}.result p{margin:4px 0 0;font-size:13px;color:var(--muted);line-height:1.4}.r-btns{display:flex;gap:8px;margin-top:10px}[data-skin=stopper] .cab-open .pfb-in{height:42px;box-sizing:border-box;padding:0 16px;font-size:13.5px;gap:8px}.cab-open svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.cab-open small{font-family:var(--mono);font-size:10.5px;opacity:.7}.hintbar{position:fixed;z-index:14;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;border-radius:99px;padding:6px 16px 6px 6px;transition:opacity .35s;white-space:nowrap}.hintbar .hint{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hintbar{padding-left:16px}.navbtn{position:fixed;z-index:19;left:var(--stage-cx, 50vw);top:calc(var(--stage-b, 100vh) - 74px);translate:-50% 0;touch-action:manipulation;transition:left .5s cubic-bezier(.2,.8,.2,1),top .5s cubic-bezier(.2,.8,.2,1)}[data-skin=stopper] .pfb.float.navbtn{--tint: #C9A55A;color:#f7f3ea;background:radial-gradient(120% 80% at 50% 0%,#fff3,#fff0 62%),linear-gradient(180deg,#222836e6,#0c0f16eb);box-shadow:inset 0 0 0 1px #fff3,0 16px 32px -12px #10151f99}[data-skin=stopper] .pfb.navbtn .pfb-in{height:52px;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:0 26px 0 9px;font-size:16px;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.45)}.nav-ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f7f3ea;color:#10141f;flex:none}.nav-ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.navbtn.nav-new{animation:nav-ring 1.5s ease-out 2}@keyframes nav-ring{0%{box-shadow:inset 0 0 0 1px #fff3,0 16px 32px -12px #10151f99,0 0 #c9a55ab3}to{box-shadow:inset 0 0 0 1px #fff3,0 16px 32px -12px #10151f99,0 0 0 16px #c9a55a00}}@media(prefers-reduced-motion:reduce){.navbtn.nav-new{animation:none}}.tip{position:fixed;z-index:30;left:0;top:0;pointer-events:none;border-radius:12px;padding:7px 11px;display:grid;gap:1px;opacity:0;transition:opacity .15s}.tip small{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.tip b{font-size:14px;letter-spacing:-.01em}.tip.on{opacity:1}.nudge{position:fixed;z-index:15;left:0;top:0;pointer-events:none;display:flex;align-items:center;gap:9px;padding:8px 15px 8px 11px;border-radius:999px;background:#10151fe6;color:#fffdf8;font-size:13.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap;box-shadow:0 12px 26px -12px #10151f8c;opacity:0;transform:translate(-50%,calc(-100% - 10px));transition:opacity .4s ease}.nudge:after{content:"";position:absolute;left:50%;bottom:-4px;width:10px;height:10px;background:inherit;border-radius:2px;transform:translate(-50%) rotate(45deg)}.nudge.on{opacity:1;animation:nudge-bob 2.6s ease-in-out infinite}.nudge-dot{position:relative;width:9px;height:9px;border-radius:50%;background:#e8c27a;flex:none}.nudge-dot:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #E8C27A;animation:nudge-ping 1.6s ease-out infinite}@keyframes nudge-ping{0%{transform:scale(.45);opacity:1}to{transform:scale(1.7);opacity:0}}@keyframes nudge-bob{50%{margin-top:-5px}}@media(prefers-reduced-motion:reduce){.nudge.on,.nudge-dot:after{animation:none}}.panel{position:fixed;z-index:18;top:calc(76px + env(safe-area-inset-top,0px));right:16px;bottom:16px;width:430px;border-radius:28px;overflow-y:auto;padding:24px 30px 36px;display:grid;grid-auto-rows:max-content;align-content:start;gap:28px;scrollbar-width:thin;transform:translate(calc(100% + 40px));transition:transform .5s cubic-bezier(.2,.8,.2,1)}body.bottle .panel{transform:none}body.bottle .ctx{opacity:0;pointer-events:none;transform:translate(-30px)}body.bottle .hintbar,body.bottle .sblur{opacity:0;pointer-events:none}body:not(.bottle) .panel{visibility:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),visibility 0s .5s}.panel h2{margin:4px 0 0;font-family:var(--heading);font-weight:400;font-size:34px;line-height:1;letter-spacing:-.035em}.panel .house{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.edit-det{justify-self:start;margin-top:14px}.panel .meta{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:12px;line-height:1.6;white-space:pre-line}.counter{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;background:#fff9;border-radius:20px;padding:18px}.tiles{display:flex;gap:5px}.tiles:has(.tile:nth-child(3)) .tile{width:40px}.tiles:has(.tile:nth-child(3)) .tile span{font-size:32px}.tile{width:50px;height:66px;border-radius:9px;background:var(--tile);color:var(--tile-ink);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 3px #00000059}.tile:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ffffff24}.tile span{font-family:var(--mono);font-weight:700;font-size:40px;font-variant-numeric:tabular-nums}.tile.flip span{animation:flip .26s cubic-bezier(.3,1.4,.5,1)}@keyframes flip{0%{transform:translateY(-60%) scaleY(.4);opacity:.2}}.counter .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.counter .sub{font-size:13.5px;margin-top:6px;line-height:1.4}.btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btns>:not(.primary){margin-top:17px}.text{border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-weight:600;padding:8px 4px}.text[disabled]{opacity:.35;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.stats>div{background:#ffffff8c;border-radius:16px;padding:14px 14px 13px}.stats dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stats dd{margin:8px 0 0;font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}.gauge{height:4px;border-radius:2px;background:#10151f1f;margin-top:6px;overflow:hidden}.gauge i{display:block;height:100%;width:var(--w);background:var(--ink);transition:width .4s}.sect{display:grid;gap:14px;padding-top:24px;border-top:1px solid var(--hair)}.ptabs{display:flex;gap:22px;border-bottom:1px solid var(--hair);margin-bottom:4px}.ptabs button{border:0;background:none;padding:0 0 10px;margin-bottom:-1px;font-size:13.5px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.ptabs button:hover{color:var(--ink)}.ptabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.ptabs-wrap [role=tabpanel]{min-height:132px;animation:tabin .3s ease}@keyframes tabin{0%{opacity:0;transform:translateY(4px)}}.sect h3{margin:0;font-family:var(--mono);font-weight:500;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.acc{display:grid;gap:11px}.acc .a{display:grid;grid-template-columns:96px 1fr 34px;gap:14px;align-items:center;font-size:14px}.acc .a em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.acc .a b{height:8px;border-radius:4px;background:#10151f1a;overflow:hidden}.acc .a b i{display:block;height:100%;width:var(--w);background:var(--c);border-radius:6px}.notes{display:grid;padding-top:6px}.notes .tier{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:12px;padding-bottom:16px}.notes .tier:last-child{padding-bottom:0}.notes .tier:before{content:"";grid-row:1 / 3;justify-self:center;margin-top:3px;width:11px;height:13px;border-radius:50%/60% 60% 40% 40%;background:radial-gradient(circle at 35% 30%,#fff 0 14%,transparent 34%),var(--t);box-shadow:0 0 0 1px #10151f47}.notes .tier:not(:last-child):after{content:"";position:absolute;left:8.25px;top:21px;bottom:2px;width:1.5px;border-radius:1px;background:linear-gradient(var(--t),var(--t2));opacity:.75}.notes h4{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 8px;font:600 13.5px/1.2 var(--display);color:var(--ink)}.notes h4 small{font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums}.notes ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.notes li{padding:4px 10px 5px;border-radius:999px;font-size:12.5px;line-height:1.25;color:var(--ink);background:#ffffffb8;box-shadow:inset 0 0 0 1px #10151f21,0 1px 2px #10151f0d}.notes li.none{background:none;box-shadow:none;padding-left:0;color:var(--muted);font-style:italic}.log{display:grid;gap:6px;font-family:var(--mono);font-size:12px}.log div{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(16,21,31,.25);padding-bottom:6px}.log p{margin:0;color:var(--muted);font-family:var(--display);font-size:13.5px}.seas{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;height:132px;align-items:end;padding-top:6px}.seas div{height:100%;display:grid;grid-template-rows:1fr auto;gap:7px;justify-items:center;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.seas b{position:relative;width:100%;max-width:28px;height:100%;border-radius:14px 14px 10px 10px;overflow:hidden;isolation:isolate;background:#ffffff59}.seas b:after{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1.25px #10151f57,inset 0 2px .5px -1px #fffffff2}.seas b:before{content:"";position:absolute;z-index:2;left:6px;top:12px;bottom:12px;width:2px;border-radius:1px;background:#ffffffd9}.seas b i{position:absolute;z-index:1;left:3.5px;right:3.5px;bottom:3.5px;height:calc((100% - 14px) * var(--v));min-height:5px;border-radius:2px 2px 7px 7px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 60%,#fff),var(--c));animation:seas-float 3.6s ease-in-out infinite;animation-delay:var(--d)}.seas b i:before{content:"";position:absolute;left:0;right:0;top:-2.5px;height:5px;border-radius:50%;background:color-mix(in srgb,var(--c) 45%,#fff);animation:seas-wob 2.4s ease-in-out infinite;animation-delay:var(--d)}.seas b i:after{content:"";position:absolute;left:30%;bottom:0;width:3px;height:3px;border-radius:50%;background:#ffffffbf;animation:seas-bub 4.2s ease-in infinite;animation-delay:var(--d)}.seas span{font-variant-numeric:tabular-nums}@keyframes seas-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes seas-wob{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes seas-bub{0%{transform:translateY(0);opacity:0}15%{opacity:.9}85%{opacity:.6}to{transform:translateY(calc(-1 * var(--rise)));opacity:0}}@media(prefers-reduced-motion:reduce){.seas b i,.seas b i:before{animation:none}.seas b i:after{display:none}}.sprayhint{position:fixed;z-index:14;left:0;right:0;top:calc(80px + env(safe-area-inset-top,0px));text-align:center;pointer-events:none;opacity:0;transition:opacity .4s}.sprayhint span{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px;border-radius:99px;background:#ffffffc7}body.bottle .sprayhint{opacity:1}@media(min-width:861px){.sprayhint{right:462px}}.cabinet{position:fixed;inset:0;z-index:40;background:#0c121c52;display:grid;place-items:center;padding:16px}.cab{width:min(1100px,100%);height:min(86vh,900px);border-radius:28px;display:grid;grid-template-rows:auto auto auto 1fr;overflow:hidden}.cab-head{display:flex;align-items:center;gap:12px;padding:18px 20px 10px}.cab-head h2{margin:0;font-family:var(--heading);font-weight:400;font-size:28px;letter-spacing:-.03em}.cab-head .count{font-family:var(--mono);font-size:12px;color:var(--muted)}.cab-head .x{margin-left:auto}.cab-tools{display:flex;gap:10px;align-items:center;padding:0 20px 14px;flex-wrap:wrap}.search{flex:1;min-width:200px;border:1px solid rgba(16,21,31,.16);background:#fffc;border-radius:14px;padding:11px 14px;font-size:15px}.cab-grid{overflow-y:auto;padding:4px 20px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;align-content:start}.card{border:1px solid rgba(255,255,255,.9);background:#ffffff8c;border-radius:18px;padding:12px 10px 10px;display:grid;justify-items:center;gap:2px;text-align:center;transition:transform .15s,background .15s}.card:hover{transform:translateY(-2px);background:#ffffffd9}.card svg{height:112px;width:auto;overflow:visible;margin-bottom:6px}.card b{font-size:14px;line-height:1.15;letter-spacing:-.01em}.card small{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.card .m{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:4px}.card.dusty .m{color:var(--accent)}.empty{grid-column:1 / -1;color:var(--muted);padding:30px 0;text-align:center}.fallback{position:fixed;inset:0;display:grid;place-items:center;text-align:center;padding:24px;z-index:30}body.night .wordmark{color:#f4f1ea;transition:color .6s}body.night .wordmark small{color:#f4f1eaa8}@media(max-width:860px){.top{flex-wrap:wrap;row-gap:8px}.wordmark{font-size:21px}.tools{margin-left:auto}.cab-lbl,.add-lbl{display:none}[data-skin=stopper] .snd .pfb .pfb-in{width:40px;height:40px}[data-skin=stopper] .cab-open .pfb-in{height:46px;padding:0 15px}[data-skin=stopper] .top .pfb.primary .pfb-in{height:46px}.ctx{inset:auto 0 0;width:auto;max-height:74%;border-radius:26px 26px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"head pick" "result result" "body body"}.ctx-head{padding:14px 6px 14px 18px;align-items:center;grid-template-columns:auto minmax(0,1fr)}.ctx-head .eyebrow,.ctx-title,.ctx-sum{grid-column:2}.chev{grid-column:1;grid-row:1 / span 2;width:28px;height:28px;align-self:center}.ctx .chev{transform:rotate(180deg)}.ctx.collapsed .chev{transform:none}.ctx-title{font-size:23px}.pick{margin:12px 14px 12px 6px;align-self:center}.pick.lg .pfb-in{padding:11px 16px;font-size:16px}.result{margin:0 14px 12px}.ctx-body{padding:4px 18px 18px}.hintbar{bottom:auto;top:calc(66px + env(safe-area-inset-top,0px));padding:4px}.hintbar .hint,.hintbar{display:none}.navbtn{top:calc(var(--stage-b, 100vh) - 62px)}.tip{display:none}.panel{inset:auto 0 0;width:auto;height:54%;border-radius:26px 26px 0 0;padding:14px 16px calc(20px + env(safe-area-inset-bottom,0px));transform:translateY(105%)}.panel:before{content:"";justify-self:center;width:40px;height:4px;border-radius:2px;background:#10151f33;margin-bottom:-6px}.panel h2{font-size:28px}body.bottle .ctx{transform:translateY(30px)}.tile{width:44px;height:58px}.tile span{font-size:34px}.sprayhint{top:calc(116px + env(safe-area-inset-top,0px))}.cab{height:92vh;border-radius:22px}.cab-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));padding:4px 12px 20px}.add-list{padding:0 14px 12px}.add-foot{padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px))}.empty-card{padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px))}.toast{bottom:auto;top:calc(110px + env(safe-area-inset-top,0px))}.cab-head,.cab-tools,.cab-finish{padding-left:14px;padding-right:14px}.card svg{height:88px}}@media(max-width:860px){#ctx .pick{margin-top:34px}}@media(min-width:521px)and (max-width:860px){.panel{grid-template-columns:minmax(0,1fr) minmax(220px,270px);column-gap:24px}.panel>*{grid-column:1 / -1}.panel:before{grid-column:1 / -1}.panel>div:first-of-type{grid-column:1;grid-row:2;align-self:start}.panel .btns{grid-column:2;grid-row:2;align-self:start;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"fin undo" "spray spray";gap:12px 8px;align-items:center}.panel .btns>:not(.primary){margin-top:0}.panel #finishBtn{grid-area:fin}.panel #finishBtn .pfb-in{width:100%;box-sizing:border-box}.panel #undoBtn{grid-area:undo;padding:8px 10px}.panel #sprayBtn{grid-area:spray;width:100%;margin-top:22px}.panel #sprayBtn .pfb-in{width:100%;box-sizing:border-box}}@media(max-width:520px){.ctx{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"head" "body" "pick" "result";max-height:82%}.ctx-head{padding:14px 16px 4px 14px}.ctx-title{font-size:25px}#ctx .pick{margin:34px 16px 14px;align-self:stretch}.pick .pfb-in{width:100%;box-sizing:border-box}.pick.lg .pfb-in{padding:14px 16px;font-size:19px}#ctx.collapsed .pick{margin-top:30px}.result{margin:0 16px 14px}.r-btns .pfb{flex:1}.ctx-body{padding:4px 16px}.r>button{min-height:48px}.panel{height:60%;gap:18px;padding:12px 16px 0}.panel h2{font-size:27px}.panel .meta{margin-top:8px}.counter{padding:12px 14px;gap:14px;border-radius:18px}.tile{width:38px;height:50px}.tile span{font-size:29px}.counter .sub{font-size:13px;margin-top:3px}.panel .btns{order:99;position:sticky;bottom:0;z-index:3;margin:0 -16px;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"fin undo" "spray spray";gap:10px 8px;align-items:center;background:linear-gradient(#f6f8fc00,#f6f8fcf0 14px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--hair)}.panel .btns>:not(.primary){margin-top:0}.panel #finishBtn{grid-area:fin}.panel #finishBtn .pfb-in{width:100%;box-sizing:border-box;min-height:44px}.panel #undoBtn{grid-area:undo;min-height:44px;padding:8px 14px}.panel #sprayBtn{grid-area:spray;width:100%;margin-top:18px}.panel #sprayBtn .pfb-in{width:100%;box-sizing:border-box;padding:14px 20px}.stats{gap:8px}.stats>div{padding:12px 11px;border-radius:14px}.stats dd{font-size:15px}}@media(max-width:430px){.tools{gap:6px}[data-skin=stopper] .cab-open .pfb-in,[data-skin=stopper] .top .pfb.primary .pfb-in{padding:0 12px}}.brand{display:grid;justify-items:start;gap:6px}.shelf-pick{position:relative}[data-skin=stopper] .shelf-btn .pfb-in{height:32px;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:0 10px 0 13px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.sp-chev{width:24px;height:24px;margin-right:-6px;border-radius:50%;border:1px solid var(--hair);background:#ffffff8c;display:grid;place-items:center;flex:none;transition:transform .25s}.sp-chev svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shelf-btn[aria-expanded=true] .sp-chev{transform:rotate(180deg)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shelf-menu{position:absolute;z-index:30;top:calc(100% + 8px);left:0;width:248px;padding:6px;border-radius:18px;display:grid;gap:2px}.shelf-menu hr{border:0;border-top:1px solid var(--hair);margin:4px 8px}.sm-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;text-align:left;border:0;background:none;padding:8px 10px;border-radius:12px;color:var(--ink)}.sm-item:hover,.sm-item:focus-visible{background:#ffffffbf}.sm-item[aria-pressed=true]{background:#ffffffeb;box-shadow:inset 0 0 0 1px #10151f24}.sm-item b{display:block;font-size:14px;font-weight:600}.sm-item small{display:block;font-size:12px;color:var(--muted);margin-top:1px}.sm-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eef1f5}.sm-ic svg{width:16px;height:16px;fill:none;stroke:#10151f;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sm-ic .fill{fill:#c9a55a;stroke:none}.gate{--g-ink: #241B14;--g-soft: #5E5244;--g-gold: #8E6A2E;--g-bg: #EDE4D6;position:fixed;inset:0;z-index:60;background:radial-gradient(120% 80% at 50% 50%,#f8f2e8,#efe6d8,#dccfbd);color:var(--g-ink);display:grid;transition:opacity .45s cubic-bezier(.4,0,.2,1),visibility 0s linear .45s;overflow:hidden}.gate.leaving{opacity:0;visibility:hidden;pointer-events:none}.gate-ui{transition:opacity .5s ease,transform .9s cubic-bezier(.4,0,.2,1)}.gate.leaving .gate-ui{opacity:0;transform:translateY(-10px)}#gateCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s ease;cursor:default}.gate.ready #gateCanvas{opacity:1}#gateMist{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block;pointer-events:none}.gate-wash{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(70% 60% at 50% 50%,#fffbf4,#f6eee2 60%,#eadfcf);transition:opacity .5s ease}#gateCanvas,#gateMist{transform-origin:var(--zx, 50%) var(--zy, 40%);transition:opacity .6s ease,transform 1.1s cubic-bezier(.5,0,.3,1)}.gate.zoom #gateCanvas,.gate.zoom #gateMist{transform:translate(var(--dx, 0px),var(--dy, 0px)) scale(3.2)}.gate.zoom .gate-wash{opacity:1;transition-delay:.7s;transition-duration:.3s}.gate.zoom .gate-ui{opacity:0;transition-delay:.15s}.gate.hot #gateCanvas{cursor:pointer}.gate-ui{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr auto;min-height:0;padding:calc(30px + env(safe-area-inset-top,0px)) 16px calc(34px + env(safe-area-inset-bottom,0px));pointer-events:none}.gate-ui>*{pointer-events:auto}.gate-head{text-align:center;display:grid;justify-items:center;gap:12px}body .gate .gate-head .wordmark{font-size:36px;color:var(--g-ink)}.gate-head .wm-de{font-size:.62em;opacity:1}.gate h1{margin:4px 0 0;font-family:var(--heading);font-weight:400;font-size:clamp(34px,4.6vw,58px);letter-spacing:-.01em;line-height:1;text-wrap:balance}.gate-sub{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.7vw,22px);color:var(--g-soft)}.gate-stage{pointer-events:none}.gate-opts{display:grid;grid-template-columns:1fr 1fr;width:min(100%,calc(var(--gx, 260px) * 4));margin:0 auto}.gate-opt{display:grid;justify-items:center;text-align:center;padding:0 12px;min-width:0}.gate-opt h2{margin:0;font:inherit}.gate-pick{position:relative;padding:6px 4px 10px;border:0;background:none;color:var(--g-ink);font-family:var(--heading);font-weight:400;font-size:clamp(26px,2.6vw,34px);letter-spacing:-.01em;line-height:1.05}.gate-pick:after{content:"";position:absolute;left:50%;bottom:0;width:28px;height:1.5px;background:var(--g-gold);transform:translate(-50%);transition:width .35s ease}.gate-opt.hot .gate-pick:after,.gate-pick:hover:after,.gate-pick:focus-visible:after{width:100%}.gate :focus-visible{outline:2px solid var(--g-gold);outline-offset:4px}.gate:focus,.gate .gate-pick:focus,.gate .gate-pick:focus-visible{outline:none}.gate-pick:focus-visible:after{height:2px}@media(max-width:860px){.gate-ui{padding-top:calc(22px + env(safe-area-inset-top,0px));padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))}.gate-head{gap:8px}body .gate .gate-head .wordmark{font-size:28px}.gate-opt{padding:0 6px}.gate-ui{grid-template-rows:auto 1fr auto .4fr}.gate-ui:after{content:""}.gate-pick{font-size:20px;text-wrap:balance}}@media(max-width:400px){.gate-opt{padding:0}.gate-pick{font-size:17px}}@media(max-height:640px){.gate-sub{display:none}}.gate-about-btn{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(36,27,20,.18);border-radius:999px;background:#fffcf699;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px 8px 9px;min-height:40px;color:var(--g-ink);font:600 13.5px/1 var(--display);letter-spacing:.01em;transition:background .2s,border-color .2s}.gate-about-btn:hover{background:#fffcf6f2;border-color:#8e6a2e99}.gab-ic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--g-ink);color:#f7efe2;font:700 12px/1 var(--display)}@media(min-width:861px){.gate-ui{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}}.about{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:24px 16px;background:#2e221647;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:about-in .3s ease}.about[hidden]{display:none}@keyframes about-in{0%{opacity:0}}.about-card{position:relative;width:min(100%,860px);max-height:100%;overflow-y:auto;overscroll-behavior:contain;border-radius:28px;background:#fbf7f0;color:var(--g-ink);padding:36px 40px 28px;box-shadow:0 40px 80px -30px #2e1e0c80;animation:about-up .4s cubic-bezier(.2,.8,.2,1);scrollbar-width:thin}@keyframes about-up{0%{transform:translateY(18px)}}.about-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:#241b1412;color:var(--g-ink);font-size:24px;line-height:1}.about-x:hover{background:#241b1424}.about-eyebrow{margin:0;font:600 11px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--g-gold)}.about-title{margin:10px 0 0;font-family:var(--heading);font-weight:400;font-size:clamp(30px,4vw,44px);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}.about-title em{font-family:var(--serif);font-style:italic}.about-lede{margin:14px 0 0;max-width:60ch;font-size:16px;line-height:1.55;color:var(--g-soft)}.about-steps{list-style:none;counter-reset:st;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.about-steps li{counter-increment:st;display:grid;gap:6px;padding:16px 16px 18px;border-radius:18px;background:#f3ece0}.about-steps li:before{content:counter(st);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--g-ink);color:#f7efe2;font:700 12.5px/1 var(--display);margin-bottom:4px}.about-steps b{font-size:15px}.about-steps span{font-size:13.5px;line-height:1.45;color:var(--g-soft)}.about-h3{margin:30px 0 12px;font-family:var(--serif);font-style:italic;font-weight:400;font-size:24px}.about-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ap{display:grid;align-content:start;gap:4px;padding:16px 18px 18px;border-radius:20px;background:#fff;border:1px solid rgba(36,27,20,.08)}.ap svg{width:120px;height:84px;margin:-2px 0 6px -6px}.ap h4{margin:0;font-size:16.5px;letter-spacing:-.01em}.ap p{margin:0;font-size:14px;line-height:1.5;color:var(--g-soft)}.ap .eg{margin-top:8px;padding:10px 12px;border-radius:12px;background:#f7f1e6;font-size:13.5px;color:var(--g-ink)}.ap .eg b{font-weight:700}.ap svg .sh{stroke:#241b142e;stroke-width:2;stroke-linecap:round;fill:none}.ap svg .gl{fill:#ffffff80;stroke:var(--g-ink);stroke-width:1.6}.ap svg .lq{fill:#e3a34a}.ap svg .cp{fill:#7e5536}.ap svg .st{fill:#d9b064}.ap svg .lift{animation:ap-lift 3s ease-in-out infinite}@keyframes ap-lift{50%{transform:translateY(-5px)}}.ap svg .d1{fill:#f4c95d}.ap svg .d2{fill:#e58ba0}.ap svg .d3{fill:#b07a4a}.ap svg .ln{stroke:#241b1459;stroke-width:1.4;stroke-dasharray:2 3;fill:none}.ap svg .bx{fill:#ead9be;stroke:var(--g-ink);stroke-width:1.6}.ap svg .rb{fill:none;stroke:#b5523b;stroke-width:2.4;stroke-linejoin:round}.ap svg .tl{fill:#12161f}.ap svg text{fill:#f7f3ea;font:700 15px var(--display)}.ap svg .ms circle{fill:#241b144d}.about-foot{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-top:18px;border-top:1px solid rgba(36,27,20,.1)}.about-foot p{margin:0;font-size:13.5px;color:var(--g-soft)}.about-go{border:0;border-radius:999px;background:var(--g-ink);color:#fbf7f0;padding:13px 22px;min-height:46px;font:600 15px/1 var(--display)}.about-go:hover{background:#3a2c20}@media(max-width:860px){.gate-about-btn{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.about-card{padding:30px 24px 22px}.about-steps{grid-template-columns:1fr}.about-people{grid-template-columns:repeat(2,minmax(0,1fr))}.about-people .ap:last-child:nth-child(odd){grid-column:1 / -1}.about-steps li{grid-template-columns:26px minmax(0,1fr);column-gap:12px;padding:14px}.about-steps li:before{grid-row:1 / span 2;margin:0}}@media(max-width:560px){.about{padding:0;place-items:end stretch}.about-card{width:100%;max-height:92%;border-radius:26px 26px 0 0;padding:26px 18px calc(18px + env(safe-area-inset-bottom,0px));animation-name:about-sheet}@keyframes about-sheet{0%{transform:translateY(40%)}}.about-x{top:12px;right:12px}.about-title{font-size:30px;padding-right:40px}.about-lede{font-size:15px}.about-people{grid-template-columns:1fr}.ap{grid-template-columns:96px minmax(0,1fr);column-gap:12px;padding:14px}.ap svg{grid-row:1 / span 3;width:96px;height:68px;margin:0}.ap .eg{grid-column:1 / -1}.about-foot{flex-direction:column;align-items:stretch;text-align:center}.about-go{width:100%;min-height:52px;font-size:16px}}@media(prefers-reduced-motion:reduce){.about,.about-card,.ap svg .lift{animation:none}}