@font-face{font-family:Troutt Typewriter;src:local(AmericanTypewriter-Bold),local(American Typewriter Bold);font-weight:700;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:"Troutt Typewriter", "AmericanTypewriter-Bold", "American Typewriter", "Courier New", ui-serif, serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--motion-press:.28s ease-in-out;--motion-remove:.35s ease-in-out;--motion-tasks:.42s ease-in-out;--motion-check:.22s ease-in-out;--content-max-width:680px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);background:#1a1a1a;margin:0;font-weight:700}button,input,textarea{font-family:inherit;font-weight:700}a{color:inherit}.troutt-theme{min-height:100svh;color:var(--text);font-family:var(--font);font-weight:700}.troutt-symbol{background-color:currentColor;flex-shrink:0;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.screen{min-height:100svh;position:relative;overflow:hidden}.screen-inner{z-index:1;flex-direction:column;min-height:100svh;padding:28px 20px 24px;display:flex;position:relative}.landing .screen-inner{padding:0 28px 28px}.neu-background{z-index:0;isolation:isolate;position:fixed;inset:0}.neu-clay,.neu-atmosphere{position:absolute;inset:0}.neu-clay{background:var(--clay)}.neu-atmosphere{background:linear-gradient(to bottom right, color-mix(in srgb, var(--primary) 70%, transparent), color-mix(in srgb, var(--primary) 42%, transparent), color-mix(in srgb, var(--secondary) 42%, transparent), color-mix(in srgb, var(--secondary) 70%, transparent));mix-blend-mode:soft-light}.neu-surface,.neu-button,.neu-input,.troutt-search,.floating-action-button{background-color:var(--clay);background-image:linear-gradient(to bottom right, color-mix(in srgb, var(--primary) 70%, transparent), color-mix(in srgb, var(--primary) 42%, transparent), color-mix(in srgb, var(--secondary) 42%, transparent), color-mix(in srgb, var(--secondary) 70%, transparent));background-blend-mode:soft-light;background-size:100vw 100vh;background-attachment:fixed}.neu-surface{isolation:isolate;border-radius:var(--radius);box-shadow:4.5px 4.5px 7px var(--shade), -3px -3px 5.5px var(--highlight);transition:box-shadow var(--motion-press)}.neu-pressed-content{transform-origin:50%;transition:transform var(--motion-press)}.neu-surface.is-inset{box-shadow:inset 2px 2px 3.5px color-mix(in srgb, var(--shade) 75%, transparent), inset -2px -2px 3px color-mix(in srgb, var(--highlight) 50%, transparent)}.neu-surface.is-inset>.neu-pressed-content{transform:scale(.975)}.neu-button{appearance:none;color:var(--text);cursor:pointer;box-shadow:4.5px 4.5px 7px var(--shade), -3px -3px 5.5px var(--highlight);transition:box-shadow var(--motion-press);border:0;justify-content:center;align-items:center;gap:10px;padding:14px 18px;display:inline-flex}.neu-button-label{transition:transform var(--motion-press);justify-content:center;align-items:center;gap:12px;display:inline-flex}.neu-button:hover:not(:disabled):not(.is-pressed) .neu-button-label,.neu-button:focus-visible:not(:disabled):not(.is-pressed) .neu-button-label{transform:scale(.99)}.neu-button:active,.neu-button.is-pressed{box-shadow:inset 2px 2px 3.5px color-mix(in srgb, var(--shade) 75%, transparent), inset -2px -2px 3px color-mix(in srgb, var(--highlight) 50%, transparent)}.neu-button:active .neu-button-label,.neu-button.is-pressed .neu-button-label{transform:scale(.975)}.neu-button:disabled{cursor:default}.neu-button.is-dimmed{opacity:.55}.neu-field{display:block}.neu-input{width:100%;color:var(--text);border-radius:var(--radius-sm);box-shadow:inset 2px 2px 3.5px color-mix(in srgb, var(--shade) 75%, transparent), inset -2px -2px 3px color-mix(in srgb, var(--highlight) 50%, transparent);border:0;outline:none;padding:12px 14px;font-size:17px;font-weight:700}.neu-input::placeholder{color:var(--muted)}.font-large-title{margin:0;font-size:34px;font-weight:700}.font-title{margin:0;font-size:28px;font-weight:700}.font-brand{color:var(--text);text-shadow:0 6px 10px #00000059,0 -1px 4px #ffffff2e;margin:0;font-size:52px;font-weight:700}.font-screen{color:var(--text);margin:0;font-size:40px;font-weight:700}.font-toolbar{color:var(--text);margin:0;font-size:32px;font-weight:700}.font-nav-description{color:var(--text);margin:0;font-size:30px;font-weight:700}.font-title2{color:var(--text);margin:0;font-size:22px;font-weight:700}.font-title3{color:var(--text);margin:0;font-size:20px;font-weight:700}.font-headline,.font-body{color:var(--text);margin:0;font-size:17px;font-weight:700}.font-callout{color:var(--text);margin:0;font-size:16px;font-weight:700}.font-subheadline,.font-meta{color:var(--text);margin:0;font-size:15px;font-weight:700}.font-footnote{margin:0;font-size:13px;font-weight:700}.font-caption{margin:0;font-size:12px;font-weight:700}.font-caption2{margin:0;font-size:11px;font-weight:700}.muted{color:var(--muted)}.meta{color:var(--meta)}.brand-mark{flex-direction:column;align-items:center;gap:16px;margin-top:72px;display:flex}.brand-mark.is-nav{flex-direction:row;margin-top:0}.brand-drop{background-color:var(--text);filter:drop-shadow(0 6px 10px #00000059)drop-shadow(0 -1px 4px #ffffff2e);display:block;-webkit-mask:url(/assets/water_drop.png) 50%/contain no-repeat;mask:url(/assets/water_drop.png) 50%/contain no-repeat}.landing{text-align:center}.landing .screen-inner{align-items:center}.landing-actions{flex-direction:column;align-items:center;gap:44px;margin-top:auto;display:flex}.login-hero-button{width:240px;padding:22px 18px}.landing-legal{flex-direction:column;gap:2px;margin-top:auto;padding-bottom:0;display:flex}.text-link{appearance:none;color:var(--link);cursor:pointer;background:0 0;border:0;padding:4px 16px;text-decoration:underline}.toolbar{padding:8px 8px 20px}.toolbar.is-centered{text-align:center}.login-inner,.home-inner{max-width:var(--content-max-width);width:100%;margin:0 auto;padding-bottom:24px;padding-left:20px;padding-right:20px}.home-inner{padding-bottom:12px}.workspace{overflow:hidden}.workspace-scroller{z-index:1;overscroll-behavior-x:contain;scrollbar-width:none;min-height:100svh;position:relative;overflow:hidden}.workspace-scroller::-webkit-scrollbar{display:none}.workspace-track{align-items:stretch;gap:var(--pane-gap,24px);width:max-content;min-height:100svh;padding-left:var(--track-pad-left,20px);padding-right:var(--track-pad-right,20px);display:flex}.workspace:not(.is-ready) .workspace-scroller{scroll-behavior:auto}.workspace-pane{flex:0 0 var(--pane-width,var(--content-max-width));width:var(--pane-width,var(--content-max-width));min-width:var(--pane-width,var(--content-max-width));min-height:100svh;position:relative;overflow:hidden}.workspace-pane.is-focused .workspace-pane-inner{opacity:1}.workspace-pane:not(.is-focused) .bottom-chrome{opacity:0;pointer-events:none}.workspace-pane-inner{opacity:.28;flex-direction:column;width:100%;min-height:100svh;max-height:100svh;padding:28px 20px 12px;transition:opacity .56s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden auto}@starting-style{.workspace-pane-inner{opacity:0}}.workspace:not(.is-ready) .workspace-pane-inner,.workspace:not(.is-ready) .workspace-pane:not(.is-focused) .bottom-chrome{transition:none}.chrome-search-slot{flex:1;align-items:flex-end;min-width:0;display:flex}.chrome-search-slot .fade-presence,.chrome-search-slot .troutt-search{width:100%}@media (prefers-reduced-motion:reduce){.workspace-pane-inner,.bottom-chrome{transition:none}}.login-stack{flex-direction:column;gap:20px;margin-top:12px;display:flex}.provider-button{justify-content:flex-start;width:100%;padding:14px 16px}.provider-button .neu-button-label{justify-content:flex-start;width:100%}.provider-symbol{flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.email-card{flex-direction:column;gap:14px;padding:14px 16px;display:flex}.email-heading{color:var(--text);align-items:center;gap:12px;display:flex}.email-form{flex-direction:column;gap:14px;display:flex}.password-field{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:12px 14px;display:flex}.password-field .neu-input{box-shadow:none;background:0 0;padding:0}.password-toggle{appearance:none;color:color-mix(in srgb, var(--text) 75%, transparent);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.floating-action-row{margin-top:auto;padding-top:24px}.floating-action-button{appearance:none;color:color-mix(in srgb, var(--text) 95%, transparent);cursor:pointer;box-shadow:4.5px 4.5px 7px var(--circle-shade), -3px -3px 5.5px var(--circle-highlight);transition:box-shadow var(--motion-press), transform var(--motion-press);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.floating-action-button.is-primary{background-color:color-mix(in srgb, var(--primary) 92%, transparent);background-image:none}.floating-action-button:active{transform:scale(.975)}.working-veil{background:#0000002e;position:absolute;inset:0}.troutt-alert{margin-top:8px;margin-bottom:12px}.troutt-alert>.neu-pressed-content{flex-direction:column;gap:14px;padding:16px;display:flex}.troutt-alert-actions{gap:12px;margin-top:10px;display:flex}.troutt-alert-action{flex:1;width:100%;min-width:0;padding:14px 12px}.alert-busy{border:2px solid color-mix(in srgb, var(--text) 35%, transparent);border-top-color:var(--text);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite alert-spin}@keyframes alert-spin{to{transform:rotate(360deg)}}.troutt-list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.troutt-list>li.is-entering{animation:list-insert var(--motion-remove)}@keyframes list-insert{0%{opacity:0}to{opacity:1}}.fade-presence{opacity:0;transition:opacity var(--fade-duration,.28s) ease-in-out}.fade-presence.is-visible{opacity:1}.troutt-row{padding:0}.troutt-row>.neu-pressed-content{padding:14px 16px}.element-row.is-fading{opacity:0;transition:opacity var(--motion-remove)}.troutt-row-body{flex-direction:column;gap:8px;display:flex}.cell-editor{resize:none;width:100%;color:inherit;font:inherit;background:0 0;border:0;outline:none;margin:0;padding:0;line-height:1.25;display:block;overflow:hidden}.cell-editor::placeholder{color:var(--muted)}.timestamp-footer{align-items:flex-end;gap:12px;padding-top:4px;display:flex}.timestamp-lines{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.timestamp-lines p{margin:0}.open-button,.pill-button{flex-shrink:0;padding:8px 14px}.neu-switch{appearance:none;cursor:pointer;background-color:var(--clay);background-image:linear-gradient(to bottom right, color-mix(in srgb, var(--primary) 70%, transparent), color-mix(in srgb, var(--primary) 42%, transparent), color-mix(in srgb, var(--secondary) 42%, transparent), color-mix(in srgb, var(--secondary) 70%, transparent));background-blend-mode:soft-light;width:50px;height:30px;box-shadow:inset 1.5px 1.5px 2px color-mix(in srgb, var(--shade) 35%, transparent), inset -1px -1px 2px color-mix(in srgb, var(--highlight) 45%, transparent);transition:background-color var(--motion-press), box-shadow var(--motion-press);background-size:100vw 100vh;background-attachment:fixed;border:0;border-radius:999px;flex-shrink:0;padding:0;display:block;position:relative}.neu-switch.is-on{background-color:color-mix(in srgb, var(--primary) 92%, transparent);box-shadow:none;background-image:none}.neu-switch-thumb{background-color:var(--clay);background-image:linear-gradient(to bottom right, color-mix(in srgb, var(--primary) 70%, transparent), color-mix(in srgb, var(--primary) 42%, transparent), color-mix(in srgb, var(--secondary) 42%, transparent), color-mix(in srgb, var(--secondary) 70%, transparent));background-blend-mode:soft-light;width:25px;height:25px;box-shadow:2px 2px 3.5px var(--shade), -1.5px -1.5px 2.5px var(--highlight);transition:transform var(--motion-press);background-size:100vw 100vh;background-attachment:fixed;border-radius:50%;position:absolute;top:2.5px;left:2.5px}.neu-switch.is-on .neu-switch-thumb{transform:translate(20px)}.priority-row{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.priority-bubbles{align-items:center;gap:4px;display:flex}.priority-bubble{background-color:var(--clay);background-image:linear-gradient(to bottom right, color-mix(in srgb, var(--primary) 70%, transparent), color-mix(in srgb, var(--primary) 42%, transparent), color-mix(in srgb, var(--secondary) 42%, transparent), color-mix(in srgb, var(--secondary) 70%, transparent));background-blend-mode:soft-light;width:24px;height:24px;box-shadow:inset .6px .6px 1.6px color-mix(in srgb, var(--shade) 80%, transparent), inset -.6px -.6px 1.4px color-mix(in srgb, var(--highlight) 55%, transparent);background-size:100vw 100vh;background-attachment:fixed;border-radius:50%}.priority-bubble.is-filled{box-shadow:none;background:#ffffffeb}.element-row-body,.element-main{flex-direction:column;gap:8px;min-width:0;display:flex}.nested-todos{flex-direction:column;padding-top:2px;display:flex}.nested-todo-slot{opacity:0;pointer-events:none;transition:grid-template-rows var(--motion-tasks), opacity var(--motion-tasks), margin-bottom var(--motion-tasks);grid-template-rows:0fr;margin-bottom:0;display:grid}.nested-todo-slot.is-revealed{opacity:1;pointer-events:auto;grid-template-rows:1fr}.nested-todo-slot.is-revealed.has-gap{margin-bottom:20px}.nested-todo-slot-inner{min-height:0;overflow:hidden}.nested-todo{appearance:none;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:0;display:flex}.todo-radio{background-color:var(--clay);background-image:linear-gradient(to bottom right, color-mix(in srgb, var(--primary) 70%, transparent), color-mix(in srgb, var(--primary) 42%, transparent), color-mix(in srgb, var(--secondary) 42%, transparent), color-mix(in srgb, var(--secondary) 70%, transparent));background-blend-mode:soft-light;width:22px;height:22px;box-shadow:inset .5px .5px 1.4px color-mix(in srgb, var(--shade) 75%, transparent), inset -.5px -.5px 1.2px color-mix(in srgb, var(--highlight) 50%, transparent);transition:background-color var(--motion-check), box-shadow var(--motion-check);background-size:100vw 100vh;background-attachment:fixed;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.todo-radio.is-checked{background:color-mix(in srgb, var(--primary) 92%, transparent);box-shadow:1px 1px 2px color-mix(in srgb, var(--shade) 35%, transparent);color:var(--text);background-image:none}.todo-radio-check{opacity:0;transition:opacity var(--motion-check), transform var(--motion-check);transform:scale(.4)}.todo-radio.is-checked .todo-radio-check{opacity:1;transform:scale(1)}.element-task-footer{flex-direction:column;align-items:flex-start;gap:18px;padding-top:20px;display:flex}.element-task-actions{align-items:center;gap:12px;width:100%;display:flex}.element-task-actions .floating-action-button,.new-task-field{margin-right:auto}.new-task-field{border-radius:var(--radius-sm);min-width:0;box-shadow:inset 2px 2px 3.5px color-mix(in srgb, var(--shade) 75%, transparent), inset -2px -2px 3px color-mix(in srgb, var(--highlight) 50%, transparent);flex:1;padding:10px 12px}.element-complete{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:12px;display:flex}.new-task-field,.element-task-actions .floating-action-button{animation:fade-swap var(--motion-press)}@keyframes fade-swap{0%{opacity:0}to{opacity:1}}.countdown-complete{appearance:none;color:var(--text);cursor:pointer;text-align:center;opacity:0;pointer-events:none;max-height:0;transition:max-height var(--motion-press), opacity var(--motion-press);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;text-decoration:underline;display:flex;overflow:hidden}.countdown-complete.is-visible{opacity:1;pointer-events:auto;max-height:72px}.countdown-time{font-variant-numeric:tabular-nums}.completed-todo-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.completed-todo-list li{align-items:baseline;gap:6px;display:flex}.completed-stamp{padding-top:4px}.floating-action-column{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.troutt-row-button{appearance:none;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:8px;width:100%;padding:0;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:320px;margin:auto;display:flex}.bottom-chrome{align-items:flex-end;gap:8px;margin-top:auto;padding-top:12px;transition:opacity .28s;display:flex;position:sticky;bottom:0}.troutt-search{border-radius:var(--radius);height:58px;box-shadow:4.5px 4.5px 7px var(--shade), -3px -3px 5.5px var(--highlight);transition:box-shadow var(--motion-press), transform var(--motion-press);flex:1;align-items:center;gap:10px;padding:0 16px;display:flex}.troutt-search.is-focused{box-shadow:inset 2px 2px 3.5px color-mix(in srgb, var(--shade) 75%, transparent), inset -2px -2px 3px color-mix(in srgb, var(--highlight) 50%, transparent);transform:scale(.975)}.search-leading-icon{color:var(--icon-soft)}.troutt-search-input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:17px;font-weight:700}.troutt-search-input::placeholder{color:var(--muted)}.search-clear{appearance:none;color:var(--icon-faint);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.detail-description{margin:0 8px 20px}.todo-list{margin:8px 0 0;padding-left:18px}.is-complete{opacity:.78;text-decoration:line-through}.troutt-meta{flex-direction:column;gap:2px;display:flex}.troutt-meta-priority{align-items:baseline;gap:6px;display:flex}.completed-section{flex-direction:column;gap:12px;display:flex}.troutt-list.is-compact{padding-bottom:0}.boot{color:#ffffffdb;min-height:100svh;font-family:var(--font);place-items:center;font-weight:700;display:grid}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}