.sort-workshop{--desk-ink:#242b29;--desk-teal:#0d7377;--desk-orange:#f57f17;color:var(--desk-ink);background:#fefbf5;border:1px solid #cfc4b2;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px #3329140c}.sort-workshop button{font:inherit;cursor:pointer}.sort-workshop button:disabled{cursor:not-allowed;opacity:.55}.sort-workshop :is(button,a,[tabindex]):focus-visible{outline:3px solid #0d7377;outline-offset:4px}.sort-workshop p{max-width:none}.sort-workshop__header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 26px;border-bottom:1px solid #d8ccba;background:linear-gradient(#fffdf7,#f1e8d8)}.sort-workshop__header h2{margin:0;font-size:1.8rem;letter-spacing:-.04em}.sort-eyebrow{color:#58615a;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px}.sort-control{min-height:44px;padding:8px 14px;border:1px solid #a99e8e;border-radius:10px;background:#fffcf5;color:#242b29;font-size:.85rem!important;font-weight:700!important}.sort-control:hover{background:#e8f0e8}.sort-menu{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:32px}.sort-menu__scene{position:relative;align-self:stretch;min-height:320px;border:9px solid #dac09b;border-bottom:20px solid #bc9667;border-radius:20px;background:repeating-linear-gradient(0deg,#e0c6a0 0 2px,#ecd7b5 3px 66px);box-shadow:inset 0 3px 12px #7c55312b;overflow:hidden}.sort-menu__pegboard{height:48%;display:flex;align-items:center;justify-content:center;background:radial-gradient(#baa47f 1px,transparent 1.5px) 0 0/14px 14px,#e5d8bd;border-bottom:10px solid #c6a67d}.sort-menu__pegboard span{padding:16px;color:#fefbf5;background:#0d7377;border:6px solid #f8efdb;border-radius:8px;transform:rotate(-4deg);box-shadow:4px 6px 0 #98826042;letter-spacing:.12em;font-size:.85rem;font-weight:800}.sort-menu__objects{position:absolute;inset:47% 5% auto;display:flex;gap:10px;justify-content:center;transform:rotate(-3deg)}.sort-menu__objects>span{display:grid;place-items:center;width:30%;height:120px;background:#e9f0e6;border:solid #0d7377;border-width:5px 5px 14px;border-radius:15px;font-size:2rem;color:#0d7377;box-shadow:3px 9px 0 #60482429}.sort-menu__objects>span:nth-child(2){margin-top:45px;border-color:#cb6314;color:#ad4f0b;background:#fff0d9}.sort-menu__objects>span:nth-child(3){border-color:#424c46;color:#424c46}.sort-menu__objects small{font-size:.6rem;letter-spacing:.1em}.sort-menu__copy h3{font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.08;letter-spacing:-.045em;margin:10px 0 18px}.sort-menu__copy>p{font-size:.95rem;line-height:1.65}.sort-mode-options{display:grid;gap:8px;margin:20px 0 10px}.sort-mode-options button{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;padding:12px;border:1px solid #d6cebe;border-radius:10px;text-align:left;color:#242b29;background:#f6f1e5;font-weight:750}.sort-mode-options small{display:block;font-weight:400;color:#58615a}.sort-text-button{border:0;border-bottom:1px solid #8a887e;background:transparent;padding:10px 0;color:#0d6265}.sort-more{margin-top:16px;font-size:.85rem}.sort-more summary{min-height:44px;padding-top:10px;cursor:pointer}.sort-more p{margin:8px 0}.sort-local-note{font-size:.75rem!important;color:#59645d;margin-top:20px}.sort-job-board,.sort-panel,.sort-result{padding:24px}.sort-job-board h3,.sort-panel h3{margin-top:0}.sort-jobs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.sort-job{display:flex;align-items:center;gap:14px;padding:16px;text-align:left;background:#f4ead7;border:solid #c8b697;border-width:1px 1px 4px;border-radius:12px;color:#242b29}.sort-job small{display:block;margin-top:5px;font-size:.78rem}.sort-job__number{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid #b2ab94;border-radius:50%;color:#0d7377;font-weight:800;font-size:1.2rem;background:#fffcf5}.sort-run-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;font-size:.85rem}.sort-status{display:grid;grid-template-columns:1fr auto auto auto;gap:24px;align-items:center;margin:0 24px 16px;padding:12px 16px;border-radius:14px;background:#edf0e6;border:1px solid #ced3c3}.sort-status small{display:block;color:#58615a;font-size:.65rem;letter-spacing:.06em}.sort-status strong{display:block;font-size:1.3rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sort-status .sort-rule strong{color:#095e62}.sort-clock{width:74px;height:74px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:4px solid #0d7377;border-radius:50%;background:#fffdf7;box-shadow:0 3px 0 #1e51401c}.sort-clock small{font-size:.55rem}.sort-clock--warn{border-color:#ac4314;color:#a83713}.sort-stage.botski-sort__playfield{position:relative;width:auto;height:auto;max-width:none;display:block;margin:0 24px 20px;padding:18px 22px 10px;border:2px solid #c39c6d;border-bottom:10px solid #ab8051;border-radius:18px;background:repeating-linear-gradient(1deg,transparent 0 68px,#91663012 69px 71px,transparent 72px 140px),linear-gradient(100deg,#ebd2ac,#f4e3c7 50%,#e5c59b);box-shadow:inset 0 3px 8px #6f442026,0 8px 0 #4c361214;touch-action:pan-y}.sort-stage__rail{display:flex;justify-content:space-between;color:#644c33;font-size:.62rem;font-weight:800;letter-spacing:.1em;border-bottom:1px solid #be9c72;padding-bottom:8px}.sort-stage__rail span:last-child{color:#0d7377;letter-spacing:.3em}.sort-receiving{position:relative;margin:14px auto;padding:10px 18px;border:2px solid #b3c4b4;border-radius:50%/20%;background:linear-gradient(125deg,#fffdf6,#eceee1);box-shadow:0 5px 0 #7f6c4936,inset 0 0 0 5px #fffaf0;max-width:470px;text-align:center}.sort-receiving>p{margin:0 0 8px;color:#475d50;font-size:.75rem}.sort-tokens{display:flex;justify-content:center;align-items:center;gap:16px;min-height:128px}.sort-tokens--conveyor{border-bottom:8px double #b3c4b4;background:repeating-linear-gradient(90deg,transparent 0 30px,#b3c4b430 31px 33px)}.sort-piece.botski-sort__piece{display:flex;flex-direction:column;position:relative;background:transparent;border:0;border-radius:12px;color:#242b29;padding:4px 10px;min-width:94px;transition:transform .14s,box-shadow .14s}.sort-piece.botski-sort__piece.is-selected{outline:2px solid #0d7377;outline-offset:2px;border-radius:12px;transform:none;background:#fffcf59c;box-shadow:0 5px 9px #294c3414}.sort-piece>span:not(.sort-token){font-size:.72rem;font-weight:750;margin-top:5px}.sort-piece small{font-size:.6rem;color:#496254}.sort-token{--token-color:#0d7377;display:inline-grid;place-items:center;position:relative;width:72px;height:72px;flex:none;background:var(--token-color);border:2px solid #ffffffab;border-radius:19px;box-shadow:0 4px 0 color-mix(in srgb,var(--token-color) 65%,#111315),0 7px 9px #442c2020;pointer-events:none}.sort-token--orange{--token-color:#cc6312;border-radius:24px 12px}.sort-token--ink{--token-color:#303934;border-radius:12px}.sort-token img{width:52px;height:52px;padding:5px;object-fit:contain;border-radius:50%;background:#fefbf5;filter:grayscale(1)}.sort-token__pattern{position:absolute;right:3px;top:0;font-size:11px;color:#fffdf5;line-height:1}.sort-token__fallback{color:#fffdf5;font-size:.65rem}.sort-clear{position:absolute;right:12px;bottom:6px;background:#fefbf5;border:1px solid #a5b3a8;border-radius:6px;padding:8px;min-height:34px;color:#254939;font-size:.65rem!important}.sort-trays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:720px;margin:18px auto}.sort-trays--2,.sort-trays--4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px}.sort-tray{--tray:#478989;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-width:0;min-height:126px;padding:10px 8px 14px;color:#242b29;background:linear-gradient(#e5eeea,#f6faf3);border:solid var(--tray);border-width:5px 5px 10px;border-radius:16px 16px 20px 20px;box-shadow:inset 0 4px 5px #1c453323,0 5px 0 #644b3433,2px 9px 12px #634c2521;touch-action:manipulation;transition:box-shadow .16s}.sort-tray--orange{--tray:#cb7b37;background:linear-gradient(#f3dcc0,#fff3e1)}.sort-tray--ink{--tray:#59645a;background:linear-gradient(#dadbd1,#eff0e7)}.sort-tray .sort-token{width:44px;height:44px;border-radius:11px;opacity:.85;box-shadow:0 2px 0 #20362625}.sort-tray .sort-token img{width:32px;height:32px;padding:2px}.sort-tray__label{display:block;padding:5px 7px;border:1px solid #d1c6b0;background:#fffdf4;border-radius:4px;box-shadow:0 2px 0 #354d3614;font-size:.78rem;font-weight:800;line-height:1.2;max-width:100%}.sort-tray--excluded{border-style:dashed;background:repeating-linear-gradient(135deg,#e1d4bf 0 8px,#eee2cf 8px 16px)}.sort-tray.is-hot,.sort-tray:hover{outline:3px solid #254939;outline-offset:3px}.sort-tray__feedback{position:absolute;right:5px;top:4px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:white;background:#095e62;font-weight:800;font-size:.8rem}.sort-tray.is-miss .sort-tray__feedback{background:#943f19}.sort-stage__footer{display:flex;justify-content:space-between;gap:8px;color:#584633;font-size:.7rem;font-weight:650;border-top:1px solid #be9c72;padding-top:8px}.sort-drag{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-50%) rotate(-5deg);filter:drop-shadow(0 8px 8px #33333333)}.sort-announcement{margin:0;min-height:28px;padding:0 24px 12px;color:#48604f;font-size:.75rem}.sort-announcement:empty{display:none}.sort-storage{padding:12px 24px;font-size:.8rem;background:#ffefd7}.sort-result{text-align:center;background:radial-gradient(ellipse at center,#fffef9,#f3eddf)}.sort-result h3{font-size:1.5rem}.sort-result .action-row{justify-content:center}.sort-result__score{font-size:4rem;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:#0d7377;margin:22px 0}.sort-result__score span{display:block;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-top:6px}.sort-stamps{color:#985208;font-size:2rem}.sort-stamps span{display:block;color:#49584d;font-size:.8rem}.sort-embed.botski-sort{padding:16px}.sort-workshop--embed .sort-menu{display:block;padding:16px}.sort-workshop--embed .sort-menu__scene{display:none}.sort-workshop--embed .sort-menu__copy h3{font-size:1.4rem}.sort-workshop--embed .sort-menu__copy>p{display:none}.sort-workshop--embed .sort-stage{margin:0 12px 12px}.bot-sort-page:has(.sort-workshop[data-active=true])>.marketing-intro{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media (min-width:760px){.sort-stage--circle .sort-receiving{width:42%;min-height:152px;margin-top:20px;margin-bottom:20px}.sort-stage--circle .sort-trays{position:relative;margin-top:-195px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:150px 120px;gap:18px 24px;pointer-events:none}.sort-stage--circle .sort-tray{pointer-events:auto}.sort-stage--circle .sort-tray:nth-child(2){grid-column:3}.sort-stage--circle .sort-tray:nth-child(n+3){grid-row:2}.sort-stage--circle .sort-tray:nth-child(6){grid-row:3;grid-column:2}}@media (max-width:759px){.sort-menu{grid-template-columns:1fr;gap:24px;padding:20px}.sort-menu__scene{min-height:190px}.sort-menu__pegboard{height:100px}.sort-menu__objects{top:44%}.sort-menu__objects>span{height:88px}.sort-menu__objects>span:nth-child(2){margin-top:12px}.sort-jobs{grid-template-columns:1fr}.sort-workshop__header{padding:14px 16px}.sort-workshop__header h2{font-size:1.35rem}.sort-workshop__header .sort-eyebrow{font-size:.55rem}.sort-run-title{padding:8px 12px;font-size:.75rem}.sort-status{margin:0 10px 10px;padding:8px;gap:10px;grid-template-columns:1fr auto auto}.sort-status>div:last-child{grid-column:2/4;grid-row:2;display:flex;align-items:center;justify-content:center;gap:6px}.sort-status .sort-rule{grid-row:1/3}.sort-status strong{font-size:1.05rem}.sort-status small{font-size:.53rem}.sort-clock{width:52px;height:52px;border-width:3px}.sort-clock small{font-size:.48rem}.sort-stage.botski-sort__playfield{margin:0 8px 12px;padding:10px 8px 8px;border-radius:12px}.sort-stage__rail{font-size:.5rem;letter-spacing:.04em}.sort-receiving{margin:10px auto 14px;padding:8px 4px}.sort-receiving>p{font-size:.63rem}.sort-tokens{min-height:112px;gap:16px}.sort-piece.botski-sort__piece{min-width:88px;padding:2px 6px}.sort-piece>span:not(.sort-token){font-size:.63rem}.sort-piece small{font-size:.52rem}.sort-clear{position:static;min-height:36px;margin-top:7px}.sort-trays{gap:9px;margin:10px 0 12px}.sort-tray{min-height:104px;padding:8px 3px;border-width:3px 3px 7px;border-radius:10px;gap:8px}.sort-tray__label{font-size:.66rem;padding:4px 3px}.sort-tray .sort-token{width:36px;height:36px}.sort-tray .sort-token img{width:27px;height:27px}.sort-tray .sort-token__pattern{font-size:8px}.sort-stage__footer{font-size:.6rem}.sort-announcement{padding:0 12px 10px;font-size:.67rem}.sort-job-board,.sort-panel,.sort-result{padding:16px}.bot-sort-page{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.bot-sort-page:has(.sort-workshop[data-active=true]){padding-top:12px}}@media (prefers-reduced-motion:reduce){.sort-workshop *,.sort-workshop :after,.sort-workshop :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.sort-stage.botski-sort__playfield{min-height:0;justify-items:normal}body:has(.bot-sort-page) .skip-link:not(:focus){transform:translateY(-200%)}.sort-clock strong{line-height:1}.sort-clock small{margin-top:3px}