:root{--bg: #f2f4ee;--surface: #ffffff;--surface-2: #e8ebe2;--text: #1c2119;--muted: #6b7466;--line: #d3d8cb;--accent: #2f6f3e;--accent-text: #ffffff;--danger: #a5321f;--shadow: 0 1px 2px rgb(28 33 25 / .08), 0 8px 24px rgb(28 33 25 / .08);--radius: 10px;--tap: 44px;--font: system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #161c14;--surface: #1f261d;--surface-2: #283026;--text: #e6ebe2;--muted: #97a291;--line: #38412f;--accent: #7fbf6a;--accent-text: #10160f;--danger: #e0796a;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .35)}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:var(--accent);overflow-wrap:anywhere}.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.header{flex:none;background:var(--surface);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.statusbar{display:flex;align-items:center;gap:10px;padding:4px max(10px,env(safe-area-inset-left)) 4px max(10px,env(safe-area-inset-right));background:var(--surface-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted);min-height:24px}.statusbar[data-status=error]{color:var(--danger)}.statusbar[data-status=synced]{color:var(--accent)}.statusbar__group{display:inline-flex;align-items:center;gap:4px}.statusbar__sync{margin-inline-start:auto}.statusbar__label{font-variant-numeric:tabular-nums}.statusbar__error{flex:1 1 100%;order:9;color:var(--danger);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon{display:block;flex:none}.icon--spin{animation:spin 1.1s linear infinite;transform-origin:50% 50%}@keyframes spin{to{transform:rotate(360deg)}}.titlebar{display:flex;align-items:stretch;gap:4px;padding-inline:max(6px,env(safe-area-inset-left)) max(6px,env(safe-area-inset-right))}.tabs{flex:1;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;padding:10px 14px;min-height:var(--tap);color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}.tab[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.tab--add{display:grid;place-items:center;padding-inline:12px;color:var(--muted)}.tab--add:hover{color:var(--accent)}.main{flex:1;min-height:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.carousel{height:100%;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.page{flex:0 0 100%;height:100%;overflow-y:auto;scroll-snap-align:start;scroll-snap-stop:always;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.page__inner{display:flex;flex-direction:column;max-width:720px;margin:0 auto;padding:8px max(12px,env(safe-area-inset-left)) calc(88px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));min-height:100%}.empty{flex:1;margin:0;padding-top:25%;text-align:center;color:var(--muted);font-size:14px;cursor:pointer}.empty__hint{display:inline-block;margin-top:12px;font-size:12px;opacity:.75}.todos{flex:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;cursor:pointer}.todo{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 12px;min-height:var(--tap);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:transform .16s ease,opacity .16s ease;will-change:transform}.todo:not([data-done]){cursor:grab}.todo[data-dragging]{cursor:grabbing}.todo[data-done]{opacity:.55;background:transparent}.todo[data-done] .todo__text{text-decoration:line-through}.todo[data-dragging]{position:relative;z-index:2;box-shadow:var(--shadow);border-color:var(--accent)}.todo__check{flex:none;appearance:none;width:22px;height:22px;margin:0;border:2px solid var(--muted);border-radius:6px;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.todo__check:checked{background:var(--accent);border-color:var(--accent)}.todo__check:checked:after{content:"";width:10px;height:6px;border-left:2px solid var(--accent-text);border-bottom:2px solid var(--accent-text);transform:translateY(-1px) rotate(-45deg)}.todo__text{flex:1;min-width:0;padding:6px 2px;overflow-wrap:anywhere;white-space:pre-wrap;cursor:text}.todo__input{flex:1;min-width:0;padding:6px 4px;background:transparent;border:none;border-bottom:2px solid var(--accent);outline:none;user-select:text;-webkit-user-select:text}.todo__delete{flex:none;width:34px;height:34px;display:grid;place-items:center;color:var(--muted);border-radius:8px}.todo__delete:hover{color:var(--danger);background:var(--surface-2)}.todos__divider{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--muted);font-size:12px;font-family:var(--font-mono)}.todos__divider:after{content:"";flex:1;height:1px;background:var(--line)}.fab{position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:56px;height:56px;display:grid;place-items:center;background:var(--accent);color:var(--accent-text);border-radius:50%;box-shadow:var(--shadow);z-index:3}.fab:hover{filter:brightness(1.08)}.fab:active{transform:scale(.94)}.menu{margin:0;padding:0;border:none;background:none;max-width:none;max-height:none;position:fixed;inset:0;width:100%;height:100%}.menu[open]{display:flex;align-items:flex-end;justify-content:center}.menu::backdrop{background:#00000073}.menu__sheet{width:100%;max-width:440px;max-height:85dvh;overflow-y:auto;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:var(--surface);color:var(--text);border-radius:16px 16px 0 0;box-shadow:var(--shadow)}@media(min-width:640px){.menu[open]{align-items:center}.menu__sheet{border-radius:16px;padding-bottom:12px}}.menu__account{padding:8px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.menu__account-name{font-weight:600;overflow-wrap:anywhere}.menu__account-note{margin-top:2px;color:var(--muted);font-size:12px}.menu__item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:12px;min-height:var(--tap);border-radius:var(--radius);text-align:start}.menu__item:hover:not(:disabled){background:var(--surface-2)}.menu__item:disabled{opacity:.4;cursor:default}.menu__item--primary{background:var(--accent);color:var(--accent-text);font-weight:600;justify-content:center}.menu__item--primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.menu__item--danger{color:var(--danger)}.menu__hint{color:var(--muted);font-size:12px;font-weight:400}.menu__item--primary .menu__hint{color:inherit;opacity:.8}.menu__rule{border:none;border-top:1px solid var(--line);margin:6px 0}.menu__note{margin:4px 0 12px;padding-inline:12px;color:var(--muted);font-size:13px}.menu__error{margin:8px 12px 0;color:var(--danger);font-size:13px}.menu__form{padding:4px}.menu__label{display:block;padding-inline:8px;color:var(--muted);font-size:13px}.menu__input{display:block;width:100%;margin-top:6px;padding:10px 12px;min-height:var(--tap);background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius)}.menu__actions{display:flex;gap:8px;margin-top:12px}.menu__close{display:block;width:100%;margin-top:8px;padding:12px;min-height:var(--tap);color:var(--muted);border-radius:var(--radius)}.menu__close:hover{background:var(--surface-2)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.todo__input:focus,.todo__input:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}