@layer components{.sn-kit{--sn-font-pixel:"Sennin Pixel", var(--rb-font-ui);--sn-win-line:var(--rb-accent);--sn-win-ground:var(--rb-paper-raised);--sn-win-ink:var(--rb-ink);--sn-win-soft:var(--rb-ink-soft);--sn-meter-fill:var(--rb-accent);--sn-meter-low:var(--rb-kraft);--sn-meter-empty:color-mix(in srgb, var(--rb-ink) 12%, transparent)}:where(html.dark) .sn-kit{--sn-win-line:color-mix(in oklab, var(--rb-accent) 55%, var(--rb-dark-ink));--sn-win-ground:var(--rb-dark-paper-raised);--sn-win-ink:var(--rb-dark-ink);--sn-win-soft:color-mix(in oklab, var(--rb-dark-ink) 78%, var(--rb-dark-paper));--sn-meter-fill:color-mix(in oklab, var(--rb-accent) 55%, var(--rb-dark-ink));--sn-meter-empty:color-mix(in srgb, var(--rb-dark-ink) 16%, transparent)}.sn-plabel{font-family:var(--sn-font-pixel);letter-spacing:.08em;font-variant-numeric:lining-nums tabular-nums;font-size:max(.875rem,1em);font-weight:400;line-height:1.3}.sn-win{padding:calc(var(--rb-space-4) + .25rem) var(--rb-space-4) var(--rb-space-4);border:3px solid var(--sn-win-line);outline:1px solid var(--sn-win-line);outline-offset:-7px;background:var(--sn-win-ground);color:var(--sn-win-ink);box-shadow:var(--rb-shadow-step);border-radius:0;margin-top:.9rem;position:relative}@media (width>=37.5rem){.sn-win{padding:calc(var(--rb-space-6) + .25rem) var(--rb-space-6) var(--rb-space-6)}}.sn-win__tab{top:0;left:var(--rb-space-4);background:var(--sn-win-ground);color:var(--sn-win-ink);font-family:var(--sn-font-pixel);letter-spacing:.12em;white-space:nowrap;padding:0 .5em;font-size:.875rem;line-height:1.2;position:absolute;transform:translateY(-58%)}.sn-win__row{justify-content:space-between;align-items:baseline;gap:var(--rb-space-1) var(--rb-space-3);flex-wrap:wrap;display:flex}.sn-win__rule{margin:var(--rb-space-4) 0;border:0;border-top:1px dashed var(--sn-win-line)}.sn-win__soft{color:var(--sn-win-soft)}.sn-meter{grid-template-columns:repeat(var(--sn-n,10), minmax(0, 1fr));border:2px solid var(--sn-win-ink);background:var(--sn-win-ground);gap:3px;height:1.125rem;padding:3px;display:grid}.sn-meter__seg{background:var(--sn-meter-empty)}.sn-meter__seg[data-on]{background:var(--sn-meter-fill)}.sn-meter[data-low] .sn-meter__seg[data-on]{background:var(--sn-meter-low)}.sn-prop{max-width:none;image-rendering:crisp-edges;image-rendering:pixelated;flex:none;display:block}.sn-stamp{opacity:.92;transform:rotate(-9deg)}.sn-menu{gap:var(--rb-space-1);margin:0;padding:0;list-style:none;display:grid}.sn-menu__item{min-height:3rem;padding:0 var(--rb-space-2);color:var(--sn-win-ink);font-family:var(--rb-font-ui);font-size:var(--rb-text-base);align-items:center;gap:.6em;text-decoration:none;display:flex;position:relative}.sn-menu__item:before{content:"▶";font-family:var(--sn-font-pixel);color:var(--sn-win-line);visibility:hidden;font-size:.875rem}.sn-menu__item:is(:hover,:focus-visible,[data-cursor]):before{visibility:visible}.sn-menu__item:hover{text-underline-offset:.25em;text-decoration:underline}.sn-menu__item:focus-visible{outline:2px solid var(--sn-win-line);outline-offset:2px}:where(html[data-motion=on]) .sn-menu__item[data-cursor]:not(:hover,:focus-visible):before{animation:1s step-end infinite sn-cursor}}@keyframes sn-cursor{50%{opacity:0}}