.wrap{max-width:520px;margin:0 auto;padding:0 14px 40px}.top{position:sticky;top:0;z-index:10;background:var(--text);margin:0 -14px;padding:16px 14px 12px;box-shadow:0 4px 16px #0b234133;overflow:hidden}.stars{position:absolute;top:0;right:0;width:100%;height:100%;pointer-events:none;z-index:0}.star{position:absolute;opacity:.8;animation:twinkle 4s infinite alternate ease-in-out}.star.s1{top:12px;right:24px;width:22px;height:22px;color:var(--amber-solid);transform:rotate(15deg);animation-delay:0s}.star.s2{top:32px;right:64px;width:12px;height:12px;color:var(--surface);transform:rotate(-20deg);opacity:.9;animation-delay:1.5s}.star.s3{top:14px;right:86px;width:9px;height:9px;color:var(--amber-solid);transform:rotate(45deg);opacity:.6;animation-delay:.7s}@keyframes twinkle{0%{opacity:.5;filter:drop-shadow(0 0 2px currentColor) brightness(.9)}to{opacity:1;filter:drop-shadow(0 0 6px currentColor) brightness(1.2)}}.title{position:relative;z-index:1;margin:0 0 20px;font-size:26px;font-weight:800;text-align:left;letter-spacing:.02em;color:var(--amber-solid);text-shadow:-1px -1px 0 var(--surface),1px -1px 0 var(--surface),-1px 1px 0 var(--surface),1px 1px 0 var(--surface),0 2px 8px rgba(0,0,0,.4)}.cat-header{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;padding:4px;margin:12px 0 0;cursor:pointer;color:var(--text);outline:none;font-family:inherit}.cat{margin:0;font-size:16px;font-weight:700;color:inherit}.chevron{transition:transform .3s cubic-bezier(.4,0,.2,1);color:var(--text-dim)}.chevron.open{transform:rotate(180deg)}.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.accordion-content.expanded{grid-template-rows:1fr}.accordion-inner{overflow:hidden;padding-top:12px}section{animation:slideUpFade .4s ease-out backwards}section:nth-child(2){animation-delay:.05s}section:nth-child(3){animation-delay:.1s}section:nth-child(4){animation-delay:.15s}section:nth-child(5){animation-delay:.2s}section:nth-child(6){animation-delay:.25s}section:nth-child(7){animation-delay:.3s}section:nth-child(8){animation-delay:.35s}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card{display:flex;align-items:center;gap:16px;background:var(--surface);border:none;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 4px 16px #0000000a;transition:transform .15s ease,box-shadow .15s ease}.card.promo{background:var(--surface-2)}.card.clickable:active{transform:scale(.98);background:#f3f4f6}@media (hover: hover){.card.clickable:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}}.thumb{flex-shrink:0;border-radius:10px;display:grid;place-items:center}.photo-wrapper{background:var(--surface-2);padding:4px;box-sizing:border-box}.photo-img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.info{flex:1;min-width:0}.name{font-size:var(--name-size);font-weight:600;line-height:1.3}.comp{margin-top:3px;color:var(--text-dim);font-size:13px;line-height:1.4}.pricebox{flex-shrink:0}.card .pricebox{text-align:right}.tile .pricebox{text-align:center}.pill{display:inline-block;padding:7px 0;border-radius:8px;background:transparent;color:var(--text);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:64px;box-sizing:border-box}.pill.promo{background:var(--amber-solid);color:var(--surface);padding:7px 13px;text-align:center}.was{display:block;margin-top:4px;color:var(--text-dim);font-size:13px;font-variant-numeric:tabular-nums}.notice{margin:18px 0 0;color:var(--text-dim);font-size:12.5px;text-align:center}.foot{margin:8px 0 0;color:var(--text-dim);font-size:11.5px;text-align:center}.controls{margin-top:4px}.searchrow{display:flex;gap:8px;align-items:stretch;height:44px}.search-box{flex:1;min-width:0;height:100%;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--text-dim);pointer-events:none}.search{width:100%;height:100%;box-sizing:border-box;padding:0 16px 0 42px;border-radius:12px;border:none;background:var(--surface);box-shadow:0 2px 8px #00000008;color:var(--text);font-size:15px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.search::placeholder{color:var(--text-dim)}.search:focus{outline:none;border-color:var(--amber-solid);box-shadow:0 0 0 3px #ffc10733}.viewtoggle{display:flex;border:none;border-radius:12px;height:100%;box-sizing:border-box;overflow:hidden;background:var(--surface);flex-shrink:0;box-shadow:0 2px 8px #00000008}.viewtoggle button{border:0;background:transparent;color:var(--text-dim);height:100%;padding:0 14px;display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.viewtoggle button.on{background:var(--amber-solid);color:var(--surface)}.chips{display:flex;gap:8px;overflow-x:auto;margin-top:16px;padding-bottom:4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:8px 18px;border-radius:999px;border:none;background:#ffffff26;color:#ffffffe6;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;outline:none}.chip:focus-visible{box-shadow:0 0 0 3px #f05a2866}.chip.on{background:var(--amber-solid);color:var(--surface)}.chip .n{opacity:.7;margin-left:3px;font-size:12px}.empty{text-align:center;color:var(--text-dim);margin:32px 0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}@media (min-width: 460px){.grid{grid-template-columns:repeat(3,1fr)}}.tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:var(--surface);border:none;border-radius:12px;padding:16px 12px;box-shadow:0 2px 8px #00000008;transition:transform .15s ease,box-shadow .15s ease}.tile.promo{background:var(--surface-2)}.tile.clickable:active{transform:scale(.96);background:#f3f4f6}@media (hover: hover){.tile.clickable:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}}.tile .info{flex:none;width:100%}.tile .name{font-size:15px;line-height:1.3}.tile .comp{font-size:12px}.tile .pill{font-size:18px;padding:6px 0;text-align:center}.tile .pill.promo{padding:6px 12px}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0006;display:flex;flex-direction:column;justify-content:flex-end;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{background:var(--surface);border-radius:20px 20px 0 0;padding:0 16px 32px;width:100%;max-height:85vh;overflow-y:auto;position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:0 -4px 24px #0000001a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--line);margin:12px auto 16px;cursor:grab}.sheet-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:16px;border:0;background:var(--bg);color:var(--text-dim);display:grid;place-items:center;cursor:pointer}.sheet-header{display:flex;justify-content:center;margin-bottom:24px}.sheet-img,.sheet-glyph-wrapper{width:180px;height:180px;border-radius:12px;background:var(--line);object-fit:cover;display:grid;place-items:center}.sheet-body{text-align:center}.sheet-title{margin:0 0 8px;font-size:24px;color:var(--text);font-weight:700;line-height:1.2}.sheet-desc{margin:0 0 20px;font-size:15px;color:var(--text-dim);line-height:1.5}.sheet-price-row{display:flex;align-items:baseline;justify-content:center;gap:8px}.sheet-price{font-size:28px;font-weight:700;color:var(--amber-solid);font-variant-numeric:tabular-nums}.sheet-was{font-size:16px;color:var(--text-dim);font-variant-numeric:tabular-nums}