:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--green-deep:#1fa75c;--green-light:#7fc96b;--yellow:#f5c63d;--paper:#eef1ea;--ink:#14261a;--ink-2:#42563f;--ink-3:#6e8069;--brand:#15824a;--brand-hi:var(--green-deep);--brass:#c99a1f;--danger:#a8281c;--glass-hi:#ffffffb3;--glass-mid:#ffffff75;--glass-lo:#ffffff42;--hair:#ffffff9e;--hair-dim:#ffffff57;--r-shell:30px;--r-panel:20px;--r-well:14px;--r-ctl:11px;--blur:blur(26px) saturate(150%);--lift:0 30px 70px -26px #10231d57, 0 2px 8px #10231d0d;--edge:inset 0 1px 0 #ffffffeb, inset 0 -1px 0 #ffffff4d;--sans:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}#app{min-height:100dvh}:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:6px}.scene{background:radial-gradient(88% 68% at 4% 0,#7fc96b57 0%,#7fc96b00 58%),radial-gradient(82% 66% at 100% 100%,#f5c63d4d 0%,#f5c63d00 62%),radial-gradient(60% 50% at 92% 4%,#1fa75c29 0%,#1fa75c00 60%),linear-gradient(168deg,#f1f4ec 0%,#e7ede2 52%,#eef1e6 100%);justify-content:center;align-items:center;min-height:100dvh;padding:40px 24px;display:flex;position:relative;overflow:hidden}.scene:before{content:"";pointer-events:none;background:radial-gradient(circle,#fffffff2 0%,#fff0 68%);border-radius:50%;width:min(900px,120vw);height:min(620px,80vh);position:absolute;top:-18%;left:50%;transform:translate(-50%)}.scene:after{content:"";pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.app{z-index:1;border-radius:var(--r-shell);background:linear-gradient(158deg, var(--glass-hi) 0%, var(--glass-mid) 44%, var(--glass-lo) 100%);border:1px solid var(--hair);width:100%;max-width:720px;max-height:calc(100dvh - 80px);box-shadow:var(--lift), var(--edge);-webkit-backdrop-filter:var(--blur);flex-direction:column;animation:.62s cubic-bezier(.22,.9,.24,1) both shell-in;display:flex;position:relative;overflow:hidden}.app:after{content:"";pointer-events:none;background:linear-gradient(100deg,#fff0 0%,#ffffff80 50%,#fff0 100%);width:60%;height:180%;animation:1.1s ease-out .26s both sheen;position:absolute;top:-40%;left:-60%;transform:rotate(8deg)}@keyframes shell-in{0%{opacity:0;transform:translateY(10px)scale(.994)}to{opacity:1;transform:none}}@keyframes sheen{0%{opacity:0;left:-60%}35%{opacity:.9}to{opacity:0;left:120%}}@media (width<=700px){.scene{align-items:stretch;padding:0}.app{max-width:none;min-height:100dvh;max-height:none;box-shadow:none;border:0;border-radius:0}.app:after{display:none}}@media (prefers-reduced-motion:reduce){.app{animation:none}.app:after{display:none}}.head{z-index:2;border-bottom:1px solid var(--hair-dim);align-items:center;gap:12px;padding:20px 24px 16px;display:flex;position:relative}.wordmark{align-items:center;gap:9px;min-width:0;margin-right:auto;display:flex}.wordmark-mark{background:linear-gradient(150deg, #ffffff8c, #fff0 52%), linear-gradient(150deg, var(--green-deep), var(--brand));border:1px solid #ffffff8c;border-radius:8px;flex-shrink:0;width:26px;height:26px;box-shadow:0 6px 14px -6px #15824ab3,inset 0 1px #ffffff80}.wordmark-name{letter-spacing:-.015em;color:var(--ink);font-size:15px;font-weight:600}.head-slot{align-items:center;gap:8px;display:flex}.nav{border:1px solid var(--hair-dim);background:#ffffff57;border-radius:12px;gap:2px;padding:3px;display:flex;box-shadow:inset 0 1px 2px #10231d0d}.nav-item{color:var(--ink-3);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:color .16s,background .16s,box-shadow .16s}.nav-item:hover{color:var(--ink-2)}.nav-item[aria-current=page]{color:var(--brand);background:#ffffffdb;box-shadow:0 1px 2px #10231d14,inset 0 1px #fff}@media (width<=700px){.head{padding:16px 18px 13px}.nav{display:none;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}}.body{z-index:1;scrollbar-width:thin;scrollbar-color:#10231d2e transparent;flex:1;padding:24px;position:relative;overflow-y:auto}@media (width<=700px){.body{padding:18px 18px 96px}}.panel{border-radius:var(--r-panel);-webkit-backdrop-filter:blur(10px)saturate(130%);background:#ffffff38;padding:18px 20px;position:relative;box-shadow:inset 0 1px #fff9}.form{display:block}.well{border-radius:var(--r-well);border:1px solid var(--hair-dim);background:#ffffff4d;box-shadow:inset 0 1px 3px #10231d12,inset 0 -1px #fff9}.clock-band{padding:6px 4px 22px}.clock-time{letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--ink);align-items:baseline;gap:2px;font-size:clamp(40px,7.4vw,58px);font-weight:500;line-height:1;display:flex}.clock-sec{color:var(--brass)}.clock-date{color:var(--ink-2);margin-top:10px;font-size:13px}.clock-line{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.who{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.pill{letter-spacing:.005em;white-space:nowrap;border:1px solid #fff9;border-radius:999px;align-items:center;gap:6px;padding:4px 11px 4px 9px;font-size:11.5px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffffbf}.pill:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:6px;height:6px}.pill-idle{color:var(--ink-3);background:#ffffff8c}.pill-ok{color:#0d5c33;background:#1fa75c3d}.pill-late{color:#6b4f04;background:#f5c63d66}.pill-leave{color:#2f5c22;background:#7fc96b4d}.pill-absent{color:#7a1c12;background:#e9a09670}.punch{border-radius:var(--r-well);background:var(--hair-dim);border:1px solid var(--hair-dim);grid-template-columns:1fr 1fr;gap:1px;margin-top:16px;display:grid;overflow:hidden}.punch-cell{background:#ffffff52;padding:12px 14px}.punch-label{color:var(--ink-3);font-size:11.5px}.punch-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink);margin-top:3px;font-size:19px;font-weight:500}.punch-value.is-empty{color:var(--ink-3);opacity:.65}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.row-actions{flex:none;align-items:center;gap:2px;display:flex}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;display:flex}.footer-row .day-note{color:var(--ink-2);max-width:44ch;margin:0;padding:18px 2px 4px;font-size:13.5px;line-height:1.55}.footnote{flex:220px;margin:0}.footer-row .btn{flex:none}.row-main{min-width:0}.row-label{color:var(--ink-3);font-size:11.5px}.row-value{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;overflow:hidden}.row-value.is-muted{color:var(--ink-3)}.stack{flex-direction:column;gap:12px;display:flex}.actions{gap:10px;margin-top:4px;display:grid}@media (width>=560px){.actions-pair{grid-template-columns:1fr 1fr}}.btn{border-radius:var(--r-ctl);letter-spacing:-.005em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:transform .14s,background .16s,box-shadow .16s,color .16s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.988)}.btn:disabled{cursor:not-allowed;box-shadow:none;opacity:1}.btn-primary:disabled,.btn-warn:disabled{color:var(--ink-3);background:#10231d1a;border-color:#0000}.btn-outline:disabled,.btn-quiet:disabled{color:var(--ink-3);background:0 0}.btn-primary{color:#fff;background:linear-gradient(158deg, #ffffff47, #fff0 48%), linear-gradient(158deg, var(--brand-hi), var(--brand));border-color:#fff6;box-shadow:0 10px 24px -12px #0c6b4ed9,inset 0 1px #ffffff6b}.btn-primary:hover:not(:disabled){background:linear-gradient(158deg,#ffffff57,#fff0 48%),linear-gradient(158deg,#149a72,#0a5c43)}.btn-outline{color:var(--brand);border-color:var(--hair);background:#ffffff80;box-shadow:inset 0 1px #ffffffe6}.btn-outline:hover:not(:disabled){background:#ffffffc7}.btn-quiet{color:var(--ink-2);background:0 0;border-color:#0000;padding:8px 10px;font-weight:500}.btn-quiet:hover:not(:disabled){color:var(--brand);background:#ffffff6b}.btn-sm{border-radius:9px;padding:7px 12px;font-size:12.5px}.btn-block{width:100%}.field+.field{margin-top:16px}.field-label{color:var(--ink-2);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.input{width:100%;color:var(--ink);border-radius:var(--r-ctl);border:1px solid var(--hair);background:#ffffff8f;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px 2px #10231d0f}.input::placeholder{color:var(--ink-3);opacity:.75}.input:focus{background:#ffffffc7;border-color:#0c6b4e80;outline:none;box-shadow:0 0 0 3px #0c6b4e1f,inset 0 1px 2px #10231d0a}.input:disabled{opacity:.6}.input-row{gap:8px;display:flex}.input-row .input{flex:1;min-width:0}.login{flex-direction:column;padding:4px 0 2px;display:flex}.login-head{margin-bottom:22px}.login-title{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:600;line-height:1.15}.login-sub{color:var(--ink-2);max-width:34ch;margin:6px 0 0;font-size:13px}.login-foot{color:var(--ink-3);margin:18px 0 0;font-size:12px}.alert{border-radius:var(--r-ctl);border:1px solid #fff9;margin-bottom:14px;padding:10px 13px;font-size:12.5px;line-height:1.45;box-shadow:inset 0 1px #ffffffb3}.alert-error{color:#7a1c12;background:#f0c4be80}.alert-ok{color:#0a5a41;background:#a0e0c573}.history{border-radius:var(--r-panel);-webkit-backdrop-filter:blur(10px)saturate(130%);background:#ffffff3d;margin:0;padding:4px 18px;list-style:none;box-shadow:inset 0 1px #fff9}.history-item{border-bottom:1px solid #10231d12;padding:14px 2px}.history-item:last-child{border-bottom:0}.history-date{letter-spacing:-.01em;font-size:13px;font-weight:600}.history-times{color:var(--ink-3);gap:16px;margin-top:6px;font-size:12px;display:flex}.history-times b{letter-spacing:-.02em;color:var(--ink);font-size:12.5px;font-weight:600}.history-where{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11.5px;overflow:hidden}.empty{text-align:center;color:var(--ink-3);border-radius:var(--r-well);border:1px dashed #10231d24;padding:38px 18px;font-size:13px}.spin{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.spin-center{color:var(--ink-3);justify-content:center;padding:34px 0;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2s}.btn{transition:none}}.day-note{color:var(--ink-2);max-width:44ch;margin:0;padding:18px 2px 4px;font-size:13.5px;line-height:1.55}.footnote{color:var(--ink-3);max-width:46ch;margin:14px 0 0;font-size:11.5px;line-height:1.55}