:root{--base:#191724;--overlay:#403d52;--text:#e0def4;--muted:#908caa;--rose:#ebbcba;--love:#eb6f92;--iris:#c4a7e7;--gold:#f6c177;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--base);font-family:Geist Mono,ui-monospace,Menlo,monospace;font-size:16px;line-height:1.4}*{box-sizing:border-box}body{background:var(--base);margin:0}a{color:var(--rose);text-decoration:none}a:hover{color:var(--iris)}button,input{font:inherit;color:inherit}button{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}h1,.title-input{letter-spacing:-.01em;margin:0;font-size:30px;font-weight:700}.title-input{border:none;border-bottom:1px solid var(--overlay);background:0 0;outline:none;width:100%;padding:0 0 4px}.title-input:focus{border-bottom-color:var(--rose)}.title-input::placeholder,.muted{color:var(--muted)}.accent{color:var(--rose)}.danger{color:var(--love)}.text{color:var(--text)}.strong{font-weight:500}.faint{color:var(--overlay)}.struck{text-decoration:line-through}.screen{flex-direction:column;gap:30px;max-width:480px;min-height:100dvh;margin:0 auto;padding:60px 22px 100px;display:flex}.screen.login{padding-top:120px}.screen-header{flex-direction:column;gap:6px;display:flex}.bottom-nav{max-width:480px;padding:0 22px calc(26px + env(safe-area-inset-bottom));background:var(--base);margin:0 auto;font-size:15px;position:fixed;bottom:0;left:0;right:0}.bottom-nav nav{justify-content:space-between;display:flex}.bottom-nav nav a{height:48px;color:var(--muted);align-items:center;padding:0 6px;display:inline-flex}.bottom-nav nav div{gap:4px;display:flex}.bottom-nav nav div a:first-child{padding-left:0}.bottom-nav nav>a{padding-right:0}.bottom-nav nav a.active,.bottom-nav nav a.strong{color:var(--rose);font-weight:500}.bottom-nav .action{font-size:16px}.screen.with-top-bar{padding-top:calc(36px + .7em)}.top-bar{justify-content:space-between;align-items:center;display:flex}.top-bar>*{align-items:center;gap:12px;height:48px;display:flex}.form{flex-direction:column;gap:24px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--muted);font-size:14px}.prompt-input{align-items:center;gap:10px;height:48px;display:flex}.prompt-input input{background:0 0;border:none;outline:none;flex-grow:1;height:48px;padding:0;font-size:17px}.prompt-input input::placeholder{color:var(--muted)}.prompt-input.code{height:56px}.prompt-input.code input{letter-spacing:.3em;font-size:28px}.hint{color:var(--muted);font-size:13px}.action,.link{align-items:center;height:48px;display:flex}.action{color:var(--rose);font-weight:500}button:disabled{opacity:.5;cursor:default}.list{margin:0;padding:0;list-style:none}.list li{align-items:center;gap:10px;min-height:48px;display:flex}.tick{flex-shrink:0;width:48px;height:48px;font-size:18px;font-weight:500}.tick:disabled{opacity:1}.section{flex-direction:column;gap:4px;display:flex}.section h2{color:var(--muted);margin:0 0 6px;font-size:14px;font-weight:500}.section h2.danger{color:var(--love)}.section ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.section-loose,.section-loose ul{gap:10px}.section-loose h2{margin:0}.row{align-items:center;gap:10px;display:flex}.row-text{flex-direction:column;flex-grow:1;gap:2px;display:flex}.meta{color:var(--muted);font-size:13px}.all-done{flex-direction:column;gap:6px;display:flex}.row-link{min-height:48px;color:var(--text);flex-grow:1;align-items:center;gap:10px;display:flex}.filter{gap:4px;margin-left:-6px;display:flex}.filter button{height:48px;color:var(--muted);padding:0 6px;font-size:15px}.filter button.accent{color:var(--rose)}.log-entry{gap:12px;display:flex}.choices{flex-direction:column;display:flex}.choices-label{color:var(--muted);padding:0 0 4px;font-size:14px}.choice{height:40px;font-size:16px}.every{align-items:center;gap:4px;height:40px;display:flex}.stepper{text-align:center;width:40px;height:40px}.unit{height:40px;padding:0 4px}.weekday{text-align:center;width:32px;height:40px}.month-day{appearance:none;height:40px;font:inherit;-webkit-text-decoration:underline dotted var(--muted);text-decoration:underline dotted var(--muted);text-underline-offset:4px;background:0 0;border:none;padding:0 4px}.every-n{text-align:center;min-width:20px;font-weight:700}.edit-form{gap:22px}.edit-form .prompt-input,.edit-form .prompt-input input{height:40px}.prompt-input input[type=date]{min-width:0}.prompt-input input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6)}