:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-page:#f5f7f5;--color-surface:#fff;--color-toolbar:#ffffffd1;--color-text:#26343a;--color-text-secondary:#718080;--color-text-muted:#9aa5a1;--color-placeholder:#8b9894;--color-stamp:#899591;--color-accent:#6e9b80;--color-hover:#e8f0ea;--color-control-surface:#f2f5f2;--color-disabled:#bdc5c2;--color-overtime:#bd6a53;--color-on-strong:#f7faf7;--color-strong-hover:#3b4c51;--color-border:#26343a1f;--color-border-subtle:#26343a0e;--color-border-control:#26343a1a;--color-border-strong:#26343a33;--color-gutter-divider:var(--color-border);--color-segment-track:#26343a09;--color-selection:#6e9b8040;--color-shadow-soft:#26343a06;--color-shadow-control:#26343a17;--color-shadow-popover:#26343a24;--color-transparent:transparent;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Roboto Mono", ui-monospace, monospace;--font-size-micro:9px;--font-size-caption:10px;--font-size-control:11px;--font-size-mode:var(--font-size-control);--font-size-header-control:var(--font-size-control);--font-size-brand:14px;--font-size-body:14px;--font-size-title:15px;--font-size-editor:15px;--font-size-timer:16px;--font-size-stamp:11px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-emphasis:600;--font-weight-control:620;--font-weight-heading:650;--font-weight-brand:720;--line-height-body:1.5;--line-height-compact:1;--line-height-menu:1.4;--line-height-editor:24px;--letter-spacing-title:-.02em;--letter-spacing-brand:-.04em;--letter-spacing-timer:-.045em;--editor-tab-size:4;--space-px:1px;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-9:20px;--space-10:24px;--radius-input:4px;--radius-item:5px;--radius-control:6px;--radius-track:7px;--radius-group:8px;--radius-toolbar:9px;--radius-popover:10px;--radius-editor:11px;--radius-round:999px;--border-width:1px;--focus-width:2px;--focus-offset:3px;--shadow-surface:0 var(--space-1) var(--space-4) var(--color-shadow-soft);--shadow-editor:0 var(--space-1) var(--space-5) var(--color-shadow-soft);--shadow-control:0 var(--space-px) var(--focus-offset) var(--color-shadow-control);--shadow-popover:0 var(--space-7) 42px var(--color-shadow-popover);--motion-control:.16s;--menu-typeahead-timeout:.7s;--motion-reduced:.01ms;--opacity-disabled:.42;--control-height:30px;--control-height-compact:29px;--icon-button-size:28px;--transport-size:29px;--transport-hover-scale:1.06;--icon-size-small:14px;--icon-size:16px;--icon-size-transport:20px;--icon-stroke:1.45;--icon-stroke-strong:1.55;--chevron-size:11px;--chevron-stroke:1.4px;--check-size:13px;--check-radius:3px;--check-mark-width:3px;--check-mark-height:6px;--check-mark-rise:-60%;--popover-gap:var(--space-4);--popover-viewport-gutter:var(--space-8);--popover-max-height:320px;--popover-max-width-documents:280px;--popover-width-detail:210px;--popover-width-duration:320px;--popover-width-default:240px;--popover-enter-scale:.98;--check-slot-width:16px;--duration-input-width:75px;--duration-submit-width:42px;--z-header:2;--z-popover:10;--workspace-max-width:1040px;--workspace-inline-inset:64px;--workspace-min-height:340px;--workspace-top:56px;--workspace-bottom:var(--space-7);--header-height:49px;--document-toolbar-height:43px;--document-toolbar-gap:var(--space-7);--document-title-gap:var(--space-1);--title-edit-button-size:20px;--document-title-min-width:6ch;--document-title-max-width:min(40vw, 360px);--session-controls-height:36px;--session-controls-gap:var(--space-4);--session-controls-display:grid;--session-controls-wrap:nowrap;--session-controls-justify:normal;--session-readout-margin:0;--timer-controls-gap:var(--space-1);--document-action-label-display:inline;--new-document-width:auto;--new-document-padding-inline:var(--space-4);--editor-min-height:180px;--editor-padding-inline:15px;--editor-padding-start:var(--space-4);--editor-padding-top:9px;--editor-padding-bottom:var(--space-2);--editor-scroll-margin-bottom:0px;--editor-gutter-width:73px;--editor-gutter-gap:var(--space-8);--editor-gutter-divider-offset:calc(var(--editor-gutter-gap) / 2);--editor-mirror-visibility:visible;--editor-input-color:var(--color-transparent);--editor-selection-color:var(--color-transparent);--footer-height:20px;--footer-font-size:var(--font-size-caption);--timer-min-width:78px;--status-dot-size:var(--space-3);--brand-mark-width:var(--icon-size);--brand-bar-width:var(--space-2);--brand-bar-short:7px;--brand-bar-tall:var(--space-7);--brand-bar-middle:var(--space-5);--brand-bar-opacity-short:.65;--brand-bar-opacity-middle:.8}@media (width<=900px){:root{--workspace-max-width:760px;--workspace-inline-inset:40px;--session-controls-gap:var(--space-3)}}@media (width<=600px){:root{--workspace-inline-inset:32px;--workspace-top:52px;--workspace-bottom:var(--space-5);--header-height:45px;--document-toolbar-height:41px;--document-toolbar-gap:var(--space-3);--control-height-compact:27px;--transport-size:27px;--font-size-title:var(--font-size-body);--document-title-max-width:min(44vw, 260px);--font-size-mode:var(--font-size-caption);--font-size-timer:var(--font-size-body);--font-size-stamp:var(--font-size-caption);--editor-padding-inline:var(--space-5);--editor-padding-start:var(--space-2);--editor-gutter-gap:var(--space-7);--footer-height:19px;--footer-font-size:var(--font-size-micro);--timer-min-width:70px;--session-controls-display:flex;--session-controls-wrap:wrap;--session-controls-justify:space-between;--session-controls-gap:var(--space-4);--session-readout-margin:auto;--timer-controls-gap:var(--space-px);--document-action-label-display:none;--new-document-width:var(--control-height);--new-document-padding-inline:0}}@media (width<=360px){:root{--workspace-inline-inset:var(--space-10);--font-size-brand:13px;--font-size-header-control:var(--font-size-caption);--document-title-gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){:root{--motion-control:var(--motion-reduced)}}@media (forced-colors:active){:root{--color-page:Canvas;--color-surface:Canvas;--color-toolbar:Canvas;--color-text:CanvasText;--color-text-secondary:CanvasText;--color-text-muted:GrayText;--color-placeholder:GrayText;--color-stamp:CanvasText;--color-accent:Highlight;--color-hover:ButtonFace;--color-control-surface:ButtonFace;--color-disabled:GrayText;--color-overtime:CanvasText;--color-border:ButtonText;--color-border-subtle:ButtonText;--color-border-control:ButtonText;--color-border-strong:ButtonText;--color-selection:Highlight;--color-on-strong:HighlightText;--editor-mirror-visibility:hidden;--editor-input-color:var(--color-text);--editor-selection-color:var(--color-on-strong)}}.ui-button{justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--control-height);padding:0 var(--space-4);border-radius:var(--radius-control);background:var(--color-transparent);color:var(--color-text-secondary);font:var(--font-weight-control) var(--font-size-control)/var(--line-height-body) var(--font-sans);white-space:nowrap;cursor:pointer;transition:background var(--motion-control) ease, color var(--motion-control) ease;border:0;flex:none;display:inline-flex}.ui-button:hover:not(:disabled),.ui-button[data-state=open]:not(:disabled){background:var(--color-hover);color:var(--color-text)}.ui-button:disabled{color:var(--color-disabled);cursor:default}.ui-button--compact{min-height:var(--control-height-compact)}.ui-button--strong{background:var(--color-text);color:var(--color-on-strong)}.ui-button--strong:hover:not(:disabled){background:var(--color-strong-hover);color:var(--color-on-strong)}.ui-button--subtle{background:var(--color-control-surface);font-weight:var(--font-weight-medium)}.ui-icon-button{width:var(--icon-button-size);height:var(--icon-button-size);place-items:center;min-height:0;padding:0;display:inline-grid}.ui-icon-button>svg{width:var(--icon-size);height:var(--icon-size)}.ui-icon{width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}.ui-icon--small{width:var(--icon-size-small);height:var(--icon-size-small)}.ui-control-group{align-items:center;gap:var(--space-px);padding:var(--space-1);border:var(--border-width) solid var(--color-border-control);border-radius:var(--radius-group);display:inline-flex}.ui-segmented{align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-track);background:var(--color-segment-track);display:inline-flex}.ui-segmented>.ui-button{border-radius:var(--radius-item)}.ui-segmented>.ui-button[data-state=checked]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-control)}.ui-input{min-height:var(--control-height);padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-item);background:var(--color-surface);color:var(--color-text);font:var(--font-size-control) var(--font-mono)}.ui-surface{background:var(--color-surface);box-shadow:var(--shadow-surface)}.ui-surface--flat{background:var(--color-transparent);box-shadow:none}.ui-separator{background:var(--color-border);pointer-events:none;flex:none}.ui-separator--vertical{width:var(--border-width)}.ui-popover{z-index:var(--z-popover);width:min(var(--popover-width,var(--popover-width-default)), calc(100vw - 2 * var(--popover-viewport-gutter)));max-height:min(var(--radix-popover-content-available-height,var(--popover-max-height)), var(--popover-max-height));padding:var(--space-6);overscroll-behavior:contain;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-popover);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-popover);transform-origin:var(--radix-popover-content-transform-origin,var(--radix-dropdown-menu-content-transform-origin,center));animation:popover-enter var(--motion-control) ease-out;overflow:auto}.ui-popover[data-state=closed]{animation:none}.ui-popover-heading{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-control);font-weight:var(--font-weight-heading)}.ui-menu-list{gap:var(--space-1);display:grid}.ui-menu-item{align-items:center;gap:var(--space-4);width:100%;min-height:var(--control-height);padding:var(--space-3) var(--space-4);border-radius:var(--radius-item);background:var(--color-transparent);color:var(--color-text-secondary);text-align:left;font:var(--font-weight-medium) var(--font-size-control)/var(--line-height-menu) var(--font-sans);cursor:pointer;border:0;outline:none;display:flex;position:relative}.ui-menu-item[data-highlighted],.ui-menu-item[data-state=checked],.ui-menu-item[data-state=on]{background:var(--color-hover);color:var(--color-text)}.ui-menu-item[data-disabled]{opacity:var(--opacity-disabled);cursor:default}.ui-menu-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.ui-check-item{padding-left:calc(var(--space-4) + var(--check-slot-width))}.check-indicator{left:var(--space-4);width:var(--check-slot-width);height:var(--check-slot-width);color:var(--color-accent);place-items:center;display:grid;position:absolute}.check-indicator>svg{width:var(--icon-size-small);height:var(--icon-size-small);stroke-width:var(--icon-stroke-strong)}.ui-separator--horizontal{height:var(--border-width);margin:var(--space-3) 0}.ui-select-content{width:max-content;min-width:min(var(--radix-select-trigger-width), var(--popover-max-width-documents), calc(100vw - 2 * var(--popover-viewport-gutter)));max-width:min(var(--popover-max-width-documents), calc(100vw - 2 * var(--popover-viewport-gutter)))}.ui-select-option{cursor:default}.ui-select-option .ui-menu-label{flex:auto}.ui-select-option[data-highlighted]{background:var(--color-hover);color:var(--color-text)}.ui-select-trigger{justify-content:flex-start}.ui-select-chevron{align-items:center;margin-left:auto;display:inline-flex}.ui-select-chevron>svg{width:var(--chevron-size);height:var(--chevron-size);stroke-width:var(--chevron-stroke)}@keyframes popover-enter{0%{opacity:0;transform:scale(var(--popover-enter-scale))}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ui-popover{animation-duration:var(--motion-reduced)}}*{box-sizing:border-box}html{background:var(--color-page);min-height:100%}body{min-height:100vh;color:var(--color-text);background:var(--color-page);font:var(--font-size-body)/var(--line-height-body) var(--font-sans);flex-direction:column;margin:0;display:flex}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:var(--focus-width) solid var(--color-accent);outline-offset:var(--focus-offset)}[hidden]{display:none!important}.visually-hidden{width:var(--space-px)!important;height:var(--space-px)!important;margin:calc(-1 * var(--space-px))!important;clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-header{z-index:var(--z-header);justify-content:space-between;align-items:center;gap:var(--space-8);width:min(var(--workspace-max-width), calc(100% - var(--workspace-inline-inset)));height:var(--header-height);margin:0 auto;display:flex;position:absolute;inset:0 0 auto}.brand{align-items:center;gap:var(--space-4);width:fit-content;font-size:var(--font-size-brand);font-weight:var(--font-weight-brand);letter-spacing:var(--letter-spacing-brand);display:inline-flex}.brand-icon{width:var(--brand-mark-width);height:var(--brand-mark-width);color:var(--color-accent);stroke-width:2.5px}.header-actions{align-items:center;gap:var(--space-2);display:flex}.header-actions .ui-button{font-size:var(--font-size-header-control)}.workspace{width:min(var(--workspace-max-width), calc(100% - var(--workspace-inline-inset)));height:100dvh;min-height:var(--workspace-min-height);padding:var(--workspace-top) 0 var(--workspace-bottom);flex-direction:column;flex:auto;margin:0 auto;display:flex}.note-heading{justify-content:space-between;align-items:center;gap:var(--document-toolbar-gap);min-height:var(--document-toolbar-height);margin:0 0 var(--space-5);padding:var(--space-2) 0;flex:none;display:flex}.document-title{align-items:center;gap:var(--document-title-gap);flex:0 auto;min-width:0;display:flex;position:relative}.note-title{width:var(--document-title-input-width,auto);min-width:var(--document-title-min-width);max-width:var(--document-title-max-width);padding:0 var(--space-px);border-radius:var(--radius-input);background:var(--color-transparent);color:var(--color-text);font-size:var(--font-size-title);font-weight:var(--font-weight-control);letter-spacing:var(--letter-spacing-title);text-overflow:ellipsis;border:0;overflow:hidden}.note-title-measure{visibility:hidden;white-space:pre;pointer-events:none;width:max-content;color:var(--color-text);font-size:var(--font-size-title);font-weight:var(--font-weight-control);letter-spacing:var(--letter-spacing-title);position:absolute;top:0;left:0}.note-title::placeholder{color:var(--color-placeholder);font-weight:var(--font-weight-medium)}.note-title:focus-visible{outline-offset:0}.edit-title-button{flex:0 0 var(--title-edit-button-size);width:var(--title-edit-button-size);height:var(--title-edit-button-size)}.document-actions{flex:none;align-items:center;display:inline-flex}.note-picker{gap:var(--space-3)}.new-note-button{width:var(--new-document-width);padding-inline:var(--new-document-padding-inline);border-radius:var(--radius-item)}.new-note-label{display:var(--document-action-label-display)}.session-panel{margin:0 0 var(--space-5);padding:var(--space-2) var(--space-4);border-radius:var(--radius-toolbar);flex:none}.controls-main{display:var(--session-controls-display);flex-wrap:var(--session-controls-wrap);justify-content:var(--session-controls-justify);align-items:center;gap:var(--session-controls-gap);min-height:var(--session-controls-height);grid-template-columns:max-content minmax(0,1fr) max-content}.segmented-option{font-size:var(--font-size-mode)}.timer-controls,.clock-display{align-items:center;display:flex}.timer-controls{justify-self:start;gap:var(--timer-controls-gap);margin-left:var(--session-readout-margin)}.clock-display,.detail-menu{margin-left:var(--session-readout-margin)}.clock-display{color:var(--color-text-secondary);font:var(--font-weight-emphasis) var(--font-size-timer)/var(--line-height-compact) var(--font-mono);font-variant-numeric:tabular-nums}.transport-button,.reset-button{width:var(--transport-size);height:var(--transport-size)}.transport-button>svg{width:var(--icon-size-transport);height:var(--icon-size-transport);fill:currentColor}.transport-button:hover:not(:disabled)>svg{transform:scale(var(--transport-hover-scale))}.reset-button svg{stroke-width:var(--icon-stroke-strong)}.timer-trigger{gap:var(--space-3);color:var(--color-text)}.timer-readout{min-width:var(--timer-min-width);font:var(--font-weight-emphasis) var(--font-size-timer)/var(--line-height-compact) var(--font-mono);letter-spacing:var(--letter-spacing-timer);font-variant-numeric:tabular-nums}.timer-readout.is-overtime{color:var(--color-overtime)}.timer-settings-icon{color:var(--color-accent)}.duration-popover{--popover-width:var(--popover-width-duration)}.duration-presets{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.custom-duration-form{grid-template-columns:1fr var(--duration-input-width) var(--duration-submit-width);align-items:center;gap:var(--space-3);margin-top:var(--space-5);display:grid}.custom-duration-form label{color:var(--color-text-secondary);font-size:var(--font-size-control)}.custom-duration-form .ui-input{width:var(--duration-input-width);min-width:0}.detail-menu{justify-self:end}.detail-trigger{gap:var(--space-3);font:var(--font-weight-emphasis) var(--font-size-control)/var(--line-height-compact) var(--font-mono);font-variant-numeric:tabular-nums}.ui-chevron-icon{width:var(--chevron-size);height:var(--chevron-size);stroke-width:var(--chevron-stroke)}.detail-popover{--popover-width:var(--popover-width-detail)}.note-card{min-height:var(--editor-min-height);padding-block:var(--editor-padding-top) var(--editor-padding-bottom);padding-inline:var(--editor-padding-start) var(--editor-padding-inline);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-editor);box-shadow:var(--shadow-editor);flex-direction:column;flex:auto;display:flex;overflow:hidden}.editor-scroll{--stamp-width:var(--editor-gutter-width);--stamp-gap:var(--editor-gutter-gap);--text-inset:calc(var(--stamp-width) + var(--stamp-gap));min-height:0;margin:var(--space-3) 0 var(--editor-scroll-margin-bottom);flex:auto;position:relative;overflow:hidden}.note-editor{pointer-events:none;width:100%;position:absolute;inset:0}.timestamp-divider{inset-block:0;left:calc(var(--stamp-width) + var(--editor-gutter-divider-offset));position:absolute}.note-row{grid-template-columns:var(--stamp-width) minmax(0, 1fr);column-gap:var(--stamp-gap);align-items:baseline;min-width:0;display:grid}.line-text,.note-input{font:var(--font-weight-regular) var(--font-size-editor)/var(--line-height-editor) var(--font-sans);letter-spacing:normal;tab-size:var(--editor-tab-size);white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}.line-text{min-width:0;visibility:var(--editor-mirror-visibility)}.line-stamp{color:var(--color-stamp);font:var(--font-weight-medium) var(--font-size-stamp)/var(--line-height-compact) var(--font-mono);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.line-stamp.is-clock{color:var(--color-accent)}.line-stamp.is-overtime{color:var(--color-overtime)}.note-input{inset:0 0 0 var(--text-inset);background:var(--color-transparent);width:auto;height:100%;color:var(--editor-input-color);caret-color:var(--color-text);resize:none;scrollbar-gutter:stable;border:0;border-radius:0;outline:none;margin:0;padding:0;display:block;position:absolute;overflow:hidden scroll}.note-input:focus-visible{outline:none}.note-input::placeholder{color:var(--color-placeholder);opacity:1}.note-input::selection{background:var(--color-selection);color:var(--editor-selection-color)}.note-footer{justify-content:space-between;align-items:center;gap:var(--space-6);min-height:var(--footer-height);color:var(--color-text-muted);font-size:var(--footer-font-size);flex:none;display:flex;position:relative}.note-footer:before{top:0;bottom:0;left:calc(var(--space-3) + var(--editor-gutter-width) + var(--editor-gutter-divider-offset));width:var(--border-width);background:var(--color-gutter-divider);content:"";pointer-events:none;position:absolute}.save-state{align-items:center;gap:var(--space-3);display:inline-flex}.local-indicator{width:var(--status-dot-size);height:var(--status-dot-size);border-radius:var(--radius-round);background:var(--color-accent)}.file-error{margin:var(--space-3) 0 0;color:var(--color-overtime);font-size:var(--font-size-control)}