.chip{border-radius:var(--r-ctl);min-width:48px;min-height:44px;color:var(--color-cream);cursor:pointer;font-family:var(--font-mono);letter-spacing:.06em;transition:background-color var(--dur-tap) var(--ease-editorial), color var(--dur-tap) var(--ease-editorial), border-color var(--dur-tap) var(--ease-editorial), scale var(--dur-tap) var(--ease-editorial);background:0 0;border:1px solid #c3b0918c;padding:0 16px;font-size:12px}.chip:is([aria-checked=true],[aria-pressed=true]){--focus-ink:var(--color-navy-deep);border-color:var(--color-khaki);background:var(--color-khaki);color:var(--color-navy-deep)}.chip:active{scale:.98}@media (hover:hover) and (pointer:fine){.chip:hover{border-color:var(--color-khaki)}}@media (prefers-reduced-motion:reduce){.chip{transition:none}}.shelf-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;display:flex}.shelf-filters{flex-wrap:wrap;gap:8px;display:flex}.shelf-filter{border:1px solid var(--hair-on-navy);color:#f5f0e6a8;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;min-height:36px;padding:0 16px;font-size:10px;transition:background-color .2s,color .2s,border-color .2s}.shelf-filter[aria-pressed=true]{border-color:var(--color-cream);background:var(--color-cream);color:var(--color-navy-deep)}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(32px,7vh,64px);display:grid}@media (width>=64rem){.shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.shelf-card{box-shadow:1px 0 0 0 var(--hair-on-navy), 0 1px 0 0 var(--hair-on-navy), 1px 1px 0 0 var(--hair-on-navy), inset 1px 0 0 0 var(--hair-on-navy), inset 0 1px 0 0 var(--hair-on-navy);flex-direction:column;transition:background-color .3s;display:flex}.shelf-card[hidden]{display:none}.shelf-art{aspect-ratio:1;background:var(--color-navy);margin:1px 0 0 1px;position:relative;overflow:hidden;container-type:size}.shelf-art .art-photo{aspect-ratio:auto;width:100%;height:100%;transition:scale .6s var(--ease-editorial);border-radius:0;max-width:none!important}.shelf-art .art-menyusul{border-radius:0}.shelf-art:after{content:"";pointer-events:none;background:#121a2e00;transition:background-color .3s;position:absolute;inset:0}.shelf-add{z-index:1;background:var(--color-cream);min-height:44px;color:var(--color-navy-deep);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s, translate .3s var(--ease-editorial);border:0;align-items:center;gap:8px;padding:0 22px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% calc(12px - 50%)}.shelf-info{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.shelf-tag{letter-spacing:.2em;text-transform:uppercase;color:#f5f0e680;font-size:9.5px}.shelf-name{letter-spacing:-.01em;margin-top:8px;font-size:clamp(1.05rem,1.35vw,1.3rem);font-weight:600;line-height:1.2}.shelf-name>button{color:inherit;font:inherit;letter-spacing:inherit;text-align:left;text-underline-offset:.22em;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .2s}.shelf-meta{color:#f5f0e699;margin-top:4px;margin-bottom:16px;font-size:13px}.shelf-foot{border-top:1px solid var(--hair-on-navy);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.shelf-price{letter-spacing:-.01em;font-size:clamp(1.05rem,1.35vw,1.35rem);font-weight:600}.shelf-plus{color:#f5f0e6c7;cursor:pointer;background:0 0;border:1px solid #f5f0e63d;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:15px;transition:background-color .2s,color .2s,border-color .2s;display:grid}.shelf-habis{letter-spacing:.18em;text-transform:uppercase;color:#f5f0e699;border:1px solid #f5f0e62e;flex-shrink:0;place-items:center;height:40px;padding:0 12px;font-size:10px;display:grid}.shelf-plus[data-added]{border-color:var(--color-khaki);background:var(--color-khaki);color:var(--color-navy-deep)}@media (hover:hover) and (pointer:fine){.shelf-filter:hover{color:var(--color-cream);border-color:#f5f0e699}.shelf-filter[aria-pressed=true]:hover{color:var(--color-navy-deep)}.shelf-card:hover{background-color:#f5f0e606}.shelf-card:hover .shelf-art:after{background:#121a2e80}.shelf-card:hover .shelf-add,.shelf-add[data-added]{opacity:1;pointer-events:auto;translate:-50% -50%}.shelf-card:hover .art-photo{scale:1.03}.shelf-name>button:hover{-webkit-text-decoration-color:var(--color-khaki);text-decoration-color:var(--color-khaki)}.shelf-plus:hover{border-color:var(--color-cream);background:var(--color-cream);color:var(--color-navy-deep)}}.shelf-add:active,.shelf-plus:active{scale:.97}@media (width<=39.99rem){.shelf-filters{gap:6px}.shelf-filter{letter-spacing:.1em;padding:0 11px;font-size:9.5px}.shelf-info{padding:12px 12px 14px}.shelf-tag{letter-spacing:.16em;font-size:9px}.shelf-name{font-size:15px}.shelf-meta{margin-bottom:12px;font-size:12px}.shelf-foot{padding-top:10px}.shelf-price{font-size:15px}.shelf-plus{width:36px;height:36px}}.art{position:relative}.art-photo{aspect-ratio:var(--ratio);width:min(100cqw, calc(100cqh * var(--ratio)));object-fit:cover;border-radius:var(--r);background:var(--color-navy);height:auto;display:block}.art-menyusul{border-radius:var(--r);background-color:var(--color-navy);width:100%;height:100%;color:var(--color-khaki);background-image:radial-gradient(70% 60% at 50% 45%,#f5f0e60f,#f5f0e600 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.art-menyusul[data-size=room]{aspect-ratio:4/5;width:min(100cqw,80cqh);height:auto}.art-menyusul>span{letter-spacing:.16em;text-transform:uppercase;color:#f5f0e699;font-size:10px}.art-glyph{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linejoin:round;stroke-linecap:round;width:30%;max-width:104px}.art-plate{aspect-ratio:4/5;border-radius:var(--r);background-color:var(--color-navy-deep);background-image:radial-gradient(70% 60% at 50% 55%,#f5f0e612,#f5f0e600 72%);place-items:center;width:100%;display:grid;position:relative;overflow:hidden;container-type:size}.stage-scrim{background:linear-gradient(#121a2eb8 0%,#121a2e00 30%),linear-gradient(#121a2e00 58%,#121a2ee6 100%),radial-gradient(70% 60% at 50% 45%,#121a2e80 0%,#121a2ec7 60%,#121a2eeb 100%)}.sheet{z-index:150;position:fixed;inset:0}.sheet-scrim{opacity:0;background:#121a2ea8;transition:opacity .3s linear;position:absolute;inset:0}.sheet[data-state=open] .sheet-scrim{opacity:1}.sheet[data-state=closed]{pointer-events:none}.sheet-dialog{pointer-events:none;outline:none;position:absolute;inset:0}.sheet[data-state=open] .sheet-stage,.sheet[data-state=open] .sheet-panel{pointer-events:auto}.sheet-panel{--sheet-pad:var(--gutter);border-radius:var(--r) var(--r) 0 0;outline:none;flex-direction:column;transition:translate .3s cubic-bezier(.7,0,.84,0);display:flex;position:absolute;inset:6svh 0 0;overflow:hidden;translate:0 100%}.sheet[data-state=open] .sheet-panel{transition:translate .56s var(--ease-editorial);translate:0}.sheet-close{z-index:3;background:var(--color-navy-deep);border-radius:var(--r-ctl);position:absolute;top:10px;right:10px}.sheet-body{overscroll-behavior:contain;min-height:0;padding:60px var(--sheet-pad) 16px;flex:1;overflow:hidden auto}.sheet-foot{padding:12px var(--sheet-pad) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--hair-on-navy);background:var(--color-navy-deep)}.sheet-stage{display:none}.sheet-gallery{display:block}@media (width>=64rem){.sheet-panel{--sheet-pad:32px;border-left:1px solid var(--hair-on-navy);opacity:0;border-radius:0;width:clamp(400px,34vw,560px);transition:translate .3s cubic-bezier(.7,0,.84,0),opacity .3s cubic-bezier(.7,0,.84,0);top:0;left:auto;translate:24px}.sheet[data-state=open] .sheet-panel{opacity:1;transition:translate .56s var(--ease-editorial), opacity .4s var(--ease-editorial);translate:0}.sheet[data-variant=side] .sheet-panel{opacity:1;width:clamp(400px,32vw,480px);translate:100%}.sheet[data-variant=side][data-state=open] .sheet-panel{translate:0}.sheet-body{padding-top:64px}.sheet[data-variant=room] .sheet-scrim{background:#121a2ef7}.sheet-stage{opacity:0;transition:opacity .3s linear;display:block;position:absolute;inset:0 clamp(400px,34vw,560px) 0 0}.sheet[data-state=open] .sheet-stage{opacity:1;transition:opacity .56s var(--ease-editorial)}.sheet-gallery{display:none}}.sheet-stage-inner{position:absolute;inset:0}.sheet .sheet-glow{opacity:.85;visibility:visible}.sheet-stage-box{top:calc(var(--nav-h) + 8px);place-items:center;display:grid;position:absolute;bottom:18svh;left:6vw;right:6vw;container-type:size}.sheet-stage-tilt,.sheet-stage-art{place-items:center;display:grid}.sheet-stage-art{transition:scale .56s var(--ease-editorial);scale:1.04}.sheet[data-state=open] .sheet-stage-art{scale:1}.sheet-thumbs{gap:10px;display:flex;position:absolute;bottom:5svh;left:6vw}.sheet-thumb{border:1px solid var(--hair-on-navy);border-radius:var(--r-ctl);background:var(--color-navy);width:64px;height:80px;color:var(--color-cream);cursor:pointer;place-items:center;padding:0;font-size:12px;display:grid;overflow:hidden}.sheet-thumb[aria-pressed=true]{border-color:var(--color-khaki);box-shadow:0 0 0 1px var(--color-khaki)}.sheet-thumb>img,.sheet-thumb>.shop-thumb{object-fit:cover;border-radius:0;width:100%;height:100%}.sheet-slide{aspect-ratio:4/5}.sheet-slide.art-plate{width:84%}@media (width>=40rem) and (width<=63.99rem){.sheet-gallery .reel{scroll-snap-type:x mandatory;overflow-x:auto}.sheet-slide.art-plate{width:min(84%,48svh)}}.sheet-stage-note{letter-spacing:.06em;color:#f5f0e6b8;font-size:10px;position:absolute;bottom:5svh;left:6vw}.sheet-thumbs+.sheet-stage-note{bottom:calc(5svh + 92px)}.shop-total{font-family:var(--font-display);font-size:1.35rem;font-weight:600}[data-invalid]>.chip{border-color:var(--color-khaki)}.shop-specs>div{border-top:1px solid var(--hair-on-navy);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.shop-specs>div:last-child{border-bottom:1px solid var(--hair-on-navy)}.shop-specs dt{letter-spacing:.08em;text-transform:uppercase;color:#f5f0e6b8;font-size:10px}.shop-specs dd{text-align:right;font-size:15px}.qty{border-radius:var(--r-ctl);color:var(--color-cream);border:1px solid #c3b0918c;flex-shrink:0;align-items:center;display:inline-flex}.qty[data-tone=paper]{--focus-ink:var(--color-navy-deep);color:var(--color-navy-deep);border-color:#1f2a444d}.qty-btn{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.qty-btn[aria-disabled=true]{cursor:default;opacity:.35}.qty-n{text-align:center;font-variant-numeric:tabular-nums;min-width:24px;font-weight:600}.shop-guide summary{list-style:none}.shop-guide summary::-webkit-details-marker{display:none}.nota{--focus-ink:var(--color-navy-deep);--rule:#1f2a442e;border-radius:var(--r);background:var(--color-cream);color:var(--color-navy-deep);opacity:0;transition:translate .42s var(--ease-editorial) .12s, opacity .42s var(--ease-editorial) .12s;padding:clamp(18px,3vw,28px);translate:0 12px;box-shadow:0 8px 8px #00000059}.sheet[data-state=open] .nota{opacity:1;translate:0}.nota-line{border-top:1px solid #1f2a4424;padding:14px 0}.nota-undo{padding-bottom:10px}.nota-perf{border-top:1px dashed #1f2a444d;height:0;margin:22px calc(-1*clamp(18px,3vw,28px));position:relative}.nota-perf:before,.nota-perf:after{content:"";background:var(--color-navy-deep);border-radius:50%;width:16px;height:16px;position:absolute;top:-8px}.nota-perf:before{left:-8px}.nota-perf:after{right:-8px}.nota-msg{overscroll-behavior:contain;border-radius:var(--r-ctl);max-height:34svh;color:var(--color-navy);white-space:pre-wrap;overflow-wrap:anywhere;background:#1f2a440d;margin-top:10px;padding:12px 14px;font-size:12px;line-height:1.6;overflow:auto}.shop-thumb{border-radius:var(--r-ctl);background:var(--color-navy);object-fit:cover;flex-shrink:0;width:48px;height:60px;display:block}.shop-thumb-menyusul{color:var(--color-khaki);place-items:center;display:grid}.shop-thumb-menyusul>.art-glyph{width:70%}.shop-sent{border:1px solid var(--hair-on-navy);border-radius:var(--r);padding:16px}.bag-count{animation:count-in .24s var(--ease-editorial);display:inline-block}@keyframes count-in{0%{opacity:.3;translate:0 .35em}}[data-added] [data-mark=check] path{stroke-dasharray:1;stroke-dashoffset:1px;animation:mark-draw .28s var(--ease-editorial) forwards}@keyframes mark-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.sheet-stage-art,.shelf-art .art-photo,.shelf-add{transition:none}.sheet-panel,.sheet[data-state=open] .sheet-panel,.nota,.sheet[data-state=open] .nota{transition:opacity .16s linear;translate:0}.sheet-panel{opacity:0}.sheet[data-state=open] .sheet-panel{opacity:1}.bag-count,[data-added] [data-mark=check] path{stroke-dashoffset:0;animation:none}}