.kit-card{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);color:var(--card-foreground)}.kit-head{align-items:center;gap:.5rem;min-height:3rem;padding:.25rem .25rem .25rem 1rem;display:flex}.kit-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9375rem;font-weight:600;overflow:hidden}.kit-row{align-items:center;gap:.75rem;min-height:3.5rem;padding:.625rem 1rem;transition:background-color .15s ease-out;display:flex}@media (hover:hover){a.kit-row:hover{background:var(--muted)}}.kit-empty{border-top:1px solid var(--border);color:var(--muted-foreground);padding:.75rem 1rem;font-size:.875rem}[data-use=recovery]{border-color:color-mix(in oklch, var(--primary) 40%, var(--border));color:var(--primary)}.kit-settings{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--border);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:1px;display:grid;overflow:hidden}.kit-settings>div{background:var(--card);flex-direction:column;gap:.125rem;padding:.75rem 1rem;display:flex}.kit-settings dt{color:var(--muted-foreground);font-size:.75rem}.kit-settings dd{font-size:.875rem;font-weight:500}.kit-read{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.75rem;display:grid}.kit-jump{scrollbar-width:none;gap:.5rem;margin-inline:-1rem;padding:0 1rem .25rem;display:flex;overflow-x:auto}.kit-jump-chip{border:1px solid var(--border);background:var(--card);white-space:nowrap;border-radius:999px;align-items:center;min-height:2.75rem;padding:0 1rem;font-size:.875rem;font-weight:500;display:inline-flex}@media (min-width:768px){.kit-jump{display:none}}.kit-see-all{min-height:2.75rem;color:var(--primary);white-space:nowrap;align-items:center;padding:0 .5rem;font-size:.875rem;font-weight:500;display:inline-flex}.kit-rack{border-top:1px solid var(--border);background:var(--border);border-radius:0 0 calc(var(--radius) + 3px) calc(var(--radius) + 3px);grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:1px;display:grid;overflow:hidden}.kit-rack>li{background:var(--card);display:flex}.kit-rack-short>li:nth-child(n+5){display:none}@media (min-width:768px){.kit-rack-short>li:nth-child(n+5){display:flex}.kit-rack-short>li:nth-child(n+7){display:none}}.kit-rack>li>*{flex:1}.kit-slot{flex-direction:column;gap:.25rem;min-height:5rem;padding:.75rem 1rem;transition:background-color .15s ease-out;display:flex}.kit-slot-name{font-size:.875rem;font-weight:500;line-height:1.3}.kit-slot-line{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600}.kit-shelf{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:12rem;grid-auto-flow:column;gap:.75rem;margin-inline:-1rem;padding:0 1rem .25rem;scroll-padding-inline:1rem;display:grid;overflow-x:auto}.kit-shelf>li{scroll-snap-align:start;min-width:0;display:flex}@media (min-width:768px){.kit-shelf{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));grid-auto-flow:row;margin-inline:0;padding:0;overflow:visible}}.kit-shelf>li>*{flex:1;min-width:0}.kit-item{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);flex-direction:column;gap:.5rem;min-height:8.5rem;padding:.875rem 1rem 1rem;transition:background-color .15s ease-out;display:flex}.kit-item-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.kit-item-tag{background:var(--secondary);max-width:8rem;color:var(--secondary-foreground);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500;overflow:hidden}.kit-item-name{font-size:.9375rem;font-weight:600;line-height:1.25}.kit-item-line{color:var(--muted-foreground);margin-top:auto;font-size:.8125rem}.kit-track{background:var(--muted);border-radius:999px;height:.3125rem;margin-top:auto;display:block;position:relative;overflow:hidden}.kit-track>span{border-radius:999px;position:absolute;inset:0 auto 0 0}.kit-track+.kit-item-line{margin-top:0}@media (hover:hover){a.kit-slot:hover,a.kit-item:hover{background:var(--muted)}}.kit-facets{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);flex-direction:column;display:flex}.kit-facet{flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.kit-facet+.kit-facet{border-top:1px solid var(--border)}.kit-place{border:1px solid #0000;border-radius:1rem;transition:background-color .15s ease-out,border-color .15s ease-out}.kit-place[data-open]{border-color:var(--border);background:var(--card);box-shadow:var(--shadow-sm)}.kit-place-row{text-align:left;border-radius:1rem;align-items:center;gap:.75rem;width:100%;min-height:3.75rem;padding:.5rem .75rem;font-size:.9375rem;transition:background-color .15s ease-out,scale .15s ease-out;display:flex}.kit-place:not([data-open]) .kit-place-row:hover{background:var(--muted)}.kit-place-row:active{scale:.98}.kit-place-icon{background:var(--secondary);width:2.25rem;height:2.25rem;color:var(--primary);border-radius:.75rem;flex:none;place-items:center;display:grid}.kit-chip[aria-pressed=true]{border-color:var(--primary);background:var(--secondary);color:var(--secondary-foreground);font-weight:600}.kit-ask{border:1px dashed var(--border);text-align:left;width:100%;min-height:3.25rem;color:var(--muted-foreground);border-radius:14px;align-items:center;gap:.625rem;padding:0 .875rem;font-size:.875rem;transition:border-color .15s ease-out,scale .15s ease-out;display:flex}.kit-ask:hover{border-color:var(--primary)}.kit-ask:active{scale:.98}.kit-ask b{color:var(--primary);font-weight:600}@media (prefers-reduced-motion:reduce){.kit-place-row:active,.kit-ask:active{scale:1}}.kit-has-more{display:flex;position:relative}.kit-has-more>*{flex:1;min-width:0}.kit-has-more>.kit-more{flex:none;position:absolute;top:.25rem;right:.25rem}.kit-has-more .kit-item-top,.kit-has-more .kit-slot-name{padding-right:2rem}.kit-more{width:2.75rem;height:2.75rem;color:var(--muted-foreground);border-radius:999px;place-items:center;transition:background-color .15s ease-out;display:grid}.kit-more[data-state=open],.kit-more:focus-visible{background:var(--muted);outline:none}@media (hover:hover){.kit-more:hover{background:var(--muted)}}.kit-menu{border-radius:calc(var(--radius) + 4px);width:15rem;padding:.375rem}.kit-menu-item{border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:flex-start;gap:0;min-height:2.75rem;padding:.5rem .75rem}.kit-menu-item small{color:var(--muted-foreground);font-size:.75rem}.kit-reasons{flex-direction:column;gap:.5rem;display:flex}.kit-reason-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));gap:.5rem;display:grid}.kit-reason{border-radius:var(--radius);white-space:normal;text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;height:auto;min-height:2.75rem;padding:.5rem .875rem}.kit-reason small{color:var(--muted-foreground);font-size:.75rem;font-weight:400}.kit-reason[data-reason=mistake]{color:var(--destructive)}.kit-item-past{background:0 0;border-style:dashed}.kit-item-past .kit-item-name{color:var(--muted-foreground);font-weight:500}.kit-item-past .kit-item-tag{background:var(--muted);color:var(--muted-foreground)}.kit-item-past .kit-item-line{margin-top:auto}.kit-past-count{background:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 .4375rem;font-size:.75rem}.kit-past-toggle[aria-pressed=true]{background:var(--secondary);color:var(--secondary-foreground);border-color:#0000}.kit-past-icon{transition:transform .3s cubic-bezier(.32,.72,0,1)}.kit-past-toggle[aria-pressed=true] .kit-past-icon{transform:rotate(-8deg)translateY(-1px)}::view-transition-new(.past-in){animation:.3s cubic-bezier(.32,.72,0,1) both past-rise}::view-transition-new(.past-in.past-in-1){animation-delay:50ms}::view-transition-new(.past-in.past-in-2){animation-delay:.1s}::view-transition-new(.past-in.past-in-3){animation-delay:.15s}::view-transition-new(.past-in.past-in-4){animation-delay:.2s}::view-transition-new(.past-in.past-in-5){animation-delay:.25s}::view-transition-old(.past-out){animation:.18s ease-in reverse both past-rise}@keyframes past-rise{0%{opacity:0;transform:translateY(8px)scale(.94)}}@media (prefers-reduced-motion:reduce){.kit-past-icon{transition:none}}.kit-km{background:var(--card);text-align:left;flex-direction:column;gap:.125rem;padding:.75rem 1rem;transition:background-color .15s,scale .1s;display:flex}.kit-km:hover{background:var(--muted)}.kit-km:active{scale:.98}.kit-km[data-empty]{outline:1.5px dashed var(--primary);outline-offset:-6px;color:var(--primary);border-radius:.5rem}.kit-km-pop{width:min(18rem,100vw - 2rem);inset:auto;top:anchor(bottom);left:anchor(left);position-try-fallbacks:flip-block, flip-inline;border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--popover,var(--card));color:var(--popover-foreground,var(--card-foreground));box-shadow:var(--shadow-lg,0 12px 32px #0003);flex-direction:column;gap:.75rem;margin:.5rem 0 0;padding:1rem}.kit-km-pop:popover-open{display:flex}@supports not (anchor-name:--a){.kit-km-pop{height:fit-content;margin:auto;inset:0}}@media (prefers-reduced-motion:no-preference){.kit-km-pop:popover-open{animation:.16s cubic-bezier(.2,.8,.2,1) kit-km-in}}@keyframes kit-km-in{0%{opacity:0;translate:0 -4px}}.kit-made{text-align:left;overflow-wrap:anywhere;background:var(--card);flex-direction:column;gap:.125rem;width:100%;height:100%;padding:.75rem 1rem;transition:background-color .15s,scale .1s;display:flex}.kit-made:active{scale:.98}.kit-made:hover{background:var(--muted)}.kit-made[data-empty] span:last-child{color:var(--primary)}