:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh;overflow-x:hidden;padding-top:env(safe-area-inset-top,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0)}input,select,textarea{font-size:16px}.avoidZoom{font-size:17px}html{-webkit-text-size-adjust:100%}.btn3d{box-shadow:0 6px 12px #00000040,0 2px 3px #00000026;transform:translateY(0);transition:box-shadow .14s ease,transform .14s ease;will-change:transform,box-shadow;-webkit-tap-highlight-color:transparent}.btn3d-pressed,.btn3d:active{box-shadow:none;transform:translateY(3px)}.btn-glass{position:relative;background-color:color-mix(in srgb,var(--btn-color, #666) 22%,transparent);border:1px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);transition:background-color .16s ease,border-color .16s ease}.btn-glass:before{content:"";position:absolute;inset:0 0 45%;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff4d,#ffffff1a 35%,#fff0)}.btn-glass:focus-visible{outline:2px solid color-mix(in srgb,var(--btn-color, #999) 60%,#ffffff 40%);outline-offset:2px}@media(prefers-reduced-motion:reduce){.btn3d{transition:none}}input[type=checkbox],input[type=radio]{accent-color:#ffb616}.timeField{height:44px;line-height:44px;padding:0 8px;box-sizing:border-box;-webkit-appearance:none;appearance:none}.timeField::-webkit-datetime-edit,.timeField::-webkit-datetime-edit-fields-wrapper,.timeField::-webkit-datetime-edit-hour-field,.timeField::-webkit-datetime-edit-minute-field,.timeField::-webkit-datetime-edit-ampm-field,.timeField::-webkit-datetime-edit-text{padding:0}.timeField::-webkit-calendar-picker-indicator{margin:0;padding:0}.pickField{height:45px;line-height:45px;padding:0 8px;box-sizing:border-box;-webkit-appearance:none;appearance:none}.pickField::-webkit-calendar-picker-indicator,.pickField::-webkit-datetime-edit,.pickField::-webkit-datetime-edit-fields-wrapper{margin:0;padding:0}@keyframes pulseOpacity{0%{opacity:1}to{opacity:.5}}.pulse{animation:pulseOpacity .25s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){.pulse{animation:none}}.ampm{opacity:.5}.logsRow{display:grid;grid-template-areas:"day . start . stop . total";grid-template-columns:auto 5px 8ch 15px 8ch 8px 6ch;align-items:center;gap:0}.cellDay{grid-area:day}.cellNotes{grid-area:notes}.cellStart{grid-area:start;text-align:center;white-space:nowrap}.cellStop{grid-area:stop;text-align:center;white-space:nowrap}.cellTotal{grid-area:total;text-align:right;white-space:nowrap}.cellNotes{display:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.8}@media(orientation:landscape){.logsWide{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:16px;padding-right:16px;box-sizing:border-box}.logsRow{grid-template-areas:"day . notes . start . stop . total";grid-template-columns:minmax(9ch,auto) 16px minmax(0,1fr) 18px 8ch 16px 8ch 32px 6ch;gap:0}.cellNotes{display:block}}.logsRow.total{grid-template-columns:1fr}.logsRow .totalCell{grid-column:1 / -1;padding:6px 8px;border-left:3px solid #ffb616;background:#ffffff0f;font-weight:700;color:#fff;border-radius:6px}.totalInner{display:grid;grid-template-columns:auto 1fr 6ch;align-items:center;gap:8px}.totalInner .totalCenter{text-align:center}.totalInner .totalRight{text-align:right;font-variant-numeric:tabular-nums}@keyframes flashRowBg{0%{background:#ffb61652}to{background:transparent}}.flash-highlight{animation:flashRowBg 1.2s ease-in-out 1}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;margin:0 auto;padding:0;text-align:initial;box-sizing:border-box}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}