*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}[hidden]{display:none!important}#app{min-height:100vh;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--top-bg);color:var(--top-ink);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.brand{font-weight:800;font-size:20px;letter-spacing:-.02em}.tabs{display:flex;gap:4px;margin-left:auto;overflow-x:auto}.tabs a{padding:6px 9px;font-size:14px;border-radius:var(--radius-s);opacity:.75;white-space:nowrap}.tabs a.on{opacity:1;background:var(--tab-on)}.signout{margin-left:8px;white-space:nowrap;background:none;border:1px solid var(--line);color:inherit;padding:6px 10px;border-radius:var(--radius-s);cursor:pointer}.view{flex:1;padding:20px 16px 40px;width:100%;max-width:960px;margin:0 auto}.foot{padding:16px;text-align:center;color:var(--muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.login{max-width:400px;margin:8vh auto 0}.login h1{margin:0 0 4px;font-size:26px}.muted{color:var(--muted);margin:0 0 16px}.fine{color:var(--muted);font-size:13px;margin:14px 0 0;text-align:center}label{display:block;font-size:13px;font-weight:600;margin:12px 0 0;color:var(--muted)}input{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--field);color:var(--ink)}input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.primary{width:100%;margin-top:18px;padding:12px;border:0;border-radius:var(--radius-s);background:var(--accent);color:var(--accent-ink);font-weight:700;cursor:pointer}.ghost{width:100%;margin-top:10px;padding:11px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);cursor:pointer}.panel{overflow-x:auto}.panel-head{display:flex;align-items:baseline;gap:12px;margin:0 0 14px}.panel-head h1{margin:0;font-size:24px}.pill{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--pill);color:var(--pill-ink)}.hours{display:none}.files .icon{display:inline-flex;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.day{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px;min-height:150px}.day h3{margin:0 0 8px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.shift{display:flex;flex-direction:column;gap:2px;padding:8px;margin-bottom:6px;border-radius:var(--radius-s);background:var(--chip);font-size:13px}.shift span{color:var(--muted);font-size:12px}.orders{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.order{display:grid;grid-template-columns:1fr auto auto auto;grid-template-areas:"item amount status del" "who amount status del";column-gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px}.order:last-child{border-bottom:0}.order .item{grid-area:item;font-weight:600}.order .who{grid-area:who;color:var(--muted);font-size:12px}.order .leader{display:none}.order .amount{grid-area:amount;font-variant-numeric:tabular-nums}.order .status{grid-area:status}.order .danger{grid-area:del}.danger svg{display:none}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:14px}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}.table th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.status{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--chip)}.status.done{color:var(--ok)}.status.ready{color:var(--accent)}.status.queued{color:var(--muted)}.danger{border:1px solid var(--line);background:none;color:var(--danger);padding:4px 9px;border-radius:var(--radius-s);cursor:pointer;font-size:12px}.files,.people{list-style:none;margin:0;padding:0;display:grid;gap:8px}.files li,.people li{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.files .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files .size{color:var(--muted);font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-weight:700}.people small{color:var(--muted)}@font-face{font-family:Cabin Sketch;font-weight:400;font-display:swap;src:url(/fonts/CabinSketch-400.woff2) format("woff2")}@font-face{font-family:Cabin Sketch;font-weight:700;font-display:swap;src:url(/fonts/CabinSketch-700.woff2) format("woff2")}@font-face{font-family:Patrick Hand;font-weight:400;font-display:swap;src:url(/fonts/PatrickHand-400.woff2) format("woff2")}:root{--font: "Patrick Hand", "Comic Sans MS", cursive;--display: "Cabin Sketch", "Patrick Hand", cursive;--slate: #2e3230;--slate-deep: #232726;--chalk: #f2efe6;--chalk-dim: rgba(242, 239, 230, .78);--chalk-line: rgba(242, 239, 230, .6);--chalk-faint: rgba(242, 239, 230, .2);--stick-0: #f4c95d;--stick-1: #8fd3c1;--stick-2: #f28c8c;--stick-3: #9fc5e8;--stick-4: #f7b267;--chalk-filter: url(#chalk-stroke);--bg: var(--slate);--surface: transparent;--field: transparent;--line: var(--chalk-line);--ink: var(--chalk);--muted: var(--chalk-dim);--top-bg: transparent;--top-ink: var(--chalk);--tab-on: transparent;--accent: var(--stick-0);--accent-ink: var(--slate-deep);--pill: transparent;--pill-ink: var(--stick-0);--chip: transparent;--ok: var(--stick-1);--danger: var(--stick-2);--radius: 4px;--radius-s: 3px;--shadow: none;--hand-1: 255px 12px 225px 12px / 12px 225px 12px 255px;--hand-2: 14px 240px 18px 230px / 220px 16px 250px 14px;--hand-3: 190px 10px 260px 22px / 18px 210px 12px 240px}html{background-color:var(--slate);background-image:radial-gradient(120% 520px at 50% -120px,rgba(255,255,255,.07),transparent 70%),radial-gradient(60% 360px at 12% 62%,rgba(255,255,255,.035),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.12 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.006' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.11 -0.03'/%3E%3C/filter%3E%3Crect width='900' height='900' filter='url(%23m)'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat,repeat,repeat}body{background:transparent;color:var(--chalk);font-size:17px}#app{position:relative;overflow-x:clip}#app:before{content:"";position:absolute;z-index:0;pointer-events:none;left:38%;top:54px;width:min(72vw,560px);height:150px;transform:rotate(-7deg);background:repeating-linear-gradient(-8deg,rgba(255,255,255,.07) 0 2px,transparent 2px 7px),repeating-linear-gradient(-11deg,rgba(255,255,255,.05) 0 4px,transparent 4px 17px),repeating-linear-gradient(-6deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);-webkit-mask-image:radial-gradient(70% 90% at 45% 50%,#000 20%,transparent 75%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.02' numOctaves='3' seed='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 2.2 -0.55'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23w)'/%3E%3C/svg%3E");mask-image:radial-gradient(70% 90% at 45% 50%,#000 20%,transparent 75%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.02' numOctaves='3' seed='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 2.2 -0.55'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23w)'/%3E%3C/svg%3E");-webkit-mask-composite:source-in;mask-composite:intersect;filter:blur(.8px)}#app>*{position:relative;z-index:1}::selection{background:var(--stick-0);color:var(--slate-deep)}:focus-visible{outline:2px dashed var(--stick-0);outline-offset:3px}input{caret-color:var(--stick-0)}h1,h2,h3,.brand{font-family:var(--display);font-weight:700;letter-spacing:.01em}b{font-weight:400}.pill,.amount,.hours,.shift span,.files .size,.who{font-variant-numeric:tabular-nums}.top{border-bottom:0;padding:14px 16px;background:#2e3230f0}.top:after{content:"";position:absolute;left:12px;right:10px;bottom:0;height:1.5px;background:var(--chalk-line);filter:var(--chalk-filter)}.brand{font-size:28px;letter-spacing:.04em}.tabs a{position:relative;padding:4px 6px;font-size:18px;opacity:.7;border-radius:0}.tabs a.on{opacity:1;background:none}.tabs a.on:after{content:"";position:absolute;left:4px;right:2px;bottom:-2px;height:3px;background:var(--stick-0);filter:var(--chalk-filter);transform:rotate(-1.2deg);transform-origin:left center;animation:chalk-stroke .42s cubic-bezier(.2,.9,.2,1) both}@keyframes chalk-stroke{0%{transform:scaleX(.2) rotate(-1.2deg);opacity:.4}to{transform:scaleX(1) rotate(-1.2deg);opacity:1}}.signout{border:1.5px solid var(--chalk-line);border-radius:var(--hand-2);padding:5px 12px}.signout:hover{border-color:var(--chalk)}.view[data-view=login]{max-width:none;min-height:calc(100vh - 62px);padding:8vh 20px 48px;background-image:linear-gradient(180deg,#23272673,#232726d6),url(/looks/cafe.jpg);background-size:cover;background-position:center}.card{position:relative;background:#232726cc;border:2px solid var(--chalk);border-radius:var(--hand-1);padding:28px 26px 26px}.login h1{font-size:38px;line-height:1;margin-bottom:8px}.login .muted{font-size:18px}label{position:relative;display:block;font-family:var(--display);font-weight:400;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--chalk-dim)}label:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--chalk-line);filter:var(--chalk-filter)}label:focus-within:after{background:var(--stick-0)}input{border:0;border-radius:0;padding:8px 2px 9px;font-size:20px;background:transparent;color:var(--chalk)}input::placeholder{color:#f2efe694}input:focus{outline:0}.primary{font-family:var(--display);font-size:22px;letter-spacing:.04em;color:var(--stick-0);text-shadow:0 0 3px var(--slate-deep),0 0 6px var(--slate-deep),1px 1px 0 var(--slate-deep),-1px -1px 0 var(--slate-deep);border:2px solid var(--stick-0);border-radius:var(--hand-2);padding:11px;margin-top:26px;background:repeating-linear-gradient(-38deg,rgba(244,201,93,.3) 0 1.5px,transparent 1.5px 7px)}.primary:hover{background:repeating-linear-gradient(-38deg,rgba(244,201,93,.44) 0 1.5px,transparent 1.5px 6px)}.ghost{border:1.5px solid var(--chalk-line);border-radius:var(--hand-3);background:transparent;color:var(--chalk);font-size:18px}.ghost:hover{border-color:var(--chalk)}.fine{font-size:15px}.panel-head{position:relative;align-items:baseline;margin-bottom:20px;padding-bottom:6px}.panel-head:after{content:"";position:absolute;left:0;bottom:0;width:38%;max-width:220px;height:2px;background:var(--chalk-line);filter:var(--chalk-filter);transform:rotate(-.6deg);transform-origin:left center}.panel-head h1{font-size:38px;line-height:1}.pill{font-size:15px;letter-spacing:.02em;padding:0;color:var(--stick-0)}.hours{position:relative;display:grid;grid-template-columns:repeat(7,1fr);margin:0 0 6px 64px;font-size:14px;color:var(--chalk-dim);letter-spacing:.02em}.hours span{transform:translate(-4px)}.hours span:last-child{position:absolute;right:0;transform:none}.grid{display:block}.day{position:relative;display:block;min-height:calc(var(--n, 3) * 30px + 14px);padding:7px 0 7px 64px;margin:0;border:0;border-radius:0}.day:before{content:"";position:absolute;inset:0 0 auto 64px;height:100%;background:repeating-linear-gradient(90deg,var(--chalk-faint) 0 1px,transparent 1px calc(100% / 14));filter:var(--chalk-filter);pointer-events:none}.day:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--chalk-faint);filter:var(--chalk-filter)}.day h3{position:absolute;left:0;top:10px;width:52px;z-index:1;margin:0;font-size:22px;letter-spacing:.02em;text-transform:none;color:var(--chalk)}.day[data-past]{opacity:.5}.day[data-today] h3{color:var(--stick-0)}.day[data-today] h3:before{content:"";position:absolute;left:-9px;top:-7px;width:60px;height:38px;border:2px solid var(--stick-0);border-radius:48% 52% 46% 54%/55% 45%;filter:var(--chalk-filter);transform:rotate(-4deg);animation:chalk-circle .52s cubic-bezier(.2,.9,.2,1) both}@keyframes chalk-circle{0%{transform:rotate(-4deg) scale(.6);opacity:0}to{transform:rotate(-4deg) scale(1);opacity:1}}.shift{position:absolute;z-index:1;margin:0;padding:0 8px;height:26px;top:calc(7px + var(--i, 0) * 30px);left:calc(64px + (var(--from, 7) - 7) / 14 * (100% - 64px));width:calc((var(--to, 12) - var(--from, 7)) / 14 * (100% - 64px) - 4px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;border-radius:0;background:transparent;--stick: var(--stick-0);font-size:17px;line-height:1;white-space:nowrap;overflow:visible}.shift:after{content:"";position:absolute;left:0;right:4px;bottom:-3px;height:4px;background:var(--stick);filter:var(--chalk-filter);transform-origin:left center;animation:chalk-stroke-flat .6s cubic-bezier(.2,.9,.2,1) both;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes chalk-stroke-flat{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.shift[style*="--p:1"]{--stick: var(--stick-1)}.shift[style*="--p:2"]{--stick: var(--stick-2)}.shift[style*="--p:3"]{--stick: var(--stick-3)}.shift[style*="--p:4"]{--stick: var(--stick-4)}.shift b{color:var(--stick)}.shift span{font-size:14px;color:var(--chalk-dim);letter-spacing:.02em}.orders{background:transparent;border:0;border-radius:0}.order{grid-template-columns:auto 1fr auto auto auto;grid-template-areas:"item leader amount status del" "who leader amount status del";column-gap:10px;padding:12px 4px 13px;font-size:20px;border-bottom:0;position:relative}.order:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--chalk-faint);filter:var(--chalk-filter)}.order .item{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:.01em}.order .who{font-size:15px;color:var(--chalk-dim)}.order .leader{display:block;align-self:end;margin-bottom:8px;height:0;border-bottom:2px dotted var(--chalk-faint)}.order .amount{font-size:20px;color:var(--stick-0)}.status{background:transparent;padding:0;font-family:var(--display);font-weight:400;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--chalk-dim)}.status.done{color:var(--stick-1);text-decoration:line-through;text-decoration-color:var(--stick-1);text-decoration-thickness:2px}.status.ready{color:var(--stick-0)}.status.preparing{color:var(--stick-4)}.order[data-status=done] .item{text-decoration:line-through;text-decoration-color:var(--stick-1);text-decoration-thickness:2px;opacity:.7}.danger{border:1.5px solid var(--chalk-faint);border-radius:var(--hand-3);color:var(--stick-2);padding:5px;line-height:0}.danger svg{display:block}.danger .danger-word{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.danger:hover{border-color:var(--stick-2)}.files,.people{gap:0}.files li,.people li{position:relative;background:transparent;border:0;border-radius:0;padding:12px 4px;font-size:18px}.files li:after,.people li:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--chalk-faint);filter:var(--chalk-filter)}.files .icon{color:var(--chalk-dim)}.files .size{font-size:14px}.avatar{position:relative;background:transparent;border:0;color:var(--stick, var(--stick-0));font-family:var(--display);font-size:18px}.avatar:before{content:"";position:absolute;inset:0;border:2px solid var(--stick, var(--stick-0));border-radius:46% 54% 50% 50%/52% 48%;filter:var(--chalk-filter)}.people li[style*="--p:1"]{--stick: var(--stick-1)}.people li[style*="--p:2"]{--stick: var(--stick-2)}.people li[style*="--p:3"]{--stick: var(--stick-3)}.people li[style*="--p:4"]{--stick: var(--stick-4)}.people small{font-size:15px}.muted[data-uploads-note]{font-size:17px}.foot{font-family:var(--display);font-weight:400;letter-spacing:.06em;font-size:14px;color:var(--chalk-dim)}@media(prefers-reduced-motion:reduce){.tabs a.on:after,.day[data-today] h3:before,.shift:after{animation:none}}@media(max-width:480px){.top{gap:10px;padding:12px 14px}.brand{font-size:23px}.tabs{gap:0}.tabs a{font-size:15px;padding:4px 5px}.signout{font-size:14px;padding:4px 8px}#app:before{left:22%;top:50px;height:110px}.hours{margin-left:52px;font-size:14px}.day{padding-left:52px}.day:before{left:52px}.day h3{width:44px;font-size:18px}.day[data-today] h3:before{width:52px;height:34px;left:-6px;top:-6px}.shift{left:calc(52px + (var(--from, 7) - 7) / 14 * (100% - 52px));width:calc((var(--to, 12) - var(--from, 7)) / 14 * (100% - 52px) - 3px);font-size:15px;padding:0 5px}.shift span{display:none}.order{grid-template-columns:1fr auto auto;grid-template-areas:"item amount del" "who status del";row-gap:2px}.order .leader{display:none}.order .item{font-size:20px}}