:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0e1218;--ink:#131820;--ash:#eef2f7;--head-day:3.2rem;--head:var(--head-day);--col:1fr;--today:2.05fr;--rail:3rem;--tray:6.2vh;--slot:82%;--boxw:16.8%;background:var(--ground);color:var(--ink);font-family:ui-rounded,SF Pro Rounded,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--ground);min-width:980px;margin:0}#app{width:100vw;height:100dvh;position:relative}.week{height:100%;display:grid;position:relative}.band{z-index:3;left:0;right:0;top:var(--head-day);height:var(--band);pointer-events:none;--paper:#fff;align-content:start;display:grid;position:absolute}.span{grid-template-columns:subgrid;background:var(--paper);border-radius:999px;align-items:center;min-width:0;margin:.2rem .3rem .25rem;display:grid;overflow:hidden;box-shadow:0 .1rem .35rem #0000002e}.span__what{z-index:1;grid-area:1/1/2/-1;justify-content:center;align-items:center;gap:.3rem;min-width:0;padding:.18rem .3rem;display:flex;position:relative}.span--from{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem;margin-left:0}.span--into{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;margin-right:0}.span.gone{opacity:.5}.span__gone{background:color-mix(in oklab, var(--ash) 78%, #9aa3ad);grid-row:1;align-self:stretch}.span .badge{width:1.4rem;height:1.4rem}.span .face{width:1.4rem;height:1.4rem;box-shadow:0 0 0 .12rem var(--paper)}.span .face+.face{margin-left:-.4rem}.nothing{color:#b9b2ab;text-align:center;align-content:center;justify-items:center;gap:.6rem;height:100%;margin:0;font-size:clamp(1rem,1.8vw,1.6rem);display:grid}.nothing small{color:#7d766f;font-size:.68em}.nothing code{font-family:ui-monospace,monospace}.day-1{--day:#ffc94a}.day-2{--day:#3fd3a5}.day-3{--day:#45b6f2}.day-4{--day:#f4584f}.day-5{--day:#ffa53c}.day-6{--day:#dfe9f4}.day-7{--day:#f4bad6}.day{grid-template-rows:var(--head) 1fr;--field:color-mix(in oklab, var(--day) 88%, var(--ash));--spent:color-mix(in oklab, var(--day) 16%, var(--ash));--seam:color-mix(in oklab, var(--day) 40%, #9aa3ad);--paper:#fff;--tile:7rem;background:var(--field);min-width:0;display:grid;overflow:hidden}.day.gone{--field:var(--spent);--paper:color-mix(in oklab, var(--day) 8%, var(--ash))}.day.gone header{opacity:.62}.day.gone .card{box-shadow:inset 0 0 0 .11rem var(--seam)}.day.gone .icon img,.day.gone .badge img,.day.gone .face{opacity:.45}.day.today{z-index:2;--field:var(--day);--paper:#fff;--tile:11rem;box-shadow:0 0 0 .2rem color-mix(in oklab, var(--day) 55%, #fff), 0 0 3.5rem #0006;position:relative}.rail{--spent:color-mix(in oklab, var(--day) 16%, var(--ash))}.day.today{--edge:calc(var(--head) + (100% - var(--head)) * var(--now,0) / 100);--soft:calc((100% - var(--head)) * .04)}.day.today:before{content:"";z-index:-1;background:linear-gradient(to bottom, var(--spent) 0, var(--spent) calc(var(--edge) - var(--soft)), var(--field) calc(var(--edge) + var(--soft)), var(--field) 100%);position:absolute;inset:0}header{height:var(--head-day);min-width:0;color:var(--ink);justify-content:space-between;align-items:center;gap:.4rem;padding:0 .55rem;display:flex}.name{align-items:baseline;gap:.35rem;min-width:clamp(1.7rem,2.4vw,2.7rem);display:flex;overflow:hidden}.today .name{min-width:clamp(2.2rem,3.3vw,3.7rem)}.name>*{flex:none}.name b{letter-spacing:.05em;font-size:clamp(.95rem,1.35vw,1.5rem);font-weight:800}.name time{opacity:.66;font-size:clamp(.7rem,.95vw,1rem);font-weight:650}.name small{opacity:.5;font-variant-numeric:tabular-nums;font-size:clamp(.68rem,.9vw,.95rem);font-weight:600}.today .name b{font-size:clamp(1.25rem,1.85vw,2.1rem)}.today .name time{opacity:.78;font-size:clamp(.85rem,1.15vw,1.2rem)}.today .name small{opacity:.58;font-size:clamp(.8rem,1.05vw,1.1rem)}.marks{flex:none;align-items:center;gap:.3rem;display:flex}.pill{background:var(--paper);border-radius:999px;flex:none;align-items:center;gap:.3rem;padding:.16rem .3rem;display:flex;box-shadow:0 .1rem .35rem #00000029}.badge{flex:none;place-items:center;width:1.5rem;height:1.5rem;display:grid}.badge img{object-fit:contain;width:100%;height:100%}.badge .missing{font-size:.45rem}.pill .face{width:1.5rem;height:1.5rem;box-shadow:0 0 0 .13rem var(--paper)}.pill .face b{font-size:.55rem}.pill .face+.face{margin-left:-.42rem}.today .badge,.today .pill .face{width:1.75rem;height:1.75rem}.today .pill .face b{font-size:.62rem}.pill .crown{width:.9rem;stroke:var(--paper);top:-.42rem}.today .pill .crown{width:1.05rem;top:-.5rem}.faces{display:flex}.face{background:var(--tone);color:#fff;width:1.75rem;height:1.75rem;box-shadow:0 0 0 .13rem var(--field);border-radius:50%;place-items:center;display:grid;position:relative;overflow:visible}.face+.face{margin-left:-.5rem}.face b{letter-spacing:.02em;font-size:.62rem;font-weight:800}.face>img,.face img{object-fit:cover;border-radius:50%;width:100%;height:100%}.crown{fill:#ffd34d;width:1.05rem;stroke:var(--field);stroke-width:1.6px;stroke-linejoin:round;paint-order:stroke fill;position:absolute;top:-.5rem;left:50%;transform:translate(-50%)rotate(-8deg)}.calendar{min-height:0;padding:.35rem .45rem .45rem;position:relative}.track{height:100%;position:relative}.card{z-index:1;background:var(--paper);border:0;border-radius:.7rem;justify-content:center;align-items:center;padding:.2rem;display:flex;position:absolute;overflow:hidden;box-shadow:0 .1rem .35rem #00000029;container-type:size}.icons{justify-content:center;align-items:center;gap:.25rem;width:100%;min-width:0;height:100%;display:flex}.icon{aspect-ratio:1;min-width:0;max-width:100%;height:min(var(--tile), 100%);place-items:center;display:grid}.icon:not(:only-child){height:min(calc(var(--tile) * .58), 100%)}.icon img{object-fit:contain;width:100%;height:100%}.missing{color:#00000073;text-align:center;background:#0000000f;border-radius:.35rem;place-items:center;width:100%;height:100%;padding:.1rem;font-size:.6rem;font-weight:700;display:grid;overflow:hidden}.card .faces{position:absolute;top:.18rem;right:.18rem}.card .face{width:1.4rem;height:1.4rem;box-shadow:0 0 0 .12rem var(--paper)}.card .face b{font-size:.52rem}.card .face+.face{margin-left:-.42rem}.card.current{z-index:9;--tile:13rem;background:#fff;border-radius:.9rem;padding:0;box-shadow:0 .15rem .4rem #00000038,0 1.3rem 2.6rem #00000073}.card.current .icons{border:min(.3rem, 16cqh) solid var(--day);border-radius:inherit;padding:.2rem}.card.past{background:color-mix(in oklab, var(--day) 8%, var(--ash));box-shadow:none}.day.today .card.past{box-shadow:inset 0 0 0 .11rem var(--seam)}.card.past img,.card.past .face{opacity:.45}.card.parallel{box-shadow:0 0 0 .24rem var(--field), 0 .5rem 1.2rem #00000057}.day.today .card.past.parallel{box-shadow:inset 0 0 0 .11rem var(--seam), 0 0 0 .24rem var(--spent), 0 .5rem 1.2rem #00000057}.card.parallel.current{box-shadow:0 0 0 .24rem var(--field), 0 .15rem .4rem #00000038, 0 1.3rem 2.6rem #00000073}.card.open{border:.22rem dashed color-mix(in oklab, var(--day) 65%, #1d232b);background:color-mix(in oklab, var(--day) 45%, #fff)}.rail{grid-template-rows:var(--head) 1fr;--ahead:var(--day);--mark:color-mix(in oklab, var(--day) 45%, #12161c);background:var(--ahead);display:grid}.rail-head{background:var(--spent)}.rail-track{min-height:0;padding:.35rem 0 .45rem;position:relative}.rail-track:before{content:"";z-index:0;background:linear-gradient(to bottom, var(--spent) 0, var(--spent) calc((var(--now) - 4) * 1%), var(--ahead) calc((var(--now) + 4) * 1%), var(--ahead) 100%);position:absolute;inset:0}.mark{z-index:1;width:1.5rem;height:1.5rem;color:var(--mark);opacity:.45;position:absolute;left:50%;transform:translate(-50%,-50%)}.mark svg{width:100%;height:100%;display:block}.mark.is-now{opacity:1;width:2rem;height:2rem}.slotbar{z-index:3;height:0;position:absolute;bottom:0;left:0;right:0}.offerbox{bottom:0;left:var(--slot);width:var(--boxw);height:var(--tray);background:var(--day);border-radius:.6rem .6rem 0 0;justify-content:center;align-items:center;gap:.8rem;padding:0 .8rem .2rem;display:flex;position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:0 -.35rem 1.2rem #0000008c}.query{font-size:calc(var(--tray) * .3);color:color-mix(in oklab, var(--day) 40%, #1d232b);flex:none;font-weight:700;line-height:.9}.pick{height:min(82%, calc(164% / var(--count,2)));aspect-ratio:85/120;background:#f4f0e9;border-radius:.35rem;flex:none;place-items:center;display:grid;box-shadow:0 .15rem .5rem #0000008c}.pick img{object-fit:contain;width:82%;height:82%}.pick .missing{font-size:.6rem}.notes{flex-direction:column;align-items:flex-start;gap:.15rem;max-width:40%;display:flex;position:absolute;bottom:.3rem;left:.45rem}.notes>*{background:#0e1218b3;border-radius:999px;padding:2px 7px}.fault{color:#b3aaa2;font-size:.8rem;font-weight:600}.credit{color:#a49c94;font-size:.7rem;line-height:1.3}.taken{z-index:5;bottom:0;left:var(--slot);width:var(--boxw);background:var(--day);height:.45rem;box-shadow:0 0 2.2rem .5rem color-mix(in oklab, var(--day) 75%, transparent);pointer-events:none;border-radius:.35rem .35rem 0 0;animation:1.5s ease-out forwards taken;position:absolute;transform:translate(-50%)}@keyframes taken{0%{opacity:0;height:1.6rem}14%{opacity:1;height:1.1rem}to{opacity:0;height:.3rem}}.taken.back{opacity:.8;animation:1.1s ease-out forwards given-back}@keyframes given-back{0%{opacity:0;height:.3rem}16%{opacity:.8;height:.9rem}to{opacity:0;height:.2rem}}@media (prefers-reduced-motion:reduce){.taken,.taken.back{opacity:.9;animation:none}}.slotbar.wrong{--no:#e8503c}.slotbar.wrong .offerbox{background:var(--no);animation:.42s ease-in-out refused}.slotbar.wrong .query{color:#fff}.slotbar.wrong .pick{animation:.5s ease-in-out offered}@keyframes refused{0%,to{transform:translate(-50%)}22%{transform:translate(calc(-50% - .55rem))}55%{transform:translate(calc(.45rem - 50%))}80%{transform:translate(calc(-50% - .25rem))}}@keyframes offered{50%{transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.slotbar.wrong .offerbox,.slotbar.wrong .pick{animation:none}}@media (width<=1250px){:root{--head-day:2.7rem;--rail:2.4rem;--tray:5.6vh}.offerbox{gap:.55rem;padding:0 .6rem}.day{--tile:4.5rem}.day.today{--tile:7rem}.card{border-radius:.5rem}.face{width:1.4rem;height:1.4rem}.badge,.pill .face{width:1.25rem;height:1.25rem}.today .badge,.today .pill .face{width:1.5rem;height:1.5rem}}.setup{text-align:center;color:#a49c94;pointer-events:none;background:#0e1218b3;border-radius:999px;max-width:38vw;margin:0;padding:2px 8px;font-size:11.5px;line-height:1.35;position:fixed;bottom:.3rem;left:50%;transform:translate(-50%)}.setup:empty{display:none}.card.saying{z-index:10;outline:.3rem solid var(--ring);outline-offset:.2rem;--ring:color-mix(in oklab, var(--day) 58%, #1d232b);animation:1.15s ease-in-out infinite saying}@keyframes saying{50%{outline-color:color-mix(in oklab, var(--ring) 32%, transparent);outline-offset:.5rem}}@media (prefers-reduced-motion:reduce){.card.saying{animation:none}}.card.open .icons{flex-direction:column;gap:.1rem}.ask{font-size:min(calc(var(--tile) * .5), 62cqw, max(50cqh, min(90cqh, 1rem)));color:color-mix(in oklab, var(--day) 40%, #1d232b);flex:none;font-weight:700;line-height:.95}.offers{flex:0 auto;justify-content:center;align-items:center;gap:.25rem;max-width:100%;min-height:0;display:flex;overflow:hidden}.offers .icon{height:min(calc(var(--tile) * .26), 24cqh, calc(88cqw / var(--count,2)));max-height:100%}.offers img{opacity:.62;filter:saturate(.55)}