@layer reset,base,layout,components,utilities;:root{color-scheme:light dark;--font-sans: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2.125rem;--text-time: 1.75rem;--leading: 1.5;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--radius-sm: 8px;--radius: 11px;--radius-lg: 16px;--radius-pill: 999px;--border: 1px solid var(--color-border);--color-bg: #e7e5df;--color-surface: #ffffff;--color-surface-2: #f7f6f3;--color-surface-3: #f4f3f0;--color-text: #1c1c1c;--color-muted: #8a8a85;--color-faint: #9a9a94;--color-faint-2: #a8a8a3;--color-border: #e3e2dd;--color-border-strong: #dad9d3;--color-border-soft: #eceae5;--color-border-outer: #d9d8d2;--color-accent: #1c1c1c;--color-accent-hover: #333330;--color-on-accent: #ffffff;--color-danger: #9a3b3b;--color-danger-hover: #863333;--color-danger-bg: #fbf3f1;--color-danger-border: #e6d5d1;--color-info: #4a5a3f;--color-info-bg: #f0f1ea;--color-info-border: #d8dccb;--shadow-sm: 0 1px 2px rgb(28 28 28 / .05);--shadow: 0 8px 24px rgb(28 28 28 / .1);--shadow-modal: 0 24px 60px rgb(0 0 0 / .28);--measure: 42rem;--sidebar-w: 232px}@media (prefers-color-scheme: dark){:root{--color-bg: #161513;--color-surface: #211f1c;--color-surface-2: #1b1a17;--color-surface-3: #262420;--color-text: #f2f0ea;--color-muted: #a8a39a;--color-faint: #8f8a81;--color-faint-2: #807b73;--color-border: #36332d;--color-border-strong: #403c35;--color-border-soft: #2c2a25;--color-border-outer: #36332d;--color-accent: #f2f0ea;--color-accent-hover: #e2dfd6;--color-on-accent: #1c1c1c;--color-danger: #e8a59c;--color-danger-hover: #f0b5ad;--color-danger-bg: #2a1d1b;--color-danger-border: #5c3a36;--color-info: #c7d2b4;--color-info-bg: #1e201a;--color-info-border: #343829;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow: 0 12px 28px rgb(0 0 0 / .5);--shadow-modal: 0 24px 60px rgb(0 0 0 / .6)}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-block-size:100dvh;line-height:var(--leading);-webkit-font-smoothing:antialiased}img,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3{line-height:1.2;text-wrap:balance}p{text-wrap:pretty}}@layer base{body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg)}a{color:var(--color-text);text-decoration:none}a:hover{text-decoration:underline}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}}@layer layout{.app-shell{display:flex;min-block-size:100dvh}.sidebar{display:none;flex:none;inline-size:var(--sidebar-w);background:var(--color-surface-2);border-inline-end:var(--border)}.app-shell__main{display:flex;flex:1;min-inline-size:0;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border-block-end:var(--border)}.topbar__brand{font-size:var(--text-md);font-weight:700;color:var(--color-text)}.topbar__brand:hover{text-decoration:none}.app-content{flex:1;display:flex;flex-direction:column;gap:var(--space-md);inline-size:100%;max-inline-size:60rem;margin-inline:auto;padding:var(--space-md) var(--space-sm) var(--space-xl)}.hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;inline-size:2.25rem;block-size:2.25rem;padding:.5rem;background:none;border:0;cursor:pointer}.hamburger__bar{block-size:2.5px;background:var(--color-text);border-radius:2px}@media (min-width: 60em){.sidebar{display:flex}.topbar{display:none}.app-content{padding:var(--space-lg) var(--space-lg) var(--space-xl)}}}@layer components{.nav-panel{display:flex;flex-direction:column;flex:1;min-block-size:0;padding:var(--space-md) var(--space-sm)}.nav-panel__brand{display:flex;align-items:center;gap:var(--space-2xs);padding:0 var(--space-3xs) var(--space-md)}.nav-panel__logo{inline-size:30px;block-size:30px;border-radius:var(--radius-sm);background:var(--color-accent);flex:none}.nav-panel__brand-name{font-size:var(--text-md);font-weight:700;color:var(--color-text)}.nav-panel__brand:hover{text-decoration:none}.nav-panel__links{display:flex;flex-direction:column;gap:var(--space-3xs)}.nav-link{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-muted);border-radius:var(--radius-sm)}.nav-link:hover{text-decoration:none;color:var(--color-text);background:color-mix(in srgb,var(--color-surface-3) 70%,transparent)}.nav-link--active{color:var(--color-on-accent);background:var(--color-accent);font-weight:600}.nav-link--active:hover{color:var(--color-on-accent);background:var(--color-accent)}.nav-link__icon{inline-size:18px;block-size:18px;border-radius:5px;background:currentcolor;opacity:.35;flex:none}.nav-link--active .nav-link__icon{opacity:.6}.nav-panel__profile{margin-block-start:auto;padding-block-start:var(--space-sm);border-block-start:var(--border)}.profile{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-3xs)}.profile__meta{min-inline-size:0}.profile__name{font-size:var(--text-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile__sub{font-size:var(--text-xs);color:var(--color-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-panel__actions{display:flex;flex-direction:column;gap:2px;margin-block-start:var(--space-2xs)}.nav-panel__action{padding:var(--space-2xs) var(--space-2xs);font-size:var(--text-sm);color:var(--color-muted);border-radius:var(--radius-sm)}.nav-panel__action:hover{text-decoration:none;color:var(--color-text);background:color-mix(in srgb,var(--color-surface-3) 70%,transparent)}.drawer{display:none;position:fixed;inset:0;z-index:40}.drawer__backdrop{position:absolute;inset:0;background:#14141461;border:0;inline-size:100%;cursor:pointer}.drawer__panel{position:absolute;inset-block:0;inset-inline-start:0;inline-size:min(82vw,262px);display:flex;background:var(--color-surface-2);border-inline-end:1px solid var(--color-border-outer);box-shadow:8px 0 24px #0000002e}.app-shell.is-drawer-open .drawer{display:block}@media (min-width: 60em){.app-shell.is-drawer-open .drawer{display:none}}}@layer components{.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:600;line-height:1;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .12s ease,border-color .12s ease;text-box-trim:trim-both;text-box-edge:cap alphabetic}.btn:hover{text-decoration:none;background:color-mix(in srgb,var(--color-surface) 90%,var(--color-text))}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed}.btn--primary{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--danger{color:var(--color-danger);background:var(--color-surface);border-color:var(--color-danger-border)}.btn--danger:hover{background:var(--color-danger-bg);border-color:var(--color-danger-border)}.btn--block{display:flex;inline-size:100%}.btn--lg{padding:var(--space-sm);font-size:var(--text-md);border-radius:var(--radius)}.avatar{display:inline-flex;align-items:center;justify-content:center;inline-size:30px;block-size:30px;flex:none;font-size:var(--text-sm);font-weight:700;color:var(--color-muted);background:var(--color-surface-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);text-transform:uppercase}.avatar--circle{border-radius:var(--radius-pill)}.avatar--lg{inline-size:40px;block-size:40px;font-size:var(--text-md)}.field{display:flex;flex-direction:column;gap:var(--space-2xs)}.field--checkbox{flex-direction:row;align-items:center;gap:var(--space-2xs)}.field__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted)}.field__control{inline-size:100%;padding:var(--space-xs) var(--space-sm);color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius)}.field__control:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.field__control[aria-invalid=true]{border-color:var(--color-danger)}.field__checkbox{inline-size:1rem;block-size:1rem}.field__control--time{font-size:var(--text-time);font-weight:700;padding-block:var(--space-xs)}.field__error{font-size:var(--text-sm);color:var(--color-danger)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.page-header__title{font-size:var(--text-xl);font-weight:700}.page-header__subtitle{margin-block-start:var(--space-3xs);font-size:var(--text-sm);color:var(--color-faint)}.page-header__actions{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.notice{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);color:var(--color-info);background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius)}.card{background:var(--color-surface);border:var(--border);border-radius:var(--radius)}.data-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.data-list__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-surface);border:var(--border);border-radius:var(--radius)}.member__name{font-weight:600;margin-inline-end:var(--space-2xs)}.badge{display:inline-block;padding:.15rem var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:capitalize;color:var(--color-muted);background:var(--color-surface-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill)}.divider{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);color:var(--color-muted)}.divider:before,.divider:after{content:"";flex:1;block-size:1px;background:var(--color-border)}.flash-group{position:fixed;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm);z-index:60;display:flex;flex-direction:column;gap:var(--space-2xs);inline-size:min(22rem,calc(100vw - 2 * var(--space-sm)))}.flash{display:flex;gap:var(--space-2xs);align-items:start;padding:var(--space-xs) var(--space-sm);color:var(--color-text);background:var(--color-surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer}.flash--info{color:var(--color-info);background:var(--color-info-bg);border-color:var(--color-info-border)}.flash--error{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.flash__title{font-weight:600}.flash__body{flex:1}.flash__close{background:none;border:0;cursor:pointer;font-size:1.1rem;line-height:1;color:inherit;opacity:.6}.flash__close:hover{opacity:1}.invite-form{display:grid;gap:var(--space-2xs)}@media (min-width: 40em){.invite-form{grid-template-columns:1fr 1fr 1.4fr auto auto;align-items:end}}.tiles{display:grid;gap:var(--space-sm)}@media (min-width: 40em){.tiles{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}.tile{display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-md);color:var(--color-text);background:var(--color-surface);border:var(--border);border-radius:var(--radius)}.tile:hover{text-decoration:none;border-color:var(--color-accent)}.tile__title{font-weight:600}.tile__hint{font-size:var(--text-sm);color:var(--color-muted)}.stat-tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.stat-tile{padding:var(--space-sm) var(--space-md);background:var(--color-surface-3);border:var(--border);border-radius:var(--radius)}.stat-tile__figure{margin-block-start:var(--space-2xs);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);line-height:1.1}.stat-tile__unit{font-size:var(--text-md);font-weight:600;color:var(--color-muted)}.day-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.entry-card{display:flex;gap:var(--space-sm);align-items:stretch;padding:var(--space-sm);color:var(--color-text);background:var(--color-surface);border:var(--border);border-radius:var(--radius)}.entry-card:hover{text-decoration:none;border-color:var(--color-border-strong);background:color-mix(in srgb,var(--color-surface) 96%,var(--color-text))}.entry-card__body{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:var(--space-3xs)}.entry-card__project{font-weight:600;color:var(--color-text)}.entry-card__time{font-size:var(--text-sm);color:var(--color-muted)}.entry-card__note{font-size:var(--text-sm);color:var(--color-faint-2);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entry-card__aside{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;text-align:end}.entry-card__hours{font-size:var(--text-md);font-weight:700;color:var(--color-text)}.entry-card__chevron{font-size:var(--text-lg);color:var(--color-border-strong);line-height:1}.entry-form{display:flex;flex-direction:column;gap:var(--space-md)}.project-field{display:flex;align-items:center;gap:var(--space-2xs);background:var(--color-surface-3);border:1px solid var(--color-border-strong);border-radius:var(--radius);padding:var(--space-2xs) var(--space-xs)}.project-field__select{flex:1;min-inline-size:0;padding:var(--space-2xs) 0;font-size:var(--text-base);font-weight:600;color:var(--color-text);background:transparent;border:0;cursor:pointer}.project-field__select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.entry-form__datetime{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);align-items:end}.entry-form__date{grid-column:1 / -1}.date-field__input{position:absolute;inset:0;inline-size:100%;block-size:100%;margin:0;padding:0;border:0;background:transparent;opacity:0;cursor:pointer}.date-field__input:focus-visible{outline:none}.date-field{position:relative}.date-field__face{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-block-size:2.75rem;padding:var(--space-xs) var(--space-sm);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius);color:var(--color-text)}.date-field__icon{color:var(--color-faint)}.date-field:focus-within .date-field__face{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.date-field--invalid .date-field__face{border-color:var(--color-danger)}.duration-readout{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-accent);border-radius:var(--radius)}.duration-readout__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--color-on-accent) 64%,transparent)}.duration-readout__value{font-size:var(--text-lg);font-weight:700;color:var(--color-on-accent)}.stat{display:flex;align-items:baseline;gap:var(--space-2xs)}.stat__value{font-size:var(--text-xl);font-weight:700}.modal{position:fixed;inset:0;z-index:50;display:flex}.modal__backdrop{position:absolute;inset:0;background:#1414146b;border:0;inline-size:100%;cursor:pointer}.modal__dialog{position:relative;margin:auto;inline-size:100%;max-inline-size:560px;max-block-size:100dvh;display:flex;flex-direction:column;background:var(--color-surface);box-shadow:var(--shadow-modal);overflow:hidden}.modal__form{display:flex;flex-direction:column;flex:1;min-block-size:0}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);border-block-end:1px solid var(--color-border-soft)}.modal__title{font-size:var(--text-lg);font-weight:700}.modal__close{display:inline-flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;font-size:1.25rem;color:var(--color-muted);background:none;border:0;border-radius:var(--radius-sm);cursor:pointer}.modal__close:hover{text-decoration:none;color:var(--color-text);background:var(--color-surface-3)}.modal__body{padding:var(--space-md);overflow-y:auto}.modal__footer{display:flex;gap:var(--space-sm);padding:var(--space-md);border-block-start:1px solid var(--color-border-soft)}.modal__footer .btn{flex:1}.modal__footer .btn--danger{flex:none;min-inline-size:8rem}@media (max-width: 40em){.modal__dialog{max-inline-size:none;min-block-size:100dvh}.modal__backdrop{display:none}}@media (min-width: 40em){.entry-form__datetime{grid-template-columns:1.3fr 1fr 1fr}.entry-form__date{grid-column:auto}.field__control--time{font-size:var(--text-base);font-weight:600}.entry-form__datetime .field__control,.entry-form__datetime .date-field__face{block-size:2.75rem;padding-block:0}.modal__dialog{border-radius:var(--radius-lg)}}}@layer utilities{.stack{display:flex;flex-direction:column;gap:var(--space-sm)}.stack--sm{gap:var(--space-2xs)}.stack--lg{gap:var(--space-md)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs)}.filter-shortcuts{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.filter-range{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-sm)}.auth{inline-size:100%;max-inline-size:22rem;margin-inline:auto}.muted{color:var(--color-muted)}.measure{max-inline-size:var(--measure)}}