:root{--paper-bg:#ffd9e4;--lilac:#c8b6ff;--mint:#b8f2d2;--butter:#ffe9a8;--pink:#ffc2d1;--rose:#ffb3cf;--cream:#fff8ec;--ink:#3a1730;--ink-soft:#6b4a62;--danger:#c2185b;--radius:22px;--radius-sm:14px;--border:2px solid var(--ink);--shadow:5px 5px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink);--font:"Bricolage Grotesque", ui-rounded, system-ui, -apple-system, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-h:68px;--holo:linear-gradient(115deg, #ffd1f7 0%, #c6f0ff 18%, #e9ffd1 34%, #fff1b8 48%, #ffc9e9 62%, #c9d2ff 78%, #b8fff0 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.c-pink{--paper:var(--pink)}.c-lilac{--paper:var(--lilac)}.c-mint{--paper:var(--mint)}.c-butter{--paper:var(--butter)}.c-rose{--paper:var(--rose)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0}body{background:var(--paper-bg);color:var(--ink);font:400 16px/1.4 var(--font);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;min-height:100dvh}body:before{content:"";pointer-events:none;z-index:100;opacity:.28;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .4 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}.app{min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 24px)}.page{max-width:720px;margin:0 auto;padding:0 16px}.stack{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--ink-soft)}.small{font-size:13px}.center{text-align:center}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.band{background:var(--paper,var(--lilac));padding:calc(var(--safe-top) + 18px) 16px 22px;margin-bottom:30px;position:relative}.band:after{content:"";background:linear-gradient(135deg, var(--paper,var(--lilac)) 50%, transparent 50%) 0 0 / 16px 12px, linear-gradient(225deg, var(--paper,var(--lilac)) 50%, transparent 50%) 0 0 / 16px 12px;height:12px;position:absolute;bottom:-12px;left:0;right:0}.band-inner{max-width:720px;margin:0 auto}.band h1{letter-spacing:-.03em;overflow-wrap:anywhere;margin:4px 0 0;font-size:clamp(34px,10vw,46px);font-weight:800;line-height:.92}.band .kicker{letter-spacing:.04em;font-size:13px;font-weight:600}.band .back{cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;min-height:44px;padding:0;font-weight:600;text-decoration:none;display:inline-flex}.band-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pill{border:var(--border);background:var(--cream);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:800;display:inline-flex}.price{background:var(--mint);border:1.5px solid var(--ink);border-radius:999px;padding:2px 10px;font-size:14px;font-weight:800;display:inline-block}.price.unknown{background:var(--cream);color:var(--ink-soft);font-weight:600}.chips{scrollbar-width:none;gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:var(--border);background:var(--cream);cursor:pointer;border-radius:999px;flex:none;min-height:36px;padding:6px 14px;font-size:14px;font-weight:600}.chip[aria-pressed=true]{background:var(--ink);color:var(--cream)}.star{z-index:3;pointer-events:none;width:46px;height:46px;filter:drop-shadow(1.5px 0 0 var(--ink)) drop-shadow(-1.5px 0 0 var(--ink)) drop-shadow(0 1.5px 0 var(--ink)) drop-shadow(0 -1.5px 0 var(--ink)) drop-shadow(3px 3px 0 var(--ink));position:absolute;top:-14px;right:-12px}.star-shape{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:100%;height:100%}.sticker{z-index:2;border:1.5px solid var(--ink);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;position:absolute;top:8px;right:8px;transform:rotate(4deg)}.src-badge{background:var(--cream);border:1.5px solid var(--ink);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:8px;left:8px}.btn{border:var(--border);background:var(--cream);min-height:46px;box-shadow:var(--shadow-sm);cursor:pointer;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--ink);color:var(--cream)}.btn.mint{background:var(--mint)}.btn.butter{background:var(--butter)}.btn.lilac{background:var(--lilac)}.btn.danger{background:var(--cream);color:var(--danger);border-color:var(--danger);box-shadow:3px 3px 0 var(--danger)}.btn.block{width:100%}.btn.sm{min-height:38px;padding:6px 13px;font-size:13px}.btn.ghost{box-shadow:none;background:0 0;border-style:dashed}.icon-btn{border:var(--border);background:var(--cream);cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;font-size:18px;display:inline-grid}.card{background:var(--cream);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.card.pad{padding:16px}.card h2,.card h3{letter-spacing:-.02em;margin:0 0 6px;font-weight:800}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.item-card{flex-direction:column;display:flex}.item-hit{all:unset;cursor:pointer;text-align:left;flex-direction:column;flex:1;justify-content:flex-start;display:flex}.item-hit:focus-visible{outline:3px solid var(--lilac);outline-offset:-3px;border-radius:var(--radius)}.item-footer{padding:0 11px 12px}.item-footer .btn{width:100%}.item-card .thumb{aspect-ratio:1;border-radius:calc(var(--radius) - 2px) calc(var(--radius) - 2px) 0 0;border-bottom:var(--border);background:var(--paper,var(--butter));position:relative;overflow:hidden}.item-card .thumb img{object-fit:cover;width:100%;height:100%}.item-card .meta{padding:9px 11px 12px}.brand{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:10.5px;font-weight:800}.item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 7px;font-size:14px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.item-card.selected{outline:4px solid var(--ink);outline-offset:3px}.check{border:var(--border);background:var(--cream);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid;position:absolute;bottom:8px;right:8px}.item-card.selected .check{background:var(--ink);color:var(--cream)}.placeholder{text-align:center;overflow-wrap:anywhere;place-items:center;width:100%;height:100%;padding:10px;font-size:15px;font-weight:800;display:grid}.placeholder .glyph{margin-bottom:4px;font-size:34px;display:block}.tile{background:var(--paper,var(--lilac));border:var(--border);border-radius:var(--radius);min-height:132px;box-shadow:var(--shadow);cursor:pointer;flex-direction:column;justify-content:space-between;padding:14px;text-decoration:none;display:flex;position:relative}.tile .emoji{font-size:34px;line-height:1}.tile .name{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:19px;font-weight:800;line-height:1.05}.tile.new{box-shadow:none;background:0 0;border-style:dashed;justify-content:center;align-items:center;font-weight:800}label.field{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.input,select.input,textarea.input{border-radius:var(--radius-sm);border:var(--border);background:#fff;width:100%;min-height:46px;padding:10px 14px;font-size:16px}textarea.input{resize:vertical;min-height:90px}.input:focus{outline:3px solid var(--lilac);outline-offset:1px}.switch{justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-weight:600;display:flex}.switch input{width:52px;height:30px;accent-color:var(--ink)}.tabbar{left:12px;right:12px;bottom:calc(10px + var(--safe-bottom));z-index:50;height:var(--tabbar-h);background:var(--cream);border:var(--border);max-width:520px;box-shadow:var(--shadow);border-radius:999px;justify-content:space-around;align-items:center;margin:0 auto;display:flex;position:fixed}.tabbar a{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;height:100%;font-size:11px;font-weight:800;text-decoration:none;display:flex;position:relative}.tabbar a .ico{font-size:21px;line-height:1}.tabbar a[aria-current=page] .ico{transform:scale(1.15)rotate(-6deg)}.tabbar a[aria-current=page]:before{content:"";background:var(--holo);z-index:-1;border-radius:999px;width:38px;height:30px;position:absolute;top:9px}.tabbar .count{background:var(--ink);min-width:20px;height:20px;color:var(--cream);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;display:grid;position:absolute;top:6px;right:calc(50% - 26px)}.sheet-backdrop{z-index:80;background:#3a173059;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:720px;max-height:calc(100dvh - var(--safe-top) - 12px);background:var(--paper-bg);border:var(--border);padding:10px 16px calc(24px + var(--safe-bottom));-webkit-overflow-scrolling:touch;border-bottom:0;border-radius:28px 28px 0 0;animation:.2s ease-out rise;overflow-y:auto}.sheet-handle{background:var(--ink);opacity:.35;border-radius:3px;width:46px;height:5px;margin:4px auto 10px}.sheet-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.sheet-head h2{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-backdrop{animation:none}}.hero-img{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--butter);aspect-ratio:1;position:relative;overflow:hidden}.hero-img img{object-fit:cover;width:100%;height:100%}.embed{border:var(--border);border-radius:var(--radius);background:#fff;width:100%;height:520px;overflow:hidden}.embed iframe{border:0;width:100%;height:100%}.compare-strip{scroll-snap-type:x mandatory;gap:18px;margin:0 -16px 0 0;padding:18px 16px 18px 2px;display:flex;overflow-x:auto}.compare-strip>*{scroll-snap-align:start;flex:0 0 72%;max-width:280px}.delta{font-size:13px;font-weight:800}.group-row{margin:8px 0 22px}.group-row h3{margin:0 0 4px;font-size:18px;font-weight:800}.toast{left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 26px);z-index:90;border:var(--border);max-width:calc(100% - 32px);box-shadow:var(--shadow-sm);background:var(--cream);border-radius:999px;padding:12px 18px;font-weight:700;animation:.2s rise;position:fixed;transform:translate(-50%)}.toast.error{background:var(--pink)}.empty{text-align:center;padding:34px 18px}.empty .glyph{margin-bottom:8px;font-size:52px;display:block}.empty h3{margin:0 0 6px;font-size:21px;font-weight:800}.steps{counter-reset:step;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.steps li{counter-increment:step;padding-left:46px;position:relative}.steps li:before{content:counter(step);border:var(--border);background:var(--butter);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid;position:absolute;top:-2px;left:0}code.copy{border-radius:var(--radius-sm);border:1.5px dashed var(--ink);overflow-wrap:anywhere;background:#fff;padding:10px 12px;font-size:13px;display:block}.progress{border:var(--border);background:var(--cream);border-radius:999px;height:14px;overflow:hidden}.progress>div{height:100%}.login{min-height:100dvh;padding:calc(var(--safe-top) + 24px) 16px calc(var(--safe-bottom) + 24px);place-items:center;display:grid}.login .card{width:100%;max-width:380px;padding:26px 22px}.login h1{letter-spacing:-.03em;margin:0 0 6px;font-size:44px;font-weight:800;line-height:.95}.section-title{letter-spacing:-.02em;margin:26px 0 12px;font-size:20px;font-weight:800}.list-row{align-items:center;gap:12px;min-height:64px;padding:10px;text-decoration:none;display:flex}.list-row .mini{border-radius:var(--radius-sm);border:var(--border);background:var(--butter);flex:none;width:58px;height:58px;overflow:hidden}.list-row .mini img{object-fit:cover;width:100%;height:100%}.spinner{border:3px solid var(--ink);border-right-color:#0000;border-radius:50%;width:28px;height:28px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.selection-bar{left:12px;right:12px;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 22px);z-index:60;background:var(--butter);border:var(--border);max-width:520px;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;margin:0 auto;padding:10px;display:flex;position:fixed}.holo{background:var(--holo);isolation:isolate;background-size:300% 300%;animation:6s ease-in-out infinite shimmer}.holo:not(.star):not(.sticker){position:relative}.holo:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(60deg,#0000 0 6px,#ffffff80 7px,#0000 9px);position:absolute;inset:0}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.holo-text{background:var(--holo);color:#0000;-webkit-text-stroke:1.5px var(--ink);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite shimmer}@media (prefers-reduced-motion:reduce){.holo,.holo-text{animation:none}}