:root{--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-px:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--px:2px;--frame:var(--line);--topbar:52px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--ink);font:15px/1.45 var(--font);margin:0;overflow:hidden}#app{position:fixed;inset:0}#stage{position:absolute;inset:0}#stage canvas{display:block}#hud{pointer-events:none;position:absolute;inset:0}#hud>*{pointer-events:auto}button,input{font:inherit;color:inherit}:focus-visible{outline:var(--px) solid var(--ink);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.px{image-rendering:pixelated;vertical-align:middle;flex:none;display:inline-block}.icon{margin-right:4px}.surface{background:var(--panel);box-shadow:0 calc(-1 * var(--px)) 0 0 var(--frame), 0 var(--px) 0 0 var(--frame), calc(-1 * var(--px)) 0 0 0 var(--frame), var(--px) 0 0 0 var(--frame), inset 0 var(--px) 0 0 var(--shell-light), inset 0 calc(-1 * var(--px)) 0 0 var(--shell-shade), 0 calc(3 * var(--px)) 0 0 var(--bg);border:0;border-radius:0}.btn{--face:var(--shell);--hi:var(--shell-light);--lo:var(--shell-shade);min-height:36px;margin:var(--px);background:var(--face);color:var(--ink);font:600 13px/1.2 var(--font-px);letter-spacing:.01em;cursor:pointer;white-space:nowrap;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--bg), 0 var(--px) 0 0 var(--bg), calc(-1 * var(--px)) 0 0 0 var(--bg), var(--px) 0 0 0 var(--bg), inset 0 var(--px) 0 0 var(--hi), inset 0 calc(-1.5 * var(--px)) 0 0 var(--lo);border:0;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:8px 12px 9px;transition:filter .12s ease-out;display:inline-flex}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(var(--px));box-shadow:0 calc(-1 * var(--px)) 0 0 var(--bg), 0 var(--px) 0 0 var(--bg), calc(-1 * var(--px)) 0 0 0 var(--bg), var(--px) 0 0 0 var(--bg), inset 0 var(--px) 0 0 var(--lo)}.btn[aria-pressed=true]{--face:var(--accent-shade);--hi:var(--accent);--lo:var(--shell-shade);color:var(--ink)}.btn:disabled{opacity:.55;cursor:default;filter:none;transform:none}.btn.primary{--face:var(--accent);--hi:color-mix(in srgb, var(--accent) 55%, var(--ink));--lo:var(--accent-shade);color:var(--button-text);padding:11px 16px 12px;font-weight:800}.btn.small{min-height:28px;padding:4px 9px 6px;font-size:12px}.btn.icon{min-width:32px;padding:4px 6px 6px}.chip{font:700 11px/18px var(--font-px);background:var(--line);color:var(--ink);vertical-align:middle;box-shadow:inset 0 -2px 0 0 var(--shell-shade);border-radius:0;padding:0 5px;display:inline-block}.chip.sim{background:var(--ink);color:var(--bg);letter-spacing:.04em;box-shadow:inset 0 -2px 0 0 var(--muted);font-size:12px}.chip.good{background:var(--good);color:var(--bg);box-shadow:inset 0 -2px 0 0 color-mix(in srgb, var(--good) 70%, var(--bg))}.chip.bad{background:var(--bad);color:var(--bg);box-shadow:inset 0 -2px 0 0 color-mix(in srgb, var(--bad) 70%, var(--bg))}.chip.accent{background:var(--accent);color:var(--bg);box-shadow:inset 0 -2px 0 0 var(--accent-shade)}.muted{color:var(--muted)}.good{color:var(--good)}.bad{color:var(--bad)}.label{font:700 11px/1.3 var(--font-px);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.portrait{box-shadow:0 0 0 var(--px) var(--bg), 0 0 0 calc(2 * var(--px)) var(--frame)}.topbar{height:calc(var(--topbar) + var(--safe-t));padding:var(--safe-t) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));background:var(--panel);box-shadow:inset 0 calc(-1 * var(--px)) 0 0 var(--line), 0 var(--px) 0 0 var(--bg);z-index:5;align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;top:0;left:0;right:0}.topbar .mark{align-items:center;margin-right:2px;display:inline-flex}.topbar .mark .logo{width:118px;height:30px;margin:0}.topbar .seg{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex}.topbar .seg.grow{flex:0 auto;overflow:hidden}.topbar .status{text-overflow:ellipsis;font-family:var(--font-px);font-variant-numeric:tabular-nums;font-size:12px;overflow:hidden}.topbar .day{font:800 13px/1 var(--font-px);background:var(--bg);color:var(--coin);box-shadow:inset 0 0 0 var(--px) var(--line);letter-spacing:.04em;padding:5px 7px 6px}.topbar .status.open:before,.topbar .status.pending:before{content:"";background:var(--good);width:8px;height:8px;box-shadow:0 0 0 var(--px) var(--bg);margin-right:6px;display:inline-block}.topbar .status.pending:before{background:var(--coin)}.topbar .reserve{font-family:var(--font-px);font-size:12px}.topbar .reserve .icon{width:12px;height:12px}.topbar .spacer{flex:1}.topbar .sep{width:var(--px);background:var(--line);height:22px}.topbar .stale{color:var(--coin)}.topbar .preview-sizes{gap:0;display:none}.topbar .preview-sizes.on{display:flex}.topbar .compact-only{display:none}.topbar .btn{margin:var(--px) 0}.topbar .id-chip{gap:8px;padding:0 10px 0 0;overflow:hidden}.topbar .id-chip .portrait{object-fit:cover;object-position:50% 0;width:30px;height:28px;box-shadow:none}.popover{top:calc(var(--topbar) + var(--safe-t) + 10px);z-index:6;width:300px;padding:12px 14px;font-size:13px;position:absolute;right:14px}.popover h3{font:800 14px/1.2 var(--font-px);margin:0 0 8px}.popover table{border-collapse:collapse;width:100%}.popover td{border-bottom:var(--px) solid var(--line);padding:4px 0}.popover td:last-child{text-align:right;font-family:var(--font-px);font-variant-numeric:tabular-nums}.popover tr:last-child td{border-bottom:0}.sim-banner{top:calc(var(--topbar) + var(--safe-t));text-align:center;background:var(--ink);min-height:28px;color:var(--bg);z-index:4;box-shadow:0 var(--px) 0 0 var(--bg);justify-content:center;align-items:center;gap:10px;padding:4px 12px;font-size:13px;font-weight:600;line-height:1.3;display:flex;position:absolute;left:0;right:0}.sim-banner b{font-family:var(--font-px);letter-spacing:.06em}.feed{left:calc(14px + var(--safe-l));bottom:calc(16px + var(--safe-b));z-index:3;width:min(420px,100vw - 400px);padding:0;font-size:13px;position:absolute}.feed .head{cursor:pointer;width:100%;min-height:40px;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.feed .head .text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.feed ol{max-height:0;margin:0;padding:0 12px 6px;list-style:none;transition:max-height .2s steps(4,end);overflow:auto}.feed.open ol{border-top:var(--px) solid var(--line);max-height:300px}.feed:not(.open) ol{display:none}.feed li{border-bottom:var(--px) solid var(--line);gap:8px;padding:6px 0;display:flex}.feed li:last-child{border-bottom:0}.feed li time{color:var(--muted);font:12px/1.6 var(--font-px);font-variant-numeric:tabular-nums;min-width:42px}.feed .kind{background:var(--desk-edge);width:8px;height:8px;box-shadow:0 0 0 var(--px) var(--bg);flex:none;margin-top:6px}.feed .kind.task,.feed .kind.results{background:var(--accent)}.feed .kind.payroll,.feed .kind.claim,.feed .kind.income,.feed .kind.rehire{background:var(--good)}.feed .kind.layoff,.feed .kind.forfeit,.feed .kind.warning{background:var(--bad)}.feed .kind.streak{background:var(--coin)}.feed .kind.promotion,.feed .kind.new_hire{background:var(--ink)}.feed .src{color:var(--muted);font-size:12px}.feed .new{animation:.2s steps(3,end) feedIn}@keyframes feedIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.dock{right:calc(14px + var(--safe-r));bottom:calc(16px + var(--safe-b));z-index:3;width:360px;max-height:calc(100vh - var(--topbar) - 44px);flex-direction:column;display:flex;position:absolute}.dock .bar{align-items:center;gap:10px;padding:10px 10px 10px 12px;display:flex}.dock .bar .photo{flex:none;margin:4px;display:inline-flex}.dock .bar .photo .blank{background:var(--bg);width:40px;height:44px;color:var(--line);font:800 22px/1 var(--font-px);box-shadow:0 0 0 var(--px) var(--bg), 0 0 0 calc(2 * var(--px)) var(--frame);justify-content:center;align-items:center;display:inline-flex}.dock .bar .who{flex:1;min-width:0}.dock .bar .who .name{font:800 14px/1.3 var(--font-px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dock .bar .who .line{color:var(--muted);font-size:13px}.dock .body{padding:0 12px 12px;overflow:auto}.dock.collapsed .body{display:none}.dock .stats{border-top:var(--px) solid var(--line);grid-template-columns:1fr 1fr;gap:8px 12px;padding:10px 0;font-size:13px;display:grid}.dock .stats div>span:first-child{font:700 10px/1.4 var(--font-px);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:block}.dock .stats div b{font-family:var(--font-px);font-variant-numeric:tabular-nums;font-size:13px}.dock .memo{border-top:var(--px) solid var(--line);padding-top:10px}.dock .memo .boss{color:var(--muted);margin:0 0 6px;font-size:13px}.dock .memo .cipher{font:800 22px/1.3 var(--font-px);letter-spacing:.15em;word-break:break-word;background:var(--bg);color:var(--coin);box-shadow:inset 0 0 0 var(--px) var(--line);font-variant-ligatures:none;margin:6px 0;padding:8px 10px}.dock .memo .cipher:empty{display:none}.dock .memo .cipher.long{letter-spacing:.08em;font-size:17px}.dock .memo .hint{color:var(--muted);margin-bottom:8px;font-size:13px}.dock .answer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dock .answer input{--edge:var(--line);width:160px;margin:var(--px);background:var(--bg);font-family:var(--font-px);text-transform:uppercase;letter-spacing:.12em;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--edge), 0 var(--px) 0 0 var(--edge), calc(-1 * var(--px)) 0 0 0 var(--edge), var(--px) 0 0 0 var(--edge);border:0;border-radius:0;padding:10px;font-weight:800}.dock .answer input:focus{--edge:var(--accent);outline:none}.dock .answer input[aria-invalid=true]{--edge:var(--bad)}.dock .msg{margin-top:8px;font-size:13px}.dock .msg .detail{color:var(--muted);word-break:break-word;margin-top:2px;font-size:12px;display:block}.dock .note{color:var(--muted);margin:8px 0 0;font-size:13px}.dock .actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.recent{vertical-align:middle;gap:3px;display:inline-flex}.dot{justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.dot .icon{width:14px;height:14px;margin:0}.dot.pending{background:var(--desk-edge);width:10px;height:10px;margin:2px}.card{z-index:4;width:292px;padding:12px;font-size:13px;position:absolute}.card.you{--frame:var(--accent)}.card .id{align-items:flex-start;gap:12px;margin:2px 32px 8px 0;display:flex}.card .id .portrait{margin:4px}.card .id-text{min-width:0}.card h2{font:800 15px/1.25 var(--font-px);word-break:break-all;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0;display:flex}.card .title{color:var(--muted)}.card .account{font:11px/1.3 var(--font-px);color:var(--muted);word-break:break-all;margin-top:2px}.card dl{border-top:var(--px) solid var(--line);grid-template-columns:auto 1fr;gap:4px 12px;margin:10px 0 8px;padding-top:8px;display:grid}.card dt{color:var(--muted)}.card dd{text-align:right;font-family:var(--font-px);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.card dd .icon{width:12px;height:12px}.card .close{position:absolute;top:6px;right:6px}.card .tags{flex-wrap:wrap;gap:6px;display:flex}.card .tags:empty{display:none}.card .last7{align-items:center;gap:8px;display:flex}.tooltip{z-index:6;white-space:nowrap;padding:6px 8px;font-size:12px;position:absolute;pointer-events:none!important}.tooltip b{font-family:var(--font-px)}.staff{left:calc(14px + var(--safe-l));top:calc(var(--topbar) + var(--safe-t) + 12px);width:min(440px,100vw - 28px);max-height:calc(100vh - var(--topbar) - var(--safe-t) - 92px);z-index:3;flex-direction:column;font-size:13px;display:flex;position:absolute}.has-banner .staff{top:calc(var(--topbar) + var(--safe-t) + var(--banner-h,28px) + 12px);max-height:calc(100vh - var(--topbar) - var(--safe-t) - var(--banner-h,28px) - 92px)}.staff-head{border-bottom:var(--px) solid var(--line);align-items:baseline;gap:10px;padding:12px 48px 10px 12px;display:flex;position:relative}.staff-head h2{font:800 15px/1.2 var(--font-px);margin:0}.staff-head h2,.staff-head .chip{white-space:nowrap}.staff-head{flex-wrap:wrap;align-items:center;row-gap:4px}.staff-head .close{position:absolute;top:6px;right:6px}.staff-body{padding:0 10px 10px;overflow:auto}.staff .group h3{font:700 11px/1.3 var(--font-px);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;margin:12px 2px 6px;display:flex}.staff .group h3 .n{color:var(--ink);background:var(--line);letter-spacing:0;padding:0 5px}.staff .group.mine h3{color:var(--accent)}.staff ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.staff button.who{--frame:var(--line);width:calc(100% - 2 * var(--px));margin:var(--px);background:var(--panel);color:var(--ink);cursor:pointer;text-align:left;font:inherit;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--frame), 0 var(--px) 0 0 var(--frame), calc(-1 * var(--px)) 0 0 0 var(--frame), var(--px) 0 0 0 var(--frame), inset 0 calc(-1 * var(--px)) 0 0 var(--shell-shade);border:0;border-radius:0;align-items:center;gap:10px;padding:6px 10px 6px 8px;display:flex}.staff button.who:hover{--frame:var(--desk-edge);background:var(--shell-shade)}.staff li.you button.who{--frame:var(--accent)}.staff button.who .portrait{margin:4px}.staff button.who .main{flex-direction:column;flex:1;min-width:0;display:flex}.staff button.who .name{font:800 13px/1.3 var(--font-px);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.staff button.who .status{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.staff button.who .nums{font:12px/1.35 var(--font-px);font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;display:flex}.staff button.who .streak{color:var(--coin)}.staff button.who .today.filed,.staff li.you button.who .name{color:var(--accent)}.scrim{background:color-mix(in srgb, var(--bg) 70%, transparent);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dialog{width:min(520px,100vw - 28px);max-height:calc(100vh - 80px);padding:16px;overflow:auto}.dialog h2{font:800 18px/1.2 var(--font-px);margin:0 0 8px}.dialog table{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.dialog th{text-align:left;font:700 11px/1.3 var(--font-px);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:var(--px) solid var(--line);padding:6px 0 4px}.dialog td{border-bottom:var(--px) solid var(--line);padding:4px 0}.dialog td.num,.dialog th.num{text-align:right;font-family:var(--font-px);font-variant-numeric:tabular-nums}.dialog .choices{gap:8px;margin-top:12px;display:grid}.dialog .choices .btn{text-align:left;white-space:normal;font:14px/1.4 var(--font);justify-content:flex-start;padding:12px}.dialog .choices .btn b{font:800 14px/1.4 var(--font-px)}.dialog .row{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.tour-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.tour-count{font:700 12px/1 var(--font-px);text-transform:uppercase;letter-spacing:.06em}.tour-dots{gap:6px;display:flex}.tour-dots .dot{background:var(--line);width:8px;height:8px}.tour-dots .dot.on{background:var(--accent)}.tour-title{font:800 17px/1.3 var(--font-px);margin:0 0 6px}.tour-body{min-height:150px}.tour-body p{margin:0 0 10px;font-size:14px;line-height:1.5}.tour-body .fine{font-size:12px}.tour-nav{margin-top:4px}.login{gap:12px;display:grid}.login .badge-card{background:var(--shell);box-shadow:0 calc(-1 * var(--px)) 0 0 var(--desk-edge), 0 var(--px) 0 0 var(--desk-edge), calc(-1 * var(--px)) 0 0 0 var(--desk-edge), var(--px) 0 0 0 var(--desk-edge), inset 0 calc(3 * var(--px)) 0 0 var(--accent), 0 calc(3 * var(--px)) 0 0 var(--bg);justify-self:center;align-items:center;gap:14px;margin:6px 0 4px;padding:14px 18px 12px 12px;display:flex}.login .badge-card .portrait{margin:4px}.login .badge-lines{font:12px/1.4 var(--font-px);flex-direction:column;gap:2px;display:flex}.login .badge-lines .icon{margin:0 0 4px}.login .badge-lines b{letter-spacing:.1em;font-size:14px}.login .choices{margin-top:0}.login .fine{margin:0;font-size:12px}.toast{left:50%;top:calc(var(--topbar) + var(--safe-t) + 44px);z-index:7;--frame:var(--accent);max-width:min(520px,100vw - 28px);padding:10px 14px;font-size:14px;animation:.2s steps(3,end) feedIn;position:absolute;transform:translate(-50%)}.cam-btns{left:50%;top:calc(var(--topbar) + var(--safe-t) + 10px);z-index:4;pointer-events:none;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.cam-btns>button{pointer-events:auto;white-space:nowrap}.has-banner .cam-btns{top:calc(var(--topbar) + var(--safe-t) + var(--banner-h,28px) + 10px)}@media (max-width:820px){.topbar{gap:8px}.topbar .wide-only{display:none!important}.topbar .compact-only{display:inline-flex}.dock{width:auto;padding-bottom:var(--safe-b);max-height:70vh;bottom:0;left:0;right:0}.feed{bottom:auto;top:calc(var(--topbar) + var(--safe-t) + 12px);width:calc(100vw - 28px)}.has-banner .feed{top:calc(var(--topbar) + var(--safe-t) + var(--banner-h,28px) + 12px)}.popover{width:auto;left:14px;right:14px}.staff{width:auto;left:0;right:0;top:calc(var(--topbar) + var(--safe-t));z-index:4;max-height:45vh}.has-banner .staff{max-height:calc(45vh - var(--banner-h,28px));top:calc(var(--topbar) + var(--safe-t) + var(--banner-h,28px))}.has-banner .feed.staff-open,.feed.staff-open{display:none}.staff button.who,.btn{min-height:44px}.btn.small{min-height:36px}}@media (max-width:520px){.topbar{padding-left:calc(8px + var(--safe-l));padding-right:calc(8px + var(--safe-r));gap:6px}.topbar .mark .logo{width:59px;height:15px}.topbar .long{display:none}.topbar .id-chip{padding:0}.topbar .badge-in{display:none}.sim-banner{flex-wrap:wrap;gap:0 8px;font-size:12px}.feed:not(.open){width:auto;right:auto}.feed:not(.open) .head{width:auto}.feed:not(.open) .head .text{display:none}.card{width:calc(100vw - 28px);left:14px!important}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
