:root{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202020;background:#f6f6f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface: #fff;--ink: #202020;--muted: #a0a0a0;--soft: #777;--line: #eeeeee}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid #777;outline-offset:3px}.page-shell{min-height:100vh;padding:42px 24px}.app-surface{max-width:720px;min-height:min(840px,calc(100vh - 84px));margin:0 auto;padding:30px 54px 90px;border:1px solid #eeeeee;border-radius:19px;background:var(--surface);box-shadow:0 14px 48px #00000009}.topbar{display:flex;align-items:center;justify-content:space-between;height:30px}.wordmark{font-size:13px;font-weight:700;letter-spacing:-.025em;color:#747474}.icon-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:8px;border-radius:8px;color:#777;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.icon-button:hover:not(:disabled){background:#f5f5f5;color:#202020}.icon-button:disabled{color:#d4d4d4;cursor:default}.menu-container{position:relative}.menu{position:absolute;right:0;top:44px;z-index:12;width:206px;padding:7px;border:1px solid #ededed;border-radius:12px;background:#fff;box-shadow:0 15px 35px #00000014}.menu-note{margin:7px 10px 8px;color:#969696;font-size:11px}.menu button{width:100%;display:flex;gap:10px;align-items:center;padding:11px 10px;border:none;border-radius:7px;background:transparent;color:#333;text-align:left;font-size:12px;cursor:pointer}.menu button:hover{background:#f6f6f6}.date-nav{margin-top:57px;display:flex;align-items:center;justify-content:space-between;gap:18px}.date-heading{min-width:0;text-align:center;flex:1}.date-heading h1{margin:0;font-size:clamp(19px,3.4vw,25px);line-height:1.4;letter-spacing:-.038em;font-weight:700}.date-heading span{display:block;height:22px;margin-top:5px;color:#aaa;font-size:11px;font-weight:600}.nav-arrow{width:34px;height:38px;flex:0 0 34px}.capture{margin:40px 0 12px;border-bottom:1px solid #e5e5e5}.capture-input{width:100%;height:54px;padding:0 4px;background:transparent;border:0;outline:none;color:#222;font-size:15px;font-weight:400}.capture-input::placeholder{color:#a6a6a6;opacity:1}.capture-input:focus-visible{outline:none}.capture:focus-within{border-bottom-color:#999}.tasks{margin-top:2px}.sortable-task{position:relative;touch-action:pan-y;outline:none}.sortable-task--dragging{background:#fafafa;border-radius:8px;box-shadow:0 3px 13px #00000014}.sortable-task--dragging .task-row{border-bottom-color:transparent}.task-row{min-height:62px;display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line)}.check-button{flex:0 0 22px;width:22px;height:22px;border:1.5px solid #aaa;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:transparent;padding:0;cursor:pointer;transition:background .15s ease,border-color .15s ease}.check-button:hover:not(.check-button--static){border-color:#555}.check-button--checked{border-color:#999;background:#999}.check-button--static{cursor:default}.task-text{padding:17px 2px 17px 0;line-height:1.6;font-size:14px;font-weight:400;text-align:left;overflow-wrap:anywhere;min-width:0;flex:1}.task-text--interactive{display:block;border:0;background:transparent;color:var(--ink);cursor:text}.sortable-task .task-text--interactive{cursor:grab}.sortable-task--dragging .task-text--interactive{cursor:grabbing}.task-row--completed .task-text{color:#a8a8a8;text-decoration:line-through;text-decoration-thickness:1px}.task-text--read-only{color:#a8a8a8;text-decoration:line-through}.task-edit-form{display:flex;align-items:center;flex:1;gap:8px;min-width:0}.task-edit-input{flex:1;width:100%;min-width:0;height:44px;padding:0 2px;color:#222;border:0;outline:0;background:transparent;font-size:14px}.task-edit-input:focus-visible{outline:none}.delete-button{color:#999}.delete-button:hover{color:#333}.empty-history{padding:39px 2px;font-size:13px;color:#a2a2a2;text-align:center}.notice{margin:22px 0 0;padding:12px 14px;border:1px solid #e5e5e5;background:#fafafa;color:#555;border-radius:8px;font-size:12px;line-height:1.5}.notice--dismissable{text-align:left;cursor:pointer}.visually-hidden{width:1px;height:1px;position:absolute;opacity:0;overflow:hidden}@media(max-width:640px){:root{background:#fff}.page-shell{padding:0}.app-surface{max-width:none;min-height:100dvh;border:0;border-radius:0;box-shadow:none;padding:max(24px,env(safe-area-inset-top)) 25px calc(55px + env(safe-area-inset-bottom))}.date-nav{margin-top:54px;gap:7px}.date-heading h1{font-size:clamp(18px,5vw,23px)}.capture{margin-top:37px}.task-row{min-height:60px;gap:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}