:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fff;--surface:#fff;--surface-strong:#fff;--ink:#050505;--muted:#626262;--line:#d7d7d7;--button:#050505;--button-hover:#1a1a1a;--button-active:#2b2b2b;--subtle:#f5f5f5;--subtle-hover:#f8f8f8;--subtle-active:#eee;--danger:#b42318;--danger-hover:#8f1d14;--danger-subtle:#fff1f0;--warning:#9a6700;--warning-hover:#7a4f00;--warning-subtle:#fff7df;background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:var(--page);margin:0}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;padding:max(.85rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.tracker-panel{flex-direction:column;gap:1rem;width:min(100%,42rem);margin:0 auto;display:flex}.tracker-panel--running{height:calc(100dvh - max(.85rem, env(safe-area-inset-top)) - max(1.25rem, env(safe-area-inset-bottom)));min-height:0;overflow:hidden}.app-header{justify-content:space-between;align-items:center;gap:1rem;padding:.1rem 0 0;display:flex}.app-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:center;padding:.7rem 0 0;font-size:.72rem;font-weight:750;display:flex}.header-actions,.menu-wrap{align-items:center;gap:.5rem;display:flex;position:relative}.menu-button,.home-button{border:1px solid var(--line);background:var(--surface);min-height:2.35rem;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;width:2.35rem;padding:0;font-size:.78rem;font-weight:850;line-height:1;text-decoration:none;display:inline-flex}.menu-icon,.home-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:1rem;height:1rem}.menu-popover{z-index:30;border:1px solid var(--ink);background:var(--surface);border-radius:8px;width:min(18rem,100vw - 2rem);display:grid;position:absolute;top:calc(100% + .45rem);right:0;overflow:hidden;box-shadow:0 1rem 2rem #0505051a}.menu-link{border-bottom:1px solid var(--line);min-height:2.85rem;color:var(--ink);justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem .85rem;font-size:.88rem;font-weight:850;text-decoration:none;display:flex}.menu-link.router-link-active{background:var(--subtle)}h1,h2,p{margin:0}h1{color:#424242;letter-spacing:0;font-size:1rem;font-weight:800;line-height:1.1}h2{color:#3f3f3f;letter-spacing:0;font-size:.88rem;font-weight:800}.app-heading,.app-text{letter-spacing:0;overflow-wrap:anywhere;margin:0}.app-heading--page{color:#424242;font-size:1rem;font-weight:800;line-height:1.1}.app-heading--section{color:#3f3f3f;font-size:.88rem;font-weight:800;line-height:1.2}.app-heading--subsection{color:var(--ink);font-size:.82rem;font-weight:850;line-height:1.2}.app-heading--tone-muted{color:var(--muted)}.app-text--body{color:var(--ink);line-height:1.45}.app-text--eyebrow,.eyebrow{color:#8a8a8a;letter-spacing:0;text-transform:uppercase;margin:0 0 .15rem;font-size:.68rem;font-weight:750}.app-text--label{color:var(--muted);font-size:.9rem;font-weight:700}.app-text--meta{color:var(--muted);font-size:.88rem;font-weight:750}.app-text--caption{color:var(--muted);font-size:.72rem;font-weight:800}.app-text--title{color:var(--ink);font-size:1.22rem;font-weight:900;line-height:1.15;display:block}.app-text--value{color:var(--ink);font-size:.82rem;font-weight:850}.app-text--field{color:var(--ink);font-size:1rem;font-weight:850;line-height:1.15}.app-text--timer{color:var(--ink);font-size:clamp(4.4rem,23vw,7rem);line-height:.95}.app-text--tone-muted{color:var(--muted)}.app-text--tone-subtle{color:#8a8a8a}.app-text--tone-danger{color:var(--danger)}.app-heading--align-center,.app-text--align-center{text-align:center}.app-heading--align-end,.app-text--align-end{text-align:right}.app-text--numeric{font-variant-numeric:tabular-nums}.app-text--truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-badge{background:var(--subtle);min-height:1.35rem;color:var(--ink);border:1px solid #0000;border-radius:999px;place-items:center;padding:.16rem .55rem;font-size:.72rem;font-weight:850;line-height:1;display:inline-grid}.app-badge--count{min-width:2rem;height:2rem;padding:0}.app-badge--success{color:#31523b;text-transform:uppercase;background:#fff;border-color:#b7cbbd}.app-badge--numeric{font-variant-numeric:tabular-nums}.active-event,.start-panel,.event-summary,.event-edit-section,.log-section,.history-section,.about-section,.settings-section{border:1px solid var(--line);background:var(--surface);box-shadow:none;border-radius:8px}.active-event{overflow:hidden}.home-active-event{display:grid}.about-section,.settings-section{display:grid;overflow:hidden}.about-copy{gap:.8rem;padding:1rem;display:grid}.about-copy .app-text--body{line-height:1.5}.about-copy a{color:var(--ink);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.2rem;font-weight:850}.about-copy a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.tracker-panel--running .active-event{z-index:10;flex:none}.timer-block{background:var(--surface-strong);border-bottom:1px solid var(--line);gap:.35rem;padding:1.25rem;display:grid}.timer-label,.running-timestamp,.started-at{color:var(--muted);font-weight:700}.timer-label,.started-at{font-size:.9rem}.running-timestamp{font-variant-numeric:tabular-nums;font-size:.82rem}.timer-value{color:var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:clamp(4.4rem,23vw,7rem);line-height:.95}.event-actions{padding:1rem;display:grid}.home-active-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.home-active-actions .confirmation-actions,.home-active-open{grid-column:1/-1}.active-event-label{font-weight:850}label{color:var(--muted);font-size:.86rem;font-weight:800}textarea{resize:vertical;width:100%;min-height:6rem}.text-input,textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;max-width:100%;color:var(--ink);border-radius:8px;outline:none;padding:.9rem 1rem;font-size:16px}.text-input{min-height:3.35rem}.manual-clock-input{appearance:none;min-width:0;max-width:100%;display:block}.text-input:focus,textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--subtle)}.elapsed-fields{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;min-width:0;margin:0;padding:0;display:grid}.elapsed-fields legend{color:var(--muted);grid-column:1/-1;margin:0 0 .1rem;padding:0;font-size:.86rem;font-weight:800}.elapsed-field{gap:.35rem;min-width:0;display:grid}.stepper-field{grid-template-rows:2.35rem minmax(3.35rem,auto) 2.35rem;gap:.35rem;display:grid}.stepper-button{border:1px solid var(--line);background:var(--surface);min-height:2.35rem;color:var(--ink);font-size:1.2rem;line-height:1}.elapsed-input{text-align:center;font-variant-numeric:tabular-nums;min-width:0;padding-left:.35rem;padding-right:.35rem}.action-grid{grid-template-columns:minmax(0,1fr) minmax(5.75rem,auto);gap:.75rem;display:grid}button{cursor:pointer;touch-action:manipulation;border:0;border-radius:8px;min-height:3.35rem;font-weight:850;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s,transform 80ms}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 .35rem .8rem #05050514}button:not(:disabled):active{box-shadow:none;transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.62}.primary-action,.start-button{background:var(--button);color:#fff}.primary-action:not(:disabled):hover,.start-button:not(:disabled):hover{background:var(--button-hover)}.primary-action:active,.start-button:active{background:var(--button-active)}.secondary-action{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.secondary-action:not(:disabled):hover,.text-action:not(:disabled):hover,.menu-button:not(:disabled):hover,.home-button:hover{border-color:var(--ink);background:var(--subtle-hover)}.secondary-action:not(:disabled):active,.text-action:not(:disabled):active,.menu-button:not(:disabled):active,.home-button:active{background:var(--subtle-active)}.confirm-action{border-color:var(--ink);background:var(--ink);color:var(--surface)}.confirm-action:not(:disabled):hover{background:var(--button-hover)}.secondary-action.danger-action,.text-action.danger-action{color:var(--danger);border-color:#efb8b2}.secondary-action.danger-action:not(:disabled):hover,.text-action.danger-action:not(:disabled):hover{border-color:var(--danger);background:var(--danger-subtle)}.confirm-action.danger-action{border-color:var(--danger);background:var(--danger);color:#fff}.confirm-action.danger-action:not(:disabled):hover{background:var(--danger-hover)}.secondary-action.warning-action,.text-action.warning-action{color:var(--warning);border-color:#e4c36a}.secondary-action.warning-action:not(:disabled):hover,.text-action.warning-action:not(:disabled):hover{border-color:var(--warning);background:var(--warning-subtle)}.confirm-action.warning-action{border-color:var(--warning);background:var(--warning);color:#fff}.confirm-action.warning-action:not(:disabled):hover{background:var(--warning-hover)}.confirmation-actions{grid-template-columns:repeat(2,minmax(5.25rem,1fr));gap:.5rem;min-width:11rem;display:grid}.confirmation-actions--compact{grid-template-columns:repeat(2,minmax(4.75rem,1fr));min-width:10rem}.confirmation-actions--full{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.start-panel{align-content:center;gap:1.25rem;min-height:56vh;padding:1rem;display:grid}.watch-time{text-align:center;gap:.5rem;display:grid}.watch-time span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.watch-time strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,12vw,4.75rem);font-weight:850;line-height:1}.start-button{width:100%;min-height:8rem;font-size:1.55rem}.event-summary{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0;display:grid;overflow:hidden}.summary-heading{gap:.3rem;min-width:0;padding:1rem 0 1rem 1rem;display:grid}.summary-data{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.summary-data-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-content:start;gap:.25rem;min-width:0;padding:.85rem 1rem;display:grid}.summary-data-item:nth-child(2n),.summary-data-item:last-child{border-right:0}.summary-data-item:nth-last-child(-n+2){border-bottom:0}.summary-data dt,.point-data dt{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.68rem;font-weight:800}.summary-data dd,.point-data dd{margin:0}.event-edit-section{display:grid;overflow:hidden}.event-edit-body{gap:.85rem;padding:1rem;display:grid}.summary-meta{justify-items:end;gap:.75rem;display:grid}.summary-meta span{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:800}.summary-actions{justify-content:flex-end;gap:.5rem;padding:1rem 1rem 1rem 0;display:flex}.danger-action{color:var(--danger)}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.heading-actions{align-items:center;gap:.5rem;display:flex}.section-heading>span,.section-heading .app-badge--count{background:var(--subtle);min-width:2rem;height:2rem;color:var(--ink);border-radius:999px;place-items:center;font-weight:850;display:inline-grid}.point-list,.history-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.log-section--running{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.log-section--running .point-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.log-section--running .point-list:before{content:"";margin-top:auto}.point-item{border-bottom:1px solid var(--line);grid-template-columns:2.35rem minmax(0,1fr);gap:.8rem;padding:.95rem 1rem;display:grid;position:relative}.point-item--log:after{content:"";background:var(--line);width:1px;position:absolute;top:2.85rem;bottom:-.55rem;left:2.175rem}.point-item--last-log:after{display:none}.point-marker{z-index:1;border:1px solid var(--ink);background:var(--surface);width:2.35rem;height:2.35rem;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:999px;align-self:start;place-items:center;font-size:.72rem;font-weight:850;line-height:1;display:inline-grid;position:relative}.point-content{min-width:0}.point-manual-list{gap:.6rem;margin-top:.75rem;display:grid}.point-item--manual{border:1px solid var(--line);background:#f6faf7;border-left:4px solid #6f8f7b;border-radius:8px;grid-template-columns:minmax(0,1fr);gap:.55rem;margin:.65rem 1rem .65rem 2.25rem;padding:.85rem;display:grid}.point-manual-card{margin:0}.point-item--manual+.point-item--manual{margin-top:0}.history-item{border-bottom:1px solid var(--line);background:var(--surface);width:100%;min-height:auto;color:var(--ink);text-align:left;border-top:0;border-left:0;border-right:0;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 2.25rem .95rem 1rem;display:flex;position:relative}.history-primary{gap:.25rem;min-width:0;display:grid}.history-item:after{content:"";border-top:2px solid var(--muted);border-right:2px solid var(--muted);width:.45rem;height:.45rem;transition:border-color .14s,transform .14s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)rotate(45deg)}.history-item:not(:disabled):hover{background:var(--subtle-hover);box-shadow:inset 3px 0 0 var(--ink);transform:none}.history-item:not(:disabled):hover:after{border-color:var(--ink);transform:translate(.15rem,-50%)rotate(45deg)}.history-item:not(:disabled):active{background:var(--subtle-active);box-shadow:inset 3px 0 0 var(--ink);transform:translateY(1px)}.event-list-item small,.event-list-item .app-badge{color:var(--ink);margin-left:.35rem;font-size:.72rem;font-weight:850;display:inline-block}.point-item:last-child,.history-item:last-child{border-bottom:0}.point-item--manual:last-child{border-bottom:1px solid var(--line)}.point-time{justify-content:space-between;align-items:baseline;gap:1rem;margin:0;display:flex}.point-item--manual .point-time{justify-content:flex-start;gap:.65rem}.point-time--labeled{grid-template-columns:repeat(2,minmax(5.5rem,max-content)) auto;justify-content:start;gap:.85rem;display:grid}.point-data{gap:.12rem;min-width:0;display:grid}.point-time>strong,.history-item>strong{font-variant-numeric:tabular-nums}.point-time>span,.history-item>span{color:var(--muted);font-size:.88rem}.point-time em,.point-time .app-badge--success{color:#31523b;letter-spacing:0;text-transform:uppercase;background:#fff;border:1px solid #b7cbbd;border-radius:999px;padding:.16rem .42rem;font-size:.68rem;font-style:normal;font-weight:850}.history-item>strong{background:var(--subtle);color:var(--ink);border-radius:999px;padding:.2rem .55rem;font-size:.82rem}.settings-toggle-row{border-bottom:1px solid var(--line);background:var(--surface);width:100%;min-height:3.85rem;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.settings-list li:last-child .settings-toggle-row{border-bottom:0}.settings-toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-switch{border:1px solid var(--line);background:var(--subtle-active);border-radius:999px;flex:none;width:3.1rem;height:1.7rem;transition:background-color .14s,border-color .14s;position:relative}.toggle-switch:after{content:"";background:var(--surface);border-radius:999px;width:1.25rem;height:1.25rem;transition:transform .14s;position:absolute;top:.17rem;left:.17rem;box-shadow:0 .12rem .35rem #05050529}.settings-toggle-row input:checked+.toggle-switch{border-color:var(--ink);background:var(--ink)}.settings-toggle-row input:checked+.toggle-switch:after{transform:translate(1.4rem)}.settings-toggle-row input:focus-visible+.toggle-switch{box-shadow:0 0 0 3px var(--subtle)}.settings-toggle-row:hover{background:var(--subtle-hover)}.point-item p{color:var(--ink);overflow-wrap:anywhere;margin-top:.55rem;line-height:1.45}.text-action{border:1px solid var(--line);background:var(--surface);min-height:2.25rem;color:var(--ink);margin-top:.65rem;padding:0 .75rem;font-size:.82rem}.inline-action{min-height:2rem;margin-top:0}.compact-action{min-height:2.35rem;padding:0 .8rem}.empty-state,.error-message{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;padding:1rem;font-weight:700}.empty-row{color:var(--muted);padding:1rem;font-weight:700}.error-message{border-color:var(--ink);background:var(--subtle);color:var(--ink)}.drawer-backdrop{z-index:40;background:#05050538;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}.note-drawer{border:1px solid var(--line);background:var(--surface);border-radius:8px 8px 0 0;gap:.8rem;width:min(100%,42rem);margin:0 auto;padding:1rem;display:grid}.mode-tabs{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;gap:.35rem;padding:.25rem;display:grid}.mode-tab{background:var(--surface);min-height:2.55rem;color:var(--muted);font-size:.84rem}.mode-tab.active{background:var(--ink);color:var(--surface)}.drawer-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.time-context{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;display:grid}.time-context div,.time-preview{border:1px solid var(--line);background:var(--subtle);border-radius:8px;align-content:start;gap:.3rem;padding:.75rem;display:grid}.time-context dt{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.time-context dd{margin:0}.time-mode-label{margin-bottom:-.45rem}.time-preview{background:var(--surface)}.time-preview .app-text--field{font-size:.95rem}.drawer-actions{grid-template-columns:1fr 5.75rem;gap:.75rem;display:grid}.drawer-actions--note{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-actions--event{grid-template-columns:repeat(3,minmax(0,1fr))}.drawer-actions--with-delete{grid-template-columns:1fr 1fr}.drawer-actions--note.drawer-actions--with-delete{grid-template-columns:repeat(3,minmax(0,1fr))}.drawer-actions--with-delete>.danger-action{grid-column:1/-1}.drawer-actions--note.drawer-actions--with-delete>.danger-action{grid-column:auto}.validation-message{color:var(--muted);font-size:.86rem;font-weight:750}@media (width>=720px){.app-shell{padding-top:2rem}.tracker-panel{gap:1.25rem}.tracker-panel--running{height:calc(100dvh - 2rem - max(1.25rem, env(safe-area-inset-bottom)))}.active-event,.start-panel,.event-summary,.event-edit-section,.log-section,.history-section{border-radius:8px}.summary-data{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-data-item,.summary-data-item:nth-child(2n){border-right:1px solid var(--line);border-bottom:0}.summary-data-item:last-child{border-right:0}}