@layer base;@layer components{.binder-grid{--binder-cols:4;--binder-gap:clamp(8px, 1vw, 14px);grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid;position:relative}.binder-progress{border:1px solid var(--hair);border-radius:var(--r-card);background:var(--card-2);gap:10px;padding:14px 16px 16px;display:grid}.binder-progress-row{align-items:baseline;gap:10px;min-width:0;display:flex}.binder-progress-set{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:clamp(14px,1.2vw,17px);overflow:hidden}.binder-progress-set b{font-weight:600}.binder-progress-of{color:var(--mute)}.binder-progress-pct{color:var(--mute);margin-left:auto;font-size:12px}.binder-progress-bar{background:var(--bg-2);border-radius:999px;height:8px;position:relative;overflow:hidden}.binder-progress-bar i{border-radius:inherit;background:var(--ink);transform-origin:0;transition:transform .6s cubic-bezier(.2,.9,.3,1);position:absolute;inset:0}.binder-grid-bar{align-items:center;gap:14px;min-width:0;display:flex}.binder-grid-where{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;font-size:12px}.binder-grid-range,.binder-grid-count{color:var(--mute)}.binder-grid-strip{flex:auto;align-items:flex-end;gap:3px;min-width:0;height:18px;display:flex;overflow:hidden}.binder-grid-tick{border:1px solid var(--hair);cursor:pointer;background:0 0;border-radius:1.5px;flex:none;width:7px;height:11px;padding:0;transition:height .2s,background .2s,border-color .2s}.binder-grid-tick[data-fill="1"]{background:linear-gradient(to top, var(--ink-2) 45%, transparent 45%);border-color:var(--faint)}.binder-grid-tick[data-fill="2"]{background:var(--ink-2);border-color:var(--ink-2)}.binder-grid-tick[data-on="1"]{border-color:var(--ink);height:17px;box-shadow:0 0 0 1px var(--ink)}.binder-grid-tick:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.binder-grid-nav{gap:6px;margin-left:auto;display:inline-flex}.binder-grid-step{border:1px solid var(--hair);background:var(--card-2);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;transition:border-color .2s,opacity .2s;display:grid}.binder-grid-step:hover:not(:disabled){border-color:var(--ink)}.binder-grid-step:disabled{opacity:.35;cursor:default}.binder-grid-step:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.binder-grid-page{grid-template-columns:repeat(var(--binder-cols), minmax(0, 1fr));gap:var(--binder-gap);margin:0;padding:0;list-style:none;display:grid}.binder-grid-page[data-loading="1"] .binder-grid-pocket-empty{opacity:.55}.binder-grid-cell{min-width:0}.binder-grid-pocket{border:1px solid var(--hair-2);width:100%;color:var(--ink);text-align:left;font:inherit;background:#ebe7e0;border-radius:10px;grid-template-columns:minmax(0,1fr);gap:8px;padding:9px 9px 7px;display:grid;position:relative}.binder-grid-blank .binder-grid-pocket,.binder-grid-pocket-pad{aspect-ratio:63/100;border-style:dashed;border-color:var(--hair-2);background:0 0}button.binder-grid-pocket{cursor:pointer;transition:border-color .2s,background .2s}button.binder-grid-pocket:hover{border-color:var(--hair);background:#e6e1d9}button.binder-grid-pocket:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.binder-grid-pocket .ui-card{width:100%}.binder-grid-pocket-empty .ui-ghost{background:#ffffff47}.binder-grid-cap{min-height:18px;font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.binder-grid-price{text-overflow:ellipsis;overflow:hidden}.binder-grid-cap-empty{color:var(--faint);letter-spacing:.06em;font-size:10.5px}.binder-grid-ex{letter-spacing:.08em;color:var(--mute);border:1px dashed var(--faint);border-radius:999px;padding:0 5px;font-size:9.5px;line-height:15px}.binder-grid-open{color:var(--mute);flex:none;margin-left:auto}button.binder-grid-pocket:hover .binder-grid-open{color:var(--ink)}.binder-grid-copies,.binder-grid-no{z-index:3;letter-spacing:.03em;pointer-events:none;border-radius:999px;height:19px;padding:0 6px;font-size:10.5px;line-height:19px;position:absolute;top:4px}.binder-grid-no{background:var(--ink);color:#f8f6f2;left:4px}.binder-grid-copies{background:var(--card-2);color:var(--ink);box-shadow:0 0 0 1px var(--hair);right:4px}.binder-sheet{z-index:100;background:#ece8e1db;place-items:center;padding:20px;animation:.28s ease-out binder-sheet-in;display:grid;position:fixed;inset:0}.binder-sheet-panel{border:1px solid var(--hair);border-radius:var(--r-card);background:var(--card);width:min(840px,100%);max-height:calc(100svh - 40px);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(20px,3vw,40px);padding:clamp(18px,3vw,34px);animation:.42s cubic-bezier(.2,.9,.3,1.05) binder-sheet-up;display:grid;position:relative;overflow:auto}.binder-sheet-close{z-index:2;border:1px solid var(--hair);background:var(--card-2);cursor:pointer;border-radius:999px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:12px;right:12px}.binder-sheet-close:hover{border-color:var(--ink)}.binder-sheet-close:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.binder-sheet-card{min-width:0}.binder-sheet-info{align-content:start;gap:10px;min-width:0;padding-top:4px;display:grid}.binder-sheet-kicker{align-items:center;gap:10px;margin:0;display:flex}.binder-sheet-name{font-size:clamp(26px,2.6vw,36px)}.binder-sheet-line{color:var(--ink-2);margin:0}.binder-sheet-value{letter-spacing:-.01em;gap:2px;margin:6px 0 4px;font-size:clamp(30px,3vw,40px);font-weight:600;line-height:1;display:grid}.binder-sheet-value small{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-size:11px;font-weight:400}.binder-sheet-rows{border-top:1px solid var(--hair);margin:4px 0 6px;display:grid}.binder-sheet-row{border-bottom:1px solid var(--hair-2);grid-template-columns:96px minmax(0,1fr);gap:12px;padding:9px 0;font-size:14.5px;display:grid}.binder-sheet-row dt{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding-top:2px;font-size:11px}.binder-sheet-row dd{color:var(--ink-2);overflow-wrap:anywhere;margin:0}.binder-sheet-go{justify-self:start;margin-top:6px}@media (max-width:760px){.binder-grid{--binder-cols:3!important}.binder-grid-page{grid-template-columns:repeat(3,minmax(0,1fr))}.binder-grid-pocket{border-radius:8px;gap:6px;padding:6px 6px 5px}.binder-grid-cap{gap:5px;font-size:10.5px}.binder-grid-cap-empty{font-size:9px}.binder-grid-ex,.binder-grid-strip{display:none}.binder-sheet{align-items:end;padding:10px}.binder-sheet-panel{grid-template-columns:minmax(0,1fr);max-height:calc(100svh - 20px);padding:18px 18px 22px}.binder-sheet-card{justify-self:center;width:min(62%,240px)}}@media (prefers-reduced-motion:reduce){.binder-sheet,.binder-sheet-panel{animation:none}}}@keyframes binder-sheet-in{0%{opacity:0}}@keyframes binder-sheet-up{0%{opacity:0;transform:translateY(18px)scale(.985)}}