@layer components{.btn{min-height:var(--control-h,44px);border-radius:var(--btn-radius,var(--radius-md));font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--body-strong-weight,600);text-transform:var(--btn-transform,none);letter-spacing:var(--btn-tracking,0);text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5em;padding:0 1.25em;line-height:1.2;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}.store-root[data-btn-upper="1"] .btn{font-size:calc(var(--text-sm) * .93)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-solid,.btn-primary{background:var(--primary);color:var(--primary-fg)}.btn-solid:not(:disabled):hover,.btn-primary:not(:disabled):hover{background:var(--primary-hover)}.store-root[data-glow="1"] .btn-solid,.store-root[data-glow="1"][data-btn=solid] .btn-primary{box-shadow:0 0 0 1px color-mix(in oklab, var(--primary) 55%, transparent), 0 0 20px -6px color-mix(in oklab, var(--primary) 50%, transparent)}.store-root[data-btn=outline] .btn-primary{color:var(--fg);border-color:var(--fg);background:0 0}.store-root[data-btn=outline] .btn-primary:not(:disabled):hover{background:var(--fg);color:var(--bg)}.store-root[data-btn=soft] .btn-primary{background:var(--primary-soft);color:var(--primary)}.store-root[data-btn=soft] .btn-primary:not(:disabled):hover{background:color-mix(in oklab, var(--primary) 20%, var(--bg))}.btn-secondary{color:var(--fg);border-color:var(--fg);background:0 0}.btn-secondary:not(:disabled):hover{background:var(--fg);color:var(--bg)}.store-root:is([data-btn=outline],[data-btn=soft]) .btn-secondary{text-underline-offset:4px;border-color:#0000;padding-inline:.25em;text-decoration:underline}.store-root:is([data-btn=outline],[data-btn=soft]) .btn-secondary:hover{color:var(--primary);background:0 0}.btn-block{width:100%}.link{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.link:hover{color:var(--primary)}.link-quiet:hover{text-underline-offset:3px;text-decoration:underline}.field-label{font-size:var(--text-sm);margin-bottom:.35rem;font-weight:500;display:block}.input{width:100%;min-height:var(--control-h,44px);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--fg);font-size:max(16px, var(--text-base));padding:0 .8em;display:block}textarea.input{min-height:calc(var(--control-h,44px) * 2);padding-block:.6em}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--fg-muted) 50%), linear-gradient(135deg, var(--fg-muted) 50%, transparent 50%);background-position:calc(100% - 1.1em),calc(100% - .75em);background-repeat:no-repeat;background-size:.35em .35em;padding-right:2.2em}.input::placeholder{color:var(--fg-muted)}.input[aria-invalid=true]{border-color:var(--danger)}.field-error{font-size:var(--text-sm);color:var(--danger);margin-top:.3rem}.field-help{font-size:var(--text-xs);color:var(--fg-muted);margin-top:.3rem}.choice{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;transition:border-color .12s;display:flex}.choice:hover{border-color:var(--border-strong)}.choice:has(input:checked){border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.choice:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.choice input[type=radio]{accent-color:var(--primary);margin-top:.3em}.chip{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);min-width:3rem;min-height:40px;color:var(--fg);font-size:var(--text-sm);justify-content:center;align-items:center;gap:.4em;padding:0 .85em;transition:border-color .12s,background-color .12s,color .12s;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--fg)}.chip[aria-pressed=true],.chip[aria-current=true]{border-color:var(--fg);background:var(--fg);color:var(--bg)}.chip:disabled,.chip[data-unavailable="1"]{color:var(--fg-muted);text-decoration:line-through}.chip:disabled{cursor:not-allowed;border-style:dashed}.text-display{font-size:var(--text-display);line-height:1.05}.h-section,.h-page{font-size:var(--text-2xl)}@media (min-width:1024px){.h-page{font-size:clamp(calc(var(--base-size,16px) * 1.75), 3vw, calc(var(--base-size,16px) * 2.5))}}.eyebrow{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.store-header{background:var(--bg);color:var(--fg);border-bottom:1px solid #0000;transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s}.store-header[data-divider="1"],.store-header[data-scrolled="1"]{border-bottom-color:var(--border)}.store-header[data-scrolled="1"][data-shadow="1"]{box-shadow:var(--shadow-sm)}.store-header[data-transparent="1"]:not([data-scrolled="1"]):not(:focus-within):not(:has([aria-expanded=true])){color:#fff;background:0 0;border-bottom-color:#0000}.store-header[data-transparent="1"]{margin-bottom:calc(-1 * var(--header-h))}.nav-link{font-size:var(--text-sm);font-weight:calc(var(--body-weight,400) + 100);text-underline-offset:6px}.nav-link:hover,.nav-link[aria-current=page]{text-decoration:underline;text-decoration-thickness:1px}.store-root[data-btn-upper="1"] .nav-upper{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}.panel-float{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-lg)}.drawer{transition:transform .24s cubic-bezier(.2,.8,.2,1)}.backdrop{background:color-mix(in oklab, var(--fg) 45%, transparent);transition:opacity .2s}.pcard-media{background:var(--surface);aspect-ratio:var(--card-ratio,1 / 1);position:relative;overflow:hidden}.pcard-img-contain{object-fit:contain;padding:6%}.pcard-img-cover{object-fit:cover}.pcard[data-hover=zoom] .pcard-main{transition:transform .4s ease-out,opacity .3s}.pcard[data-hover=zoom]:hover .pcard-main:only-of-type{transform:scale(1.03)}.pcard-alt{opacity:0;transition:opacity .3s}.pcard[data-hover=zoom]:hover .pcard-alt{opacity:1}.pcard[data-hover=lift]{transition:transform .16s,box-shadow .16s,border-color .16s}.pcard[data-hover=lift]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.store-root[data-shadows=none] .pcard[data-hover=lift]:hover,.store-root[data-glow="1"] .pcard[data-hover=lift]:hover,.store-root[data-dark="1"] .pcard[data-hover=lift]:hover{box-shadow:none;border-color:var(--border-strong)}.pcard-quick{opacity:0;transition:opacity .14s,transform .14s;transform:translateY(4px)}@media (hover:hover) and (min-width:1024px){.pcard:hover .pcard-quick,.pcard:focus-within .pcard-quick{opacity:1;transform:none}}@media not ((hover:hover) and (min-width:1024px)){.pcard-quick{display:none}}.store-grid[data-dividers="1"]{border-top:1px solid var(--border);border-left:1px solid var(--border);gap:0}.store-grid[data-dividers="1"]>*{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--card-pad)}.store-grid[data-dividers="1"]>.pcard[data-style=bordered]{border-top:0;border-left:0;border-radius:0}.snap-row{grid-auto-flow:column;grid-auto-columns:calc((100% - var(--gap-grid) * 1.3) / 2.3);gap:var(--gap-grid);scroll-snap-type:x mandatory;scrollbar-width:none;display:grid;overflow-x:auto}.snap-row::-webkit-scrollbar{display:none}.snap-row>*{scroll-snap-align:start}@media (min-width:768px){.snap-row{grid-auto-columns:calc((100% - var(--gap-grid) * 3) / 4)}}@media (min-width:1024px){.snap-row{grid-auto-columns:calc((100% - var(--gap-grid) * (var(--grid-cols,4) - 1)) / var(--grid-cols,4))}}.spec-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.spec-table th,.spec-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.6rem 0}.spec-table th{width:40%;color:var(--fg-muted);padding-right:1rem;font-weight:500}.prose-store table{border-collapse:collapse;width:100%}.prose-store :where(th,td){border-bottom:1px solid var(--border);text-align:left;padding:.5rem .75rem .5rem 0}.status-dot{background:currentColor;border-radius:9999px;width:8px;height:8px;display:inline-block}.skip-link{z-index:100;background:var(--bg);color:var(--fg);border:1px solid var(--fg);padding:.5rem .75rem;position:absolute;top:-100px;left:8px}.skip-link:focus{top:8px}}@keyframes drawer-in-right{0%{transform:translate(100%)}}@keyframes drawer-in-left{0%{transform:translate(-100%)}}@keyframes drawer-fade{0%{opacity:0}}.drawer-in-right{animation:.24s cubic-bezier(.2,.8,.2,1) drawer-in-right}.drawer-in-left{animation:.24s cubic-bezier(.2,.8,.2,1) drawer-in-left}.drawer-fade{animation:.2s drawer-fade}
