:root{--brand:#680d00;--brand-50:#b48680;--brand-35:#caaaa6;--brand-20:#e1cfcc;--brand-12:#ede2e0;--brand-6:#f6f0f0;--ink:#211914;--secondary:#49413b;--muted:#746d68;--hairline:#d4ceca;--ground:#f7f4f1;--surface:#fff;--paid-ink:#137738;--paid-fill:#e7f1eb;--pending-ink:#916100;--pending-fill:#f4efe6;--overdue-ink:#af2c22;--overdue-fill:#f7eae9;--hold-ink:#69625d;--hold-fill:#f0efef;--font:"Century Gothic", Questrial, Jost, Futura, sans-serif;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}h1,h2,h3{letter-spacing:.01em;margin:0;font-weight:400}h1{font-size:1.6rem;line-height:1.25}h2{font-size:1.15rem}p{margin:0}a{color:var(--ink)}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:10;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:var(--ground);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.wordmark{color:var(--brand);letter-spacing:.32em;font-size:1.05rem;text-decoration:none}.topbar-name{color:var(--muted);font-size:.9rem}.page{width:100%;max-width:560px;padding:20px 16px calc(env(safe-area-inset-bottom) + 96px);flex-direction:column;flex:1;gap:16px;margin:0 auto;display:flex}.tabbar{z-index:10;padding:6px 8px calc(env(safe-area-inset-bottom) + 6px);background:var(--surface);border-top:1px solid var(--hairline);justify-content:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{max-width:140px;color:var(--muted);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-size:.75rem;text-decoration:none;display:flex}.tab svg{width:22px;height:22px}.tab[aria-current=page]{color:var(--ink);background:var(--brand-6)}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.muted{color:var(--muted)}.small{font-size:.875rem}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spread{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.page-head{flex-direction:column;gap:4px;display:flex}label{color:var(--secondary);flex-direction:column;gap:6px;font-size:.9rem;display:flex}input,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--hairline);border-radius:8px;width:100%;min-height:46px;padding:11px 12px;font-size:16px}input:focus,select:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}.check{color:var(--ink);flex-direction:row;align-items:center;gap:10px}.check input{width:20px;height:20px;min-height:20px}.hint{color:var(--muted);font-size:.8rem}.button{font:inherit;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 18px;font-size:1rem;text-decoration:none;display:inline-flex}.button:disabled{opacity:.55;cursor:default}.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--hairline)}.button.quiet{color:var(--secondary);background:0 0;border-color:#0000;min-height:40px;padding-inline:8px}.button.full{width:100%}.button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.notice{border-radius:8px;padding:10px 12px;font-size:.9rem}.notice.attention{background:var(--pending-fill);color:var(--pending-ink)}.notice.ok{background:var(--paid-fill);color:var(--paid-ink)}.notice.info{background:var(--brand-6);color:var(--secondary)}.pill{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.75rem;display:inline-block}.pill.paid{color:var(--paid-ink);background:var(--paid-fill)}.pill.pending{color:var(--pending-ink);background:var(--pending-fill)}.pill.hold{color:var(--hold-ink);background:var(--hold-fill)}.pill.overdue{color:var(--overdue-ink);background:var(--overdue-fill)}.solo{width:100%;max-width:400px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 24px) 16px calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;justify-content:center;gap:20px;margin:0 auto;display:flex}.solo .wordmark{text-align:center;font-size:1.4rem}.person-name{font-size:1.05rem}.link-box{word-break:break-all;background:var(--ground);border:1px solid var(--hairline);border-radius:8px;padding:10px;font-family:ui-monospace,Consolas,monospace;font-size:.8rem}.divider{border:0;border-top:1px solid var(--hairline);width:100%;margin:4px 0}dl.facts{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:.95rem;display:grid}dl.facts dt{color:var(--muted)}dl.facts dd{margin:0}.splash{place-items:center;min-height:100dvh;display:grid}.button.big{min-height:56px;font-size:1.1rem}.button.small{min-height:36px;padding:6px 12px;font-size:.875rem}.pill.info{color:var(--secondary);background:var(--brand-6)}.punch-times{grid-template-columns:1fr 1fr;gap:12px;display:grid}.punch-time{background:var(--ground);border-radius:8px;flex-direction:column;gap:2px;padding:12px;display:flex}.punch-clock{letter-spacing:.02em;font-size:1.6rem}.camera{width:100%;max-width:360px;margin:0 auto;position:relative}.camera-view{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);background:var(--ink);width:100%;display:block}video.camera-view{transform:scaleX(-1)}.shutter{cursor:pointer;background:#ffffff59;border:4px solid #fff;border-radius:50%;width:68px;height:68px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.shutter:disabled{opacity:.4}.retake{background:#ffffffd9;position:absolute;top:8px;right:8px}.month-nav{justify-content:space-between;align-items:center;display:flex}.month-nav span{font-size:1.05rem}.day-list{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.day+.day{border-top:1px solid var(--hairline)}.day-head{all:unset;box-sizing:border-box;cursor:pointer;grid-template-columns:5.2rem 6.6rem 1fr;align-items:center;gap:8px;width:100%;padding:12px 14px;font-size:.95rem;display:grid}.day-head:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.day.off .day-head{color:var(--muted)}.day-badges{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.day-body{flex-direction:column;gap:10px;padding:0 14px 14px;display:flex}.punch-detail{flex-direction:column;gap:8px;display:flex}.selfie{border:1px solid var(--hairline);border-radius:8px;width:160px;max-width:100%}.corrections{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.corrections li{flex-direction:column;gap:2px;font-size:.95rem;display:flex}.claim{border-top:1px solid var(--hairline);flex-direction:column;gap:6px;padding:12px 0;display:flex}.claim:first-of-type{border-top:0;padding-top:0}.nudge{color:var(--ink);background:var(--pending-fill);border-color:var(--pending-fill);flex-direction:row;justify-content:space-between;align-items:center;text-decoration:none}.team-row{color:var(--ink);border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;text-decoration:none;display:flex}.team-row:first-of-type{border-top:0}table.statement{border-collapse:collapse;width:100%;font-size:.92rem}table.statement th,table.statement td{text-align:left;vertical-align:top;border-top:1px solid var(--hairline);padding:9px 6px 9px 0;font-weight:400}table.statement tr:first-child th,table.statement tr:first-child td{border-top:0}table.statement th{width:46%;color:var(--secondary)}table.statement td.num{text-align:right;white-space:nowrap;padding-right:0}table.statement.money th{width:auto}table.statement tr.ruled th,table.statement tr.ruled td{border-top:1.5px solid var(--ink)}table.statement tr.strong th,table.statement tr.strong td{color:var(--ink);font-size:1.02rem}.issues{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}dl.bifurcation{margin:0}.b-row{border-top:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:9px 0;font-size:.92rem;display:grid}.b-row:first-child{border-top:0;padding-top:0}.b-row dt{color:var(--secondary)}.b-row dd{margin:0}.b-value{text-align:right;white-space:nowrap}.b-dates{overflow-wrap:anywhere;grid-column:1/-1;font-size:.85rem}table.statement th{overflow-wrap:anywhere}.quiet-nudge{background:var(--surface);border-color:var(--hairline)}:root{--data:#3b6db3;--data-track:#dce5f2}.report-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.report-controls select{width:auto;min-width:150px}.segmented{border:1px solid var(--hairline);background:var(--surface);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{font:inherit;min-height:40px;color:var(--secondary);cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:.9rem}.segmented button+button{border-left:1px solid var(--hairline)}.segmented button.on{background:var(--ink);color:#fff}.figure{font-size:2rem;line-height:1.1}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tile{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);flex-direction:column;gap:2px;padding:12px;display:flex}.tile-label{color:var(--muted);font-size:.8rem}.tile-value{font-size:1.35rem}.tile-sub{color:var(--muted);font-size:.78rem}.meter{background:var(--data-track);border-radius:5px;height:10px;overflow:hidden}.meter>span{background:var(--data);border-radius:5px;height:100%;display:block}.pattern{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.pattern-head{color:var(--muted);text-align:center;font-size:.72rem}.cell{border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:40px;font-size:.72rem;line-height:1.1;display:flex}.cell-day{color:var(--muted)}.cell-mark{font-size:.85rem}.cell.paid{background:var(--paid-fill);color:var(--paid-ink)}.cell.pending{background:var(--pending-fill);color:var(--pending-ink)}.cell.hold{background:var(--hold-fill);color:var(--hold-ink)}.cell.info{background:var(--brand-6);color:var(--secondary)}.cell.blank{border:1px dashed var(--hairline);color:var(--muted);background:0 0}.cell.none{background:0 0}.cell.none .cell-day{opacity:.35}.legend{color:var(--secondary);flex-wrap:wrap;gap:8px 14px;font-size:.8rem;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.small-cell{width:22px;min-height:22px}.bars{flex-direction:column;gap:8px;display:flex}.bar-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:8px;font-size:.85rem;display:grid}.bar-label{text-overflow:ellipsis;white-space:nowrap;color:var(--secondary);overflow:hidden}.bar-track{height:10px}.bar{background:var(--data);border-radius:0 4px 4px 0;height:100%;display:block}.bar-value{white-space:nowrap}.table-scroll{overflow-x:auto}.report-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:560px;font-size:.85rem}.report-table th,.report-table td{text-align:right;border-top:1px solid var(--hairline);white-space:nowrap;padding:7px 8px 7px 0;font-weight:400}.report-table th:first-child{text-align:left}.report-table thead th{color:var(--muted);border-top:0}.row>.grow{flex:140px}fieldset.days{border:1px solid var(--hairline);border-radius:8px;flex-wrap:wrap;gap:6px 14px;margin:0;padding:8px 12px;display:flex}fieldset.days legend{color:var(--secondary);padding:0 4px}.notice.info ul{margin:6px 0}.timesheet-row{border-top:1px solid var(--hairline);flex-direction:column;gap:8px;padding-top:10px;display:flex}.timesheet-row .row select{flex:88px;width:auto}.project-link{color:inherit;text-decoration:none}.project-link .link-text{text-underline-offset:3px;text-decoration:underline}