:root{--primary: oklch(55% .17 280);--primary-light: oklch(94% .04 280);--secondary: oklch(52% .13 240);--bg: oklch(97% .012 290);--surface: #FFFFFF;--surface-inset: oklch(97% .01 280);--ink: oklch(28% .03 280);--muted: oklch(48% .02 280);--value: #15803D;--load-1: #6B9E78;--load-2: #A8B25C;--load-3: #D9A441;--load-4: #E07A3E;--load-5: #D6482E;--load: var(--load-5);--danger: #DC2626;--person-1: oklch(55% .17 280);--person-2: oklch(52% .13 240);--person-3: oklch(52% .13 150);--radius-sm: 11px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 22px;--shadow: 0 4px 14px oklch(40% .05 280 / .07);--shadow-hero: 0 8px 22px oklch(40% .05 280 / .12);--shadow-cta: 0 10px 24px oklch(55% .17 280 / .35);--font-display: "Archivo", sans-serif;--font-body: "Archivo", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums lining-nums}#root{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}.screen{flex:1;display:flex;flex-direction:column;padding-bottom:96px}.status-bar{height:env(safe-area-inset-top,0)}.card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:14px 18px;margin:6px 14px}.section-heading{padding:18px 20px 8px;font-size:14px;font-weight:700;font-family:var(--font-display)}.chips{display:flex;gap:7px;padding:12px 16px}.chip{flex:1;text-align:center;padding:8px 4px;font-size:12px;font-weight:600;color:var(--muted);border-radius:999px;background:var(--surface)}.chip.on{color:#fff;background:var(--primary)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;align-items:flex-end;border-top:1px solid oklch(90% .01 280);background:var(--surface);padding:8px 6px calc(8px + env(safe-area-inset-bottom,0));overflow:visible}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;font-size:10.5px;font-weight:600;color:var(--muted);border-radius:12px;min-height:48px;justify-content:center}.tab.on{color:var(--primary);background:transparent}.tab.on span{font-weight:700}.tab-center{flex:none;width:58px;height:58px;margin:0 6px;transform:translateY(-14px);border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-cta);border:4px solid var(--surface)}.tab-center.on{background:#4f45c4}.cat-badge{flex:none;border-radius:var(--radius-sm);background:var(--primary-light);display:inline-flex;align-items:center;justify-content:center;margin-right:12px;line-height:1}.emo{font-size:19px;width:40px;height:40px;flex:none;border-radius:11px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;margin-right:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.row .left{display:flex;align-items:center;min-width:0}.row .name{font-size:14.5px;font-weight:600}.row .meta{font-size:11.5px;color:var(--muted);margin-top:2px}.row .right{text-align:right;flex:none}.row .hours{font-size:15px;font-weight:700}.row .money{font-size:12px;color:var(--value);font-weight:700;margin-top:2px}.btn-primary{background:var(--primary);color:#fff;font-weight:700;padding:16px;border-radius:999px;text-align:center;font-size:16px;box-shadow:var(--shadow-cta)}.btn-primary:disabled{box-shadow:none;opacity:.55}.btn-stop{background:var(--load-5);color:#fff;font-weight:700;padding:24px;border-radius:18px;text-align:center;font-size:16.5px}.btn-danger{color:var(--danger);font-weight:700}.load-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--load-5);margin-left:6px;vertical-align:1px}.running-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--primary)}.pulse{animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes pop{0%{transform:scale(.86);opacity:0}62%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}