:root{--bg:#f4f6f4;--surface:#fff;--border:#e2e6e2;--ink:#14201a;--ink-soft:#5d6b63;--ink-faint:#8b968f;--accent:#198a00;--accent-dark:#126800;--accent-wash:#eaf5e7;--warn:#b45309;--warn-wash:#fdf3e7;--danger:#b42318;--clock-out-bg:#1f2a24;--clock-out-ink:#fff;--radius:14px;--radius-lg:20px;--shadow:0 1px 2px #14201a0f, 0 4px 16px #14201a0d;--tab-h:62px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1512;--surface:#18201c;--border:#26302a;--ink:#eaf0ec;--ink-soft:#9daba3;--ink-faint:#6d7a72;--accent:#3fb31f;--accent-dark:#2f8f16;--accent-wash:#172a12;--warn-wash:#2a2113;--clock-out-bg:#2c3a32;--clock-out-ink:#fff}}:root[data-theme=dark]{--bg:#0f1512;--surface:#18201c;--border:#26302a;--ink:#eaf0ec;--ink-soft:#9daba3;--ink-faint:#6d7a72;--accent:#3fb31f;--accent-dark:#2f8f16;--accent-wash:#172a12;--warn-wash:#2a2113;--clock-out-bg:#2c3a32;--clock-out-ink:#fff}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}body{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}.app{max-width:520px;min-height:100dvh;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));margin:0 auto}.pad{padding:16px}.logo{object-fit:contain;width:auto;max-width:78%;height:44px;margin:0 auto}.logo-lime{display:none}.logo-ink{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-lime{display:block}:root:not([data-theme=light]) .logo-ink{display:none}}:root[data-theme=dark] .logo-lime{display:block}:root[data-theme=dark] .logo-ink,:root[data-theme=light] .logo-lime{display:none}:root[data-theme=light] .logo-ink{display:block}.sheet-backdrop{z-index:40;background:#00000059;position:fixed;inset:0}.sheet{z-index:41;background:var(--surface);max-width:520px;padding:8px 0 calc(12px + env(safe-area-inset-bottom,0px));border-top-left-radius:22px;border-top-right-radius:22px;margin:0 auto;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 40px #00000038}.sheet:before{content:"";background:var(--border);border-radius:2px;width:38px;height:4px;margin:8px auto 10px;display:block}.sheet-name{border-bottom:1px solid var(--border);padding:4px 20px 14px}.sheet-name .n{font-size:17px;font-weight:650}.sheet-name .s{color:var(--ink-soft);margin-top:2px;font-size:13px}.sheet-item{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:15px 20px;display:flex}.sheet-item.danger{color:var(--danger)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sheet-item.danger{color:#ff6b5e}}:root[data-theme=dark] .sheet-item.danger{color:#ff6b5e}.seg{gap:6px;padding:4px 20px 12px;display:flex}.seg button{font:inherit;cursor:pointer;border:1.5px solid var(--border);color:var(--ink-soft);background:0 0;border-radius:10px;flex:1;padding:9px 0;font-size:13px;font-weight:600}.seg button.on{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}.top{justify-content:space-between;align-items:center;gap:12px;padding:18px 16px 8px;display:flex}.top h1{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:650}.top .sub{color:var(--ink-soft);margin-top:2px;font-size:13.5px}.avatar{background:var(--accent-wash);width:42px;height:42px;color:var(--accent-dark);border-radius:50%;flex:0 0 42px;place-items:center;font-size:15px;font-weight:700;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:12px 16px;padding:18px}.card.tight{padding:4px 0}.card-title{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px;font-size:12.5px;font-weight:700}.clock-wrap{place-items:center;padding:8px 16px 4px;display:grid}.clock{aspect-ratio:1;background:var(--accent);color:#fff;letter-spacing:-.01em;cursor:pointer;border:none;border-radius:50%;place-items:center;gap:2px;width:min(62vw,230px);font-size:20px;font-weight:650;transition:transform .12s,box-shadow .12s,background .2s;display:grid;box-shadow:0 8px 28px #198a0047}.clock:active{transform:scale(.96);box-shadow:0 4px 14px #198a0038}.clock:disabled{opacity:.55;cursor:default}.clock.out{background:var(--clock-out-bg);color:var(--clock-out-ink);box-shadow:0 8px 28px #14201a47}.clock .big{font-size:26px;font-weight:700}.clock .small{opacity:1;font-size:13.5px;font-weight:500}.since{text-align:center;color:var(--ink-soft);margin:14px 0 2px;font-size:14px}.since strong{color:var(--ink);font-weight:600}.row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:13px 18px;display:flex}.row:last-child{border-bottom:none}.row .grow{flex:1;min-width:0}.row .label{font-size:15px;font-weight:550}.row .meta{color:var(--ink-soft);margin-top:1px;font-size:13px}.date-chip{text-align:center;background:var(--bg);border-radius:10px;flex:0 0 44px;width:44px;padding:5px 0}.date-chip .d{font-size:16px;font-weight:700;line-height:1.1}.date-chip .m{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px}.pill{white-space:nowrap;background:var(--bg);color:var(--ink-soft);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:650}.pill.ok{background:var(--accent-wash);color:var(--accent-dark)}.pill.warn{background:var(--warn-wash);color:var(--warn)}.pill.quiet{background:var(--bg);color:var(--ink-faint)}label{color:var(--ink-soft);margin:14px 0 6px;font-size:13.5px;font-weight:600;display:block}input,select,textarea{width:100%;color:var(--ink);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);outline:none;padding:13px 14px;font-family:inherit;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.btn{color:#fff;background:var(--accent);border-radius:var(--radius);cursor:pointer;border:none;width:100%;min-height:50px;padding:15px;font-family:inherit;font-size:16px;font-weight:650}.btn:active{background:var(--accent-dark)}.btn:disabled{opacity:.5}.btn.ghost{color:var(--ink-soft);border:1.5px solid var(--border);background:0 0}.notice{border-radius:var(--radius);background:var(--warn-wash);color:var(--warn);margin:12px 16px;padding:12px 14px;font-size:14px}.notice.bad{color:var(--danger);background:#fdecea}.notice.good{background:var(--accent-wash);color:var(--accent-dark)}@media (prefers-color-scheme:dark){.notice.bad{background:#2b1614}}.empty{text-align:center;color:var(--ink-faint);padding:34px 24px;font-size:14.5px}.tabs{max-width:520px;height:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;font-family:inherit;font-size:11px;font-weight:600;display:flex}.tab.on{color:var(--accent)}.tab svg{width:22px;height:22px}.spin{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}