*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--charcoal-900: #121517;--charcoal-800: #1b1f22;--charcoal-700: #23282c;--charcoal-600: #2d3338;--charcoal-500: #3b4247;--charcoal-400: #545c62;--orange: #f4661b;--orange-bright: #ff7a2f;--orange-deep: #b8460c;--offwhite: #f2eee3;--offwhite-dim: #cdc8ba;--teal: #3e8c87;--teal-deep: #275e5b;--rust: #a33418;--ink: var(--offwhite);--ink-dim: #9aa1a6;--hairline: rgba(0, 0, 0, .55);--edge-light: rgba(255, 255, 255, .08);--metal: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(0, 0, 0, .16)), repeating-linear-gradient( 90deg, rgba(255, 255, 255, .014) 0 1px, rgba(0, 0, 0, .014) 1px 3px ), var(--charcoal-700);--card-metal: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(0, 0, 0, .2)), repeating-linear-gradient( 52deg, rgba(255, 255, 255, .016) 0 2px, rgba(0, 0, 0, .02) 2px 4px ), repeating-linear-gradient( -38deg, rgba(255, 255, 255, .012) 0 3px, rgba(0, 0, 0, .016) 3px 5px ), var(--charcoal-600);--radius: 3px;--gap: .5rem;--tap: 44px;--snap-ms: .26s;--clunk: cubic-bezier(.2, 1.5, .35, 1);--font-condensed: "Oswald", "Archivo Narrow", "Roboto Condensed", "Liberation Sans Narrow", "Arial Narrow", ui-sans-serif, system-ui, sans-serif;font-family:var(--font-condensed);font-stretch:88%;color-scheme:dark}@media(prefers-color-scheme:light){:root{--charcoal-900: #1c2023;--charcoal-800: #262b2f;--charcoal-700: #2f353a;--charcoal-600: #3a4146;--charcoal-500: #4a5257;--ink-dim: #b3b9bd}}body{min-height:100dvh;color:var(--ink);background-color:var(--charcoal-800);font-size:16px;letter-spacing:.01em}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.shell{min-height:100dvh}.pegboard{display:grid;gap:var(--gap);padding:var(--gap);padding-bottom:4rem;background-color:var(--charcoal-800);background-image:radial-gradient(circle at 50% 46%,rgba(255,255,255,.045) 0 3.6px,transparent 4px),radial-gradient(circle at 50% 50%,var(--charcoal-900) 0 3px,transparent 3.6px),linear-gradient(180deg,#ffffff05,#00000047);background-size:28px 28px,28px 28px,100% 100%}@media(min-width:760px){.pegboard{grid-template-columns:1fr 1fr}.panel--board{grid-column:1 / -1}}.topbar{position:sticky;top:0;z-index:30;padding:.4rem var(--gap) .5rem;background:var(--metal);border-bottom:3px solid var(--orange);box-shadow:0 6px 14px #00000073}.topbar__brand{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.topbar__mark{width:14px;height:14px;background:var(--orange);box-shadow:inset 0 0 0 3px var(--charcoal-800),0 0 0 1px var(--orange-deep)}.topbar__name{font-size:1.05rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.counts{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.counts__tile{display:flex;flex-direction:column-reverse;align-items:center;gap:0;padding:.3rem .15rem .25rem;background:linear-gradient(180deg,#0000004d,#0000000d);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--edge-light)}.counts__tile[data-accent=true]{border-color:var(--orange-deep);background:linear-gradient(180deg,#f4661b38,#0003)}.counts__value{font-size:1.6rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.counts__tile[data-accent=true] .counts__value{color:var(--orange-bright)}.counts__label{font-size:.6rem;line-height:1.1;text-align:center;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-dim)}.topbar__warning{margin-top:.35rem;padding:.25rem .4rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--charcoal-900);background:var(--orange-bright);border-radius:var(--radius)}.panel{background:var(--metal);background-image:radial-gradient(circle at 9px 9px,rgba(255,255,255,.16) 0 1.6px,rgba(0,0,0,.5) 2px 3.2px,transparent 3.4px),radial-gradient(circle at calc(100% - 9px) 9px,rgba(255,255,255,.16) 0 1.6px,rgba(0,0,0,.5) 2px 3.2px,transparent 3.4px),radial-gradient(circle at 9px calc(100% - 9px),rgba(255,255,255,.16) 0 1.6px,rgba(0,0,0,.5) 2px 3.2px,transparent 3.4px),radial-gradient(circle at calc(100% - 9px) calc(100% - 9px),rgba(255,255,255,.16) 0 1.6px,rgba(0,0,0,.5) 2px 3.2px,transparent 3.4px),linear-gradient(180deg,#ffffff12,#00000029),repeating-linear-gradient(90deg,#ffffff04 0 1px,#00000004 1px 3px);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--edge-light),0 4px 10px #0006}.panel__plate{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem .3rem .65rem;background:linear-gradient(180deg,var(--charcoal-900),rgba(0,0,0,.75));border-bottom:1px solid var(--hairline);box-shadow:inset 0 -1px 0 var(--edge-light);position:relative}.panel__plate:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--orange)}.panel__title{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.panel__count{min-width:1.5rem;padding:0 .3rem;font-size:.75rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;color:var(--charcoal-900);background:var(--offwhite-dim);border-radius:2px}.panel__action{margin-left:auto}.panel__body{display:grid;gap:.4rem;padding:.45rem}.board{display:grid;gap:.4rem}@media(min-width:900px){.board{grid-template-columns:repeat(3,1fr);align-items:start}}.lane{border:1px solid var(--hairline);border-radius:var(--radius);background:linear-gradient(180deg,#00000057,#00000024);box-shadow:inset 0 2px 6px #00000080;transition:box-shadow .14s ease,background-color .14s ease}.lane[data-over]{background-color:#f4661b17;box-shadow:inset 0 0 0 2px var(--orange),inset 0 2px 8px #00000080}.lane__plate{display:flex;align-items:center;gap:.35rem;padding:.25rem .45rem;border-bottom:1px dashed var(--charcoal-500)}.lane__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--offwhite-dim)}.lane[data-stage=in-progress] .lane__title{color:var(--orange-bright)}.lane[data-stage=done] .lane__title{color:var(--teal)}.lane__count{margin-left:auto;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-dim)}.lane__slots{display:grid;gap:.35rem;padding:.35rem;min-height:62px}.lane__empty{align-self:center;padding:.5rem .25rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--charcoal-400)}.card{display:grid;grid-template-columns:var(--tap) 1fr;background:var(--card-metal);border:1px solid var(--hairline);border-left:3px solid var(--charcoal-400);border-radius:var(--radius);box-shadow:inset 0 1px #ffffff12,0 2px 4px #00000073;transition:box-shadow .14s ease,translate .16s ease}.card[data-selected],.lane[data-stage=in-progress] .card{border-left-color:var(--orange)}.lane[data-stage=done] .card{border-left-color:var(--teal)}.card[data-dragging]{position:relative;z-index:20;transition:none;transform-origin:12% 50%;scale:1.03;rotate:-1.1deg;box-shadow:0 14px 26px #0009,0 0 0 1px var(--orange-deep);cursor:grabbing}.card[data-returning]{position:relative;z-index:20;transition:translate .26s var(--clunk),box-shadow .2s ease}.card[data-snapped]{animation:snap-lock var(--snap-ms) var(--clunk)}@keyframes snap-lock{0%{transform:translateY(-5px) scale(1.035);box-shadow:0 12px 22px #0000008c}55%{transform:translateY(1px) scale(.985);box-shadow:0 1px 2px #00000080}75%{transform:translateY(0) scale(1.004)}to{transform:none}}.card__grip{touch-action:none;display:grid;place-items:center;min-height:var(--tap);padding:0;border:0;border-right:1px solid var(--hairline);border-radius:var(--radius) 0 0 var(--radius);background:linear-gradient(90deg,#00000047,#ffffff0d);cursor:grab}.card__grip:focus-visible{outline:2px solid var(--orange-bright);outline-offset:-3px}.card__grip-ridges{width:14px;height:60%;min-height:26px;background:repeating-linear-gradient(180deg,var(--charcoal-400) 0 2px,rgba(0,0,0,.55) 2px 5px);box-shadow:inset 0 0 0 1px #0006;border-radius:1px}.card__main{display:grid;grid-template-columns:1fr auto;grid-template-areas:"open shift" "badges badges";align-items:center}.card__open{grid-area:open;display:grid;gap:.1rem;min-height:var(--tap);padding:.4rem .5rem;text-align:left;color:var(--ink);background:none;border:0;cursor:pointer}.card__title{font-size:1rem;font-weight:600;line-height:1.15}.card__meta{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-variant-numeric:tabular-nums}.card__badges{grid-area:badges;display:flex;flex-wrap:wrap;gap:.2rem;padding:0 .5rem .4rem;list-style:none}.card__shift{grid-area:shift;display:flex;gap:2px;padding-right:.3rem}.shift{width:34px;min-height:38px;font-size:1.25rem;line-height:1;color:var(--offwhite);background:linear-gradient(180deg,var(--charcoal-500),var(--charcoal-700));border:1px solid var(--hairline);border-radius:2px;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #00000080;cursor:pointer}.shift:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #00000080}.shift:disabled{opacity:.3;cursor:default}.badge{display:inline-block;padding:.1rem .35rem;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--charcoal-900);background:var(--offwhite-dim);border-radius:2px;box-shadow:0 1px 1px #0006}.badge[data-badge=waiting-on-delivery]{background:var(--teal);color:#06201f}.badge[data-badge=needs-battery]{background:var(--orange-bright)}.badge[data-badge=blocked]{background:var(--rust);color:var(--offwhite)}.badge[data-badge=weekend]{background:var(--offwhite);box-shadow:0 1px 1px #0006,inset 0 0 0 2px var(--orange)}.badge[data-badge=needs-help]{background:var(--charcoal-400);color:var(--offwhite)}.add-row{display:grid;grid-template-columns:1fr auto;gap:.3rem}.add-row--split{grid-template-columns:1fr 4.5rem auto}.add-row__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.input{min-height:var(--tap);padding:.3rem .5rem;color:var(--ink);background:linear-gradient(180deg,#00000073,#00000040);border:1px solid var(--hairline);border-radius:2px;box-shadow:inset 0 2px 4px #00000080;font-size:1rem;min-width:0}.input::placeholder{color:var(--charcoal-400);text-transform:uppercase;font-size:.8rem;letter-spacing:.06em}.input:focus-visible{outline:2px solid var(--orange-bright);outline-offset:-1px}.input--qty{text-align:center}.button{min-height:var(--tap);padding:0 .7rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--offwhite);background:linear-gradient(180deg,var(--charcoal-500),var(--charcoal-700));border:1px solid var(--hairline);border-radius:2px;box-shadow:inset 0 1px #ffffff1f,0 2px 3px #00000073;cursor:pointer}.button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0000008c}.button:focus-visible,.checkbox:focus-visible,.chip:focus-visible,.segmented__button:focus-visible{outline:2px solid var(--orange-bright);outline-offset:1px}.button--primary{color:#1a0d05;background:linear-gradient(180deg,var(--orange-bright),var(--orange-deep));border-color:#6d2905}.button--ghost{background:linear-gradient(180deg,#3e8c8752,#0000004d);border-color:var(--teal-deep)}.button--danger{background:linear-gradient(180deg,#c0421f,var(--rust));border-color:#61200f}.button--small{min-height:36px;padding:0 .45rem;font-size:.68rem}.button--block{width:100%}.button--icon{width:var(--tap);min-height:var(--tap);padding:0;font-size:.9rem;color:var(--ink-dim);background:linear-gradient(180deg,#ffffff0a,#00000040)}.checklist{display:grid;gap:2px;list-style:none;padding:0}.checklist__row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.25rem;background:linear-gradient(180deg,#ffffff09,#0003);border:1px solid var(--hairline);border-radius:2px}.checklist__row[data-done]{opacity:.55}.checklist__row[data-done] .checklist__name{text-decoration:line-through;text-decoration-color:var(--orange)}.checklist__hit{display:flex;align-items:center;gap:.5rem;min-height:var(--tap);padding:.25rem .4rem;cursor:pointer}.checkbox{flex:none;width:26px;height:26px;margin:0;accent-color:var(--orange);cursor:pointer}.checklist__text{display:grid;gap:.1rem}.checklist__name{font-size:.95rem;line-height:1.2}.checklist__sub{display:flex;flex-wrap:wrap;gap:.2rem}.tag{padding:0 .3rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--offwhite-dim);background:#0006;border:1px solid var(--charcoal-500);border-radius:2px}.tag--qty{color:var(--charcoal-900);background:var(--teal);border-color:var(--teal-deep);font-variant-numeric:tabular-nums}.tag[data-stale]{color:#1a0d05;background:var(--orange-bright);border-color:var(--orange-deep)}.empty{padding:.5rem .25rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--charcoal-400)}.field-error{font-size:.78rem;color:var(--orange-bright)}.tools{display:grid;gap:2px;list-style:none;padding:0}.tools__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.35rem;padding:.3rem .35rem .3rem .5rem;background:linear-gradient(180deg,#ffffff09,#0003);border:1px solid var(--hairline);border-left:3px solid var(--teal-deep);border-radius:2px}.tools__text{display:grid;gap:.1rem}.tools__name{font-size:.95rem;line-height:1.2}.tools__sub{display:flex;align-items:center;gap:.3rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim)}.stickies{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.4rem;list-style:none;padding:0}.sticky{position:relative;padding:.3rem;background:linear-gradient(180deg,#fbf8ef,var(--offwhite));box-shadow:0 3px 6px #00000080;rotate:-.7deg}.sticky:nth-child(2n){rotate:.8deg}.sticky:before{content:"";position:absolute;top:-5px;left:50%;width:12px;height:12px;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--orange-bright),var(--orange-deep));box-shadow:0 1px 2px #0009}.sticky__text{display:block;width:100%;padding:.5rem .3rem .3rem;color:#1d1a14;background:none;border:0;resize:vertical;font-size:.9rem;line-height:1.25}.sticky__text:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.sticky__remove{position:absolute;top:-2px;right:-2px;width:34px;min-height:34px;color:#4a4238;background:none;border:0;box-shadow:none}.drawer-layer{position:fixed;inset:0;z-index:40}.drawer-layer__scrim{position:absolute;inset:0;width:100%;padding:0;background:#0009;border:0;cursor:pointer}.drawer{position:absolute;inset:0 0 0 auto;width:min(440px,100%);display:grid;grid-template-rows:auto 1fr;background:var(--metal);border-left:3px solid var(--orange);box-shadow:-10px 0 26px #0009;animation:drawer-in .2s var(--clunk)}@keyframes drawer-in{0%{transform:translate(14px);opacity:.4}}.drawer__head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.4rem;padding:.45rem .5rem;background:linear-gradient(180deg,var(--charcoal-900),rgba(0,0,0,.7));border-bottom:2px solid var(--orange-deep)}.drawer__eyebrow{font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:var(--orange-bright)}.drawer__title{font-size:1.15rem;font-weight:700;line-height:1.1}.drawer__body{display:grid;gap:.55rem;padding:.5rem;overflow-y:auto;overscroll-behavior:contain}.drawer__section{display:grid;gap:.35rem;padding-bottom:.5rem;border-bottom:1px dashed var(--charcoal-500)}.drawer__section:last-child{border-bottom:0}.drawer__label{display:flex;align-items:baseline;gap:.35rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--offwhite-dim)}.drawer__label-count{color:var(--orange-bright);font-variant-numeric:tabular-nums}.drawer__badges{grid-area:auto;padding:0}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;background:#00000073;border:1px solid var(--hairline);border-radius:2px}.segmented__button{min-height:var(--tap);padding:0 .2rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--offwhite-dim);background:linear-gradient(180deg,var(--charcoal-600),var(--charcoal-700));border:1px solid var(--hairline);border-radius:2px;cursor:pointer}.segmented__button[aria-pressed=true]{color:#1a0d05;background:linear-gradient(180deg,var(--orange-bright),var(--orange-deep));box-shadow:inset 0 2px 4px #00000059}.chips{display:flex;flex-wrap:wrap;gap:.25rem}.chip{min-height:38px;padding:0 .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--offwhite-dim);background:linear-gradient(180deg,#ffffff0a,#0000004d);border:1px solid var(--charcoal-500);border-radius:2px;cursor:pointer}.chip[data-on]{color:var(--offwhite);border-color:var(--orange);background:linear-gradient(180deg,#f4661b66,#00000040)}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.3rem}.photo{position:relative;margin:0;border:1px solid var(--charcoal-500);background:var(--charcoal-900)}.photo img{width:100%;height:96px;object-fit:cover}.photo__remove{position:absolute;top:0;right:0;width:34px;min-height:34px;color:var(--offwhite);background:#0009}.photo-add{display:grid;place-items:center;min-height:96px;text-align:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--offwhite-dim);background:repeating-linear-gradient(45deg,#ffffff08 0 6px,#0000002e 6px 12px);border:2px dashed var(--charcoal-400);cursor:pointer}.photo-add:focus-within{border-color:var(--orange-bright)}.notes-field{width:100%;padding:.4rem .5rem;color:var(--ink);background:linear-gradient(180deg,#00000073,#00000040);border:1px solid var(--hairline);border-radius:2px;box-shadow:inset 0 2px 4px #00000080;font-size:.95rem;resize:vertical}.notes-field:focus-visible{outline:2px solid var(--orange-bright);outline-offset:-1px}.page{max-width:60ch;margin-inline:auto;padding:2rem 1rem}.page h1{font-size:3rem;text-transform:uppercase;letter-spacing:.1em;color:var(--orange)}.page a{color:var(--teal)}@media(prefers-reduced-motion:reduce){.card,.card[data-returning],.drawer{transition-duration:1ms;animation:none}.card[data-snapped]{animation:none}.card[data-dragging]{rotate:none;scale:1}}