@font-face{font-family:ABCAreal;src:url(/fonts/ABCArealVariable.woff2) format("woff2-variations"),url(/fonts/ABCArealVariable.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:ABCAreal;src:url(/fonts/ABCAreal-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABCAreal;src:url(/fonts/ABCAreal-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ABCAreal;src:url(/fonts/ABCAreal-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ABCAreal Mono;src:url(/fonts/ABCArealSemiMonoVariable.woff2) format("woff2-variations"),url(/fonts/ABCArealSemiMonoVariable.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{color-scheme:light;--bg: #f1f1ef;--bg-sunk: #e9e9e6;--surface: #ffffff;--surface-2: #f7f7f6;--surface-3: #ececeb;--surface-inverse: #17181a;--border: #e6e6e3;--border-strong: #d6d6d2;--border-ink: #17181a;--text: #17181a;--text-2: #6d6e73;--text-3: #9b9ca0;--text-inverse: #f7f7f6;--accent: #17181a;--accent-soft: #e4e4e1;--on-accent: #fbfbfa;--r-card: 24px;--r-lg: 18px;--r-md: 13px;--r-sm: 9px;--r-full: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 44px;--shadow-sm: 0 1px 2px rgba(23, 24, 26, .05);--shadow-md: 0 1px 2px rgba(23, 24, 26, .04), 0 10px 24px -16px rgba(23, 24, 26, .28);--shadow-lg: 0 2px 6px rgba(23, 24, 26, .05), 0 28px 60px -28px rgba(23, 24, 26, .4);--shadow-inset: inset 0 0 0 1px var(--border);--font-sans: "ABCAreal", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "ABCAreal Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--title-size: clamp(30px, 9vw, 40px);--title-ls: -.03em;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.32, .64, 1);--dur-fast: .13s;--dur: .21s;--dur-slow: .32s;--shell-max: 640px;--nav-h: 60px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #0d0d0e;--bg-sunk: #08080a;--surface: #17181a;--surface-2: #1e1f22;--surface-3: #26272a;--surface-inverse: #f1f1ef;--border: #26272a;--border-strong: #35363a;--border-ink: #f1f1ef;--text: #f1f1ef;--text-2: #9d9ea3;--text-3: #6f7075;--text-inverse: #0d0d0e;--accent: #f1f1ef;--accent-soft: #2b2c30;--on-accent: #141517;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 24px -16px rgba(0, 0, 0, .8);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .35), 0 28px 60px -28px rgba(0, 0, 0, .9)}}:root[data-theme=light]{color-scheme:light;--bg: #f1f1ef;--bg-sunk: #e9e9e6;--surface: #ffffff;--surface-2: #f7f7f6;--surface-3: #ececeb;--surface-inverse: #17181a;--border: #e6e6e3;--border-strong: #d6d6d2;--border-ink: #17181a;--text: #17181a;--text-2: #6d6e73;--text-3: #9b9ca0;--text-inverse: #f7f7f6;--accent: #17181a;--accent-soft: #e4e4e1;--on-accent: #fbfbfa}:root[data-theme=dark]{color-scheme:dark;--bg: #0d0d0e;--bg-sunk: #08080a;--surface: #17181a;--surface-2: #1e1f22;--surface-3: #26272a;--surface-inverse: #f1f1ef;--border: #26272a;--border-strong: #35363a;--border-ink: #f1f1ef;--text: #f1f1ef;--text-2: #9d9ea3;--text-3: #6f7075;--text-inverse: #0d0d0e;--accent: #f1f1ef;--accent-soft: #2b2c30;--on-accent: #141517}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.45;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--text);outline-offset:2px}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--accent);color:var(--on-accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.app-main{flex:1;width:100%;max-width:var(--shell-max);margin:0 auto;padding:0 var(--s5) calc(var(--nav-h) + var(--safe-b) + var(--s8));padding-top:calc(var(--safe-t) + var(--s3))}.app-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease-out)}.app-header[data-scrolled=true]{border-bottom-color:var(--border)}.app-header__inner{width:100%;max-width:var(--shell-max);margin:0 auto;padding:var(--s2) var(--s5) var(--s3);display:flex;align-items:center;gap:var(--s2)}.app-header__title{font-size:15px;font-weight:600;letter-spacing:-.01em;margin-inline:auto;opacity:0;transform:translateY(4px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50vw}.app-header[data-scrolled=true] .app-header__title{opacity:1;transform:none}.header-spacer{width:40px;height:40px;flex:none}.icon-btn{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--r-full);color:var(--text-2);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn:active{transform:scale(.9);background:var(--accent-soft)}.icon-btn--ink{color:var(--text)}.page-head{padding:var(--s4) 0 var(--s5)}.page-title{font-size:var(--title-size);font-weight:700;line-height:1.04;letter-spacing:var(--title-ls)}.page-sub{margin-top:var(--s2);color:var(--text-2);font-size:15px}.page-sub__row{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.page-sub__date{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:15px;padding:4px 10px 4px 8px;margin:-4px 0 -4px -8px;border-radius:var(--r-full);transition:background-color var(--dur-fast) var(--ease-out)}.page-sub__date:hover{background:var(--surface-3)}.page-sub__date:active{transform:scale(.98)}.section-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:var(--s6) var(--s1) var(--s2)}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-md)}.card--pad{padding:var(--s5)}.card-list{display:flex;flex-direction:column;gap:var(--s3)}.seg{position:relative;display:flex;padding:4px;background:var(--surface-3);border-radius:var(--r-full);isolation:isolate}.seg--block{width:100%}.seg-thumb{position:absolute;z-index:0;top:4px;bottom:4px;border-radius:var(--r-full);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--dur-slow) var(--ease-spring),width var(--dur) var(--ease-out);will-change:transform,width}.seg-opt{position:relative;z-index:1;flex:1 1 0;min-width:0;padding:9px 6px;border-radius:var(--r-full);font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur) var(--ease-out)}.seg-opt[aria-selected=true]{color:var(--text);font-weight:600}.chips{display:flex;gap:var(--s2);overflow-x:auto;scrollbar-width:none;padding:2px var(--s1);margin:0 calc(var(--s1) * -1);scroll-padding:var(--s1)}.chips::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--r-full);background:var(--surface);color:var(--text-2);font-size:14px;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-inset);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.chip:active{transform:scale(.95)}.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--accent);color:var(--on-accent);box-shadow:none;font-weight:600}.chip__count{font-family:var(--font-mono);font-size:12px;opacity:.6}.chips__sep{flex:none;width:1px;align-self:stretch;margin:7px 4px;background:var(--border-strong)}.task{display:flex;align-items:flex-start;gap:var(--s3);width:100%;padding:var(--s4) var(--s4) var(--s4) var(--s3);text-align:left;border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-md);transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.task:active{transform:scale(.985)}.task--flat{border-radius:0;box-shadow:none;border-bottom:1px solid var(--border);background:transparent;padding-inline:var(--s4) 0}.task--enter{animation:task-in var(--dur-slow) var(--ease-out) both}@keyframes task-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.task--leave{animation:task-out var(--dur) var(--ease-in-out) both}@keyframes task-out{to{opacity:0;transform:translate(-24px) scale(.97)}}.task__body{flex:1;min-width:0;padding-top:1px;text-align:left}.task__title{font-size:16px;font-weight:500;line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere}.task__meta{margin-top:5px;display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;color:var(--text-3);font-size:13px}.task__meta-item{display:inline-flex;align-items:center;gap:4px;min-width:0}.task__time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.task__project{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:var(--r-full);background:var(--surface-3);color:var(--text-2);font-size:12px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task__project-label{overflow:hidden;text-overflow:ellipsis}.task--done .task__title{color:var(--text-3);text-decoration:line-through;text-decoration-color:var(--text-3);text-decoration-thickness:1px}.task--done .task__meta{opacity:.7}.task__flag{flex:none;align-self:center;width:34px;height:34px;display:grid;place-items:center;border-radius:var(--r-full);color:var(--text-3);transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.task__flag[aria-pressed=true]{color:var(--text)}.task__flag[aria-pressed=true] svg{fill:var(--text);stroke:var(--text)}.task__flag:active{transform:scale(.86)}.task__flag:hover{background:var(--surface-3)}.check{flex:none;width:30px;height:30px;margin-top:1px;display:grid;place-items:center;border-radius:var(--r-full);color:transparent;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.check:active{transform:scale(.84)}.check:before{content:"";position:absolute;width:27px;height:27px;border-radius:var(--r-full);border:2px solid var(--border-strong);background:transparent;transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-spring)}.check[data-status=todo]:before{border-color:var(--border-strong)}.check[data-status=doing]:before{border-color:var(--text);border-width:2.5px}.check[data-status=done]:before{background:var(--accent);border-color:var(--accent)}.check__dot{position:relative;width:9px;height:9px;border-radius:var(--r-full);background:var(--text);transform:scale(0);transition:transform var(--dur) var(--ease-spring)}.check[data-status=doing] .check__dot{transform:scale(1)}.check__check{transform:scale(0);transition:transform var(--dur) var(--ease-spring)}.check[data-status=done] .check__check{transform:scale(1)}.check[data-status=done]{color:var(--on-accent)}.check:hover:before{border-color:var(--text-3)}.add-row{display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s4) var(--s4);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-md)}.add-row--ghost{background:transparent;box-shadow:var(--shadow-inset);justify-content:center;color:var(--text);font-size:16px;font-weight:500;padding:var(--s4)}.add-row__icon{flex:none;color:var(--text-3);transition:transform var(--dur) var(--ease-spring)}.add-row--btn:hover .add-row__icon{color:var(--text)}.add-row__input{flex:1;min-width:0;background:none;border:0;outline:none;font-size:16px;color:var(--text)}.add-row__input::placeholder{color:var(--text-3)}.add-row__submit{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:var(--r-full);background:var(--accent);color:var(--on-accent);animation:pop-in var(--dur) var(--ease-spring) both}.add-row__submit[disabled]{background:var(--surface-3);color:var(--text-3)}@keyframes pop-in{0%{transform:scale(.4);opacity:0}}.rows{border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-md);overflow:hidden}.rows--flat{box-shadow:none;border-radius:0;background:transparent}.row{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:52px;padding:var(--s3) var(--s4);text-align:left;transition:background-color var(--dur-fast) var(--ease-out)}.row+.row{box-shadow:inset 0 1px 0 var(--border)}.row:hover{background:var(--surface-2)}.row:active{background:var(--surface-3)}.row__body{flex:1;min-width:0}.row__title{display:block;font-size:15px;font-weight:500;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__sub{display:block;margin-top:1px;font-size:12.5px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__chev{flex:none;color:var(--text-3);display:grid;place-items:center}.row__grip{flex:none;color:var(--text-3);opacity:0;transition:opacity var(--dur) var(--ease-out)}.row:hover .row__grip{opacity:1}.project{display:block;width:100%;text-align:left;padding:var(--s5);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-md);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.project:active{transform:scale(.985)}.project__top{display:flex;align-items:flex-start;gap:var(--s3)}.project__name{flex:1;min-width:0;font-size:19px;font-weight:600;letter-spacing:-.02em;overflow-wrap:anywhere}.project__desc{margin-top:var(--s2);font-size:14px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project__stats{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--border);display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.stat{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-3);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.stat--strong{color:var(--text);font-weight:600}.meter{flex:1;min-width:56px;height:4px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.meter__fill{height:100%;border-radius:var(--r-full);background:var(--accent);transition:width var(--dur-slow) var(--ease-out)}.note{display:block;width:100%;text-align:left;padding:var(--s4) var(--s5);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.note:active{transform:scale(.985)}.note__title{font-size:16px;font-weight:600;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.note__body{margin-top:var(--s1);font-size:14px;color:var(--text-2);line-height:1.5;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note__foot{margin-top:var(--s3);display:flex;align-items:center;gap:var(--s2);color:var(--text-3);font-size:12.5px}.note-grid{display:grid;gap:var(--s3);grid-template-columns:1fr}@media(min-width:560px){.note-grid{grid-template-columns:1fr 1fr}}.tabbar{position:fixed;z-index:40;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + var(--s3));width:min(calc(100% - var(--s6)),var(--shell-max));display:flex;align-items:center;justify-content:space-around;gap:var(--s1);padding:6px;border-radius:var(--r-full);background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:var(--shadow-md),inset 0 0 0 1px color-mix(in srgb,var(--border) 70%,transparent)}.tab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px 6px;border-radius:var(--r-full);color:var(--text-3);font-size:10.5px;font-weight:500;letter-spacing:-.01em;transition:color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out)}.tab[aria-current=page]{color:var(--text)}.tab__pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-full);background:var(--surface-3);opacity:0;transform:scale(.7);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-spring);z-index:-1}.tab[aria-current=page] .tab__pill{opacity:1;transform:none}.tab:active .tab__pill{opacity:.7}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:color-mix(in srgb,var(--bg-sunk) 62%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:scrim-in var(--dur) var(--ease-out) both}.scrim[data-closing=true]{animation:scrim-out var(--dur) var(--ease-in-out) both}@keyframes scrim-in{0%{opacity:0}}@keyframes scrim-out{to{opacity:0}}.drawer{position:fixed;z-index:60;inset:0 auto 0 0;width:min(84vw,320px);display:flex;flex-direction:column;background:var(--surface);box-shadow:var(--shadow-lg);padding:calc(var(--safe-t) + var(--s5)) var(--s4) calc(var(--safe-b) + var(--s5));overflow-y:auto;animation:drawer-in var(--dur-slow) var(--ease-out) both}.drawer[data-closing=true]{animation:drawer-out var(--dur) var(--ease-in-out) both}@keyframes drawer-in{0%{transform:translate(-100%)}}@keyframes drawer-out{to{transform:translate(-100%)}}.drawer__brand{display:flex;align-items:center;gap:var(--s3);padding:0 var(--s2) var(--s5)}.drawer__mark{width:38px;height:38px;flex:none;border-radius:var(--r-md);background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700;font-size:17px}.drawer__name{font-size:17px;font-weight:700;letter-spacing:-.02em}.drawer__tag{font-size:12px;color:var(--text-3)}.drawer__section{padding:var(--s5) var(--s2) var(--s2);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.drawer__item{display:flex;align-items:center;gap:var(--s3);width:100%;padding:11px var(--s3);border-radius:var(--r-md);color:var(--text-2);font-size:15px;font-weight:500;text-align:left;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.drawer__item:hover{background:var(--surface-2);color:var(--text)}.drawer__item:active{background:var(--surface-3)}.drawer__item[aria-current=page]{background:var(--surface-3);color:var(--text);font-weight:600}.drawer__foot{margin-top:auto;padding-top:var(--s5);color:var(--text-3);font-size:12px}.sheet{position:fixed;z-index:60;left:50%;bottom:0;transform:translate(-50%);width:min(100%,var(--shell-max));max-height:92dvh;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-card) var(--r-card) 0 0;box-shadow:var(--shadow-lg);padding-bottom:calc(var(--safe-b) + var(--s5));animation:sheet-in var(--dur-slow) var(--ease-out) both;overscroll-behavior:contain}.sheet[data-closing=true]{animation:sheet-out var(--dur) var(--ease-in-out) both}@keyframes sheet-in{0%{transform:translate(-50%,100%)}}@keyframes sheet-out{to{transform:translate(-50%,100%)}}.sheet__grab{flex:none;padding:10px 0 2px;display:grid;place-items:center;touch-action:none}.sheet__grab:before{content:"";width:38px;height:4px;border-radius:var(--r-full);background:var(--border-strong)}.sheet__head{flex:none;display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s5) var(--s2)}.sheet__title{flex:1;font-size:19px;font-weight:700;letter-spacing:-.025em}.sheet__body{flex:1;overflow-y:auto;padding:var(--s3) var(--s5) 0;display:flex;flex-direction:column;gap:var(--s4)}.sheet__foot{flex:none;display:flex;gap:var(--s2);padding:var(--s5)}@media(min-width:700px){.sheet{bottom:auto;top:50%;transform:translate(-50%,-50%);border-radius:var(--r-card);max-height:min(86dvh,760px);animation-name:sheet-in-center}@keyframes sheet-in-center{0%{transform:translate(-50%,-46%) scale(.97);opacity:0}}.sheet[data-closing=true]{animation-name:sheet-out-center}@keyframes sheet-out-center{to{transform:translate(-50%,-46%) scale(.98);opacity:0}}.sheet__grab{display:none}.sheet__head{padding-top:var(--s5)}}.daygrid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.daygrid__cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0 8px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid transparent;color:var(--text-2);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.daygrid__cell:active{transform:scale(.93)}.daygrid__cell[data-today=true]{border-color:var(--border-strong)}.daygrid__cell[data-active=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.daygrid__dow{font-size:11px;font-weight:600;letter-spacing:.04em;opacity:.7;text-transform:uppercase}.daygrid__num{font-size:16px;font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.daygrid__dot{width:4px;height:4px;border-radius:var(--r-full);background:currentColor;opacity:0;transition:opacity var(--dur) var(--ease-out)}.daygrid__dot[data-on=true]{opacity:.55}.field{display:flex;flex-direction:column;gap:7px}.field__label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.field__hint{font-size:12.5px;color:var(--text-3)}.input,.textarea,.select{width:100%;padding:13px var(--s4);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);outline:none;font-size:16px;color:var(--text);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.textarea:focus,.select:focus{border-color:var(--text-3);background:var(--surface)}.textarea{resize:none;min-height:96px;line-height:1.5}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% + 1px),calc(100% - 15px) calc(50% + 1px);background-size:5px 5px;background-repeat:no-repeat;color:var(--text)}.select option{background:var(--surface);color:var(--text)}.input--title{padding:var(--s2) 0;background:none;border:0;border-radius:0;font-size:24px;font-weight:700;letter-spacing:-.03em}.input--title:focus{background:none}.row-add{display:flex;align-items:center;gap:var(--s2)}.row-add .input{flex:1;min-width:0}.choice{display:flex;flex-wrap:wrap;gap:var(--s2)}.choice__opt{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:14px;font-weight:500;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.choice__opt:active{transform:scale(.95)}.choice__opt[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:46px;padding:0 var(--s5);border-radius:var(--r-full);font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--secondary{background:var(--surface-3);color:var(--text)}.btn--ghost{background:transparent;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--border)}.btn--danger{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.btn--block{width:100%}.btn--sm{height:38px;font-size:14px;padding:0 var(--s4)}.switch{flex:none;width:50px;height:30px;padding:3px;border-radius:var(--r-full);background:var(--surface-3);transition:background-color var(--dur) var(--ease-out)}.switch[aria-checked=true]{background:var(--accent)}.switch__knob{width:24px;height:24px;border-radius:var(--r-full);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-spring)}.switch[aria-checked=true] .switch__knob{transform:translate(20px);background:var(--on-accent)}.menu{position:fixed;z-index:60;min-width:208px;padding:6px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:menu-in var(--dur) var(--ease-out) both;transform-origin:top right}.menu[data-closing=true]{animation:menu-out var(--dur-fast) var(--ease-in-out) both}@keyframes menu-in{0%{opacity:0;transform:scale(.94) translateY(-6px)}}@keyframes menu-out{to{opacity:0;transform:scale(.96)}}.menu__item{display:flex;align-items:center;gap:var(--s3);width:100%;padding:10px var(--s3);border-radius:var(--r-md);color:var(--text-2);font-size:14.5px;font-weight:500;text-align:left;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.menu__item:hover{background:var(--surface-2);color:var(--text)}.menu__sep{height:1px;margin:5px 8px;background:var(--border)}.search{display:flex;align-items:center;gap:var(--s2);height:44px;padding:0 var(--s4);border-radius:var(--r-full);background:var(--surface);box-shadow:var(--shadow-inset);color:var(--text-3);transition:box-shadow var(--dur) var(--ease-out)}.search:focus-within{box-shadow:inset 0 0 0 1.5px var(--text-3)}.search input{flex:1;min-width:0;background:none;border:0;outline:none;font-size:16px;color:var(--text)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s2);padding:var(--s8) var(--s6);color:var(--text-3)}.empty__mark{width:52px;height:52px;border-radius:var(--r-full);background:var(--surface);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--text-3);margin-bottom:var(--s2)}.empty__title{font-size:16px;font-weight:600;color:var(--text-2)}.empty__text{font-size:14px;max-width:30ch;line-height:1.5}.toast-wrap{position:fixed;z-index:80;left:50%;bottom:calc(var(--nav-h) + var(--safe-b) + var(--s5));transform:translate(-50%);display:flex;flex-direction:column;gap:var(--s2);width:min(calc(100% - var(--s8)),400px);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--s3);padding:11px var(--s3) 11px var(--s4);border-radius:var(--r-full);background:var(--surface-inverse);color:var(--text-inverse);font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in var(--dur-slow) var(--ease-spring) both}@keyframes toast-in{0%{opacity:0;transform:translateY(16px) scale(.96)}}.toast[data-closing=true]{animation:toast-out var(--dur) var(--ease-in-out) both}@keyframes toast-out{to{opacity:0;transform:translateY(8px) scale(.98)}}.toast__action{flex:none;padding:5px 12px;border-radius:var(--r-full);background:color-mix(in srgb,currentColor 16%,transparent);font-size:13.5px;font-weight:600}.editor{width:100%;max-width:var(--shell-max);margin:0 auto;padding:var(--s3) var(--s5) calc(var(--safe-b) + var(--s6));display:flex;flex-direction:column;gap:var(--s3)}.editor__title{width:100%;padding:var(--s2) 0;border:0;background:none;outline:none;resize:none;font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.03em;color:var(--text);overflow:hidden}.editor__title::placeholder{color:var(--text-3)}.editor__body{width:100%;min-height:46dvh;padding:0;border:0;background:none;outline:none;resize:none;font-size:16.5px;line-height:1.62;color:var(--text);overflow-wrap:anywhere}.editor__body::placeholder{color:var(--text-3)}.row-actions{display:flex;align-items:center;gap:2px}.editor__bar{position:sticky;bottom:var(--s2);display:flex;align-items:center;gap:var(--s2);padding:6px;border-radius:var(--r-full);background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-md),inset 0 0 0 1px var(--border);margin-top:auto}.editor__saved{padding:0 var(--s3);font-size:12.5px;color:var(--text-3);font-family:var(--font-mono)}.stack{display:flex;flex-direction:column}.gap-1{gap:var(--s1)}.gap-2{gap:var(--s2)}.gap-3{gap:var(--s3)}.gap-4{gap:var(--s4)}.gap-5{gap:var(--s5)}.gap-6{gap:var(--s6)}.grow{flex:1;min-width:0}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pad-x{padding-inline:var(--s1)}.mt-4{margin-top:var(--s4)}.mt-5{margin-top:var(--s5)}.mt-6{margin-top:var(--s6)}.hr{height:1px;background:var(--border);border:0;margin:var(--s4) 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hide{display:none!important}@media(min-width:700px){:root{--s5: 22px}.app-main,.app-header__inner{padding-inline:var(--s6)}.card-list{gap:var(--s3)}.tabbar{bottom:var(--s4)}}