.phone[data-v-1d84c2dd]{background:#14130e;border-radius:34px;width:330px;padding:9px;box-shadow:0 24px 70px -24px #14130e73,0 6px 18px #14130e1f}.screen[data-v-1d84c2dd]{background:var(--color-paper);border-radius:26px;flex-direction:column;height:668px;padding:0 16px;display:flex;position:relative;overflow:hidden}.status[data-v-1d84c2dd]{height:32px;color:var(--color-ink);flex:none;justify-content:space-between;align-items:center;display:flex}.status-time[data-v-1d84c2dd]{font:500 11px/1 var(--font-mono);opacity:.7}.punch[data-v-1d84c2dd]{background:#14130e;border-radius:50%;width:9px;height:9px;position:absolute;top:12px;left:50%;translate:-50%}.head[data-v-1d84c2dd]{flex:none;padding:8px 0 12px}.wordmark[data-v-1d84c2dd]{font:600 20px/1 var(--font-sans);letter-spacing:-.025em}.date[data-v-1d84c2dd]{font:400 10.5px/1 var(--font-sans);color:var(--color-ink-50);margin-top:5px}.tiles[data-v-1d84c2dd]{flex:none;grid-template-columns:1fr 1fr 1.35fr;gap:7px;display:grid}.tile[data-v-1d84c2dd]{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:12px;padding:9px 10px 8px}.tile-label[data-v-1d84c2dd]{font:600 8px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-42)}.tile-value[data-v-1d84c2dd]{font:500 14px/1 var(--font-mono);margin-top:6px}.tile-billed[data-v-1d84c2dd]{background:var(--color-billed);border-color:var(--color-billed)}.tile-billed .tile-label[data-v-1d84c2dd]{color:#ffffff8c}.tile-billed .tile-value[data-v-1d84c2dd]{color:#f2f7f4;margin-top:7px;font-size:13px}.section-head[data-v-1d84c2dd]{flex:none;justify-content:space-between;align-items:baseline;padding:15px 0 5px;display:flex}.section-label[data-v-1d84c2dd]{font:600 9px/1 var(--font-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--color-ink-42)}.section-total[data-v-1d84c2dd]{font:500 11px/1 var(--font-mono);color:var(--color-ink-50)}.row[data-v-1d84c2dd]{border-bottom:1px solid var(--color-hairline);flex:none;align-items:center;gap:10px;padding:8px 0;display:flex}.row.last[data-v-1d84c2dd]{border-bottom:0}.row-main[data-v-1d84c2dd]{flex:1;min-width:0}.row-primary[data-v-1d84c2dd]{font:500 12px/1.25 var(--font-sans)}.row-secondary[data-v-1d84c2dd]{font:400 9.5px/1.35 var(--font-sans);color:var(--color-ink-50);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.row-duration[data-v-1d84c2dd]{font:500 11.5px/1 var(--font-mono)}.running-row[data-v-1d84c2dd]{background:var(--color-running-tint);border:1px solid #a8431f47;border-radius:11px;margin-bottom:3px;padding:8px 10px}.running-row .row-primary[data-v-1d84c2dd]{align-items:center;gap:6px;font-weight:600;display:flex}.running-dot[data-v-1d84c2dd]{background:var(--color-running);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-1d84c2dd}@keyframes pulse-1d84c2dd{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.running-dot[data-v-1d84c2dd]{animation:none}}.running-elapsed[data-v-1d84c2dd]{color:var(--color-running)}.dock[data-v-1d84c2dd]{background:#14130e;border-radius:14px;flex:none;align-items:center;gap:10px;margin-top:auto;margin-bottom:9px;padding:9px 9px 9px 13px;display:flex;box-shadow:0 6px 20px #14130e33}.dock-main[data-v-1d84c2dd]{flex:1;min-width:0}.dock-project[data-v-1d84c2dd]{font:600 12px/1.2 var(--font-sans);color:#f6f3ec}.dock-meta[data-v-1d84c2dd]{font:400 9.5px/1.2 var(--font-sans);color:#f6f3ec8c;margin-top:3px}.dock-elapsed[data-v-1d84c2dd]{font:500 16.5px/1 var(--font-mono);letter-spacing:-.02em;color:#f6f3ec}.dock-stop[data-v-1d84c2dd]{background:var(--color-running);border-radius:10px;flex:none;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.dock-stop-glyph[data-v-1d84c2dd]{background:var(--color-running-on);border-radius:2px;width:10px;height:10px}.nav[data-v-1d84c2dd]{border-top:1px solid var(--color-hairline);background:var(--color-bar);flex:none;grid-template-columns:repeat(4,1fr);margin:0 -16px;padding:7px 6px 10px;display:grid}.nav-item[data-v-1d84c2dd]{color:#14130e70;flex-direction:column;gap:3px}.nav-item[data-v-1d84c2dd],.nav-pill[data-v-1d84c2dd]{align-items:center;display:flex}.nav-pill[data-v-1d84c2dd]{border-radius:13px;justify-content:center;width:48px;height:26px}.nav-label[data-v-1d84c2dd]{font:500 9px/1 var(--font-sans)}.nav-item.active[data-v-1d84c2dd]{color:var(--color-running)}.nav-item.active .nav-pill[data-v-1d84c2dd]{background:#a8431f1c}