:root{--paper:#f6f7f3;--paper-2:#eceee7;--grid:#e3e8e4;--ink:#1d1f1c;--ink-2:#4a4f46;--rule:#c9d0c8;--cover:#4f5e30;--cover-ink:#f6f7f3;--cover-ink-2:#dfe5cf;--act:#4f5e30;--red:#b8352a;--select:#d6dec3;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--fs-s:.8125rem;--fs-m:.9375rem;--fs-b:1.0625rem;--fs-l:1.25rem;--fs-xl:1.5rem;--margin:4.25rem;--tap:44px;--grid-size:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--font);letter-spacing:.02em;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:100%;line-height:1.7}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#161814;--paper-2:#1e211b;--grid:#1d2019;--ink:#e6e8e1;--ink-2:#a9af9f;--rule:#353a30;--cover:#3d4a25;--cover-ink:#eef0e8;--cover-ink-2:#c9d1b5;--act:#b4c785;--red:#e3786a;--select:#3f4a2c}}*,:before,:after{box-sizing:border-box}html{background:var(--cover)}body{color:var(--ink);background:var(--paper);caret-color:var(--red);font-variant-numeric:tabular-nums;margin:0}::selection{background:var(--select);color:var(--ink)}button,input,textarea,select{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--red);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.app{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);flex-direction:column;max-width:40rem;min-height:100dvh;margin:0 auto;display:flex}.cover{padding:calc(env(safe-area-inset-top) + .75rem) 1rem 1rem;background:var(--cover);color:var(--cover-ink);position:relative}.cover--tall{padding-bottom:1.5rem}.cover__title{font-size:var(--fs-l);text-wrap:balance;margin:0;font-weight:700;line-height:1.4;display:block}.cover__project{min-height:var(--tap);color:inherit;text-align:left;background:0 0;border:0;border-radius:2px;flex-direction:column;align-items:flex-start;gap:.125rem;margin:-.25rem -.5rem 0;padding:.25rem .5rem;display:flex}.cover__project:active{background:#00000026}.cover__sub{font-size:var(--fs-m);color:var(--cover-ink-2);align-items:center;gap:.375rem;display:flex}.cover__foot{border-top:1px solid #ffffff38;align-items:center;gap:.25rem;margin-top:.5rem;padding-top:.25rem;display:flex}.cover__date{font-size:var(--fs-m);flex:1;margin:0;font-weight:600}.cover__tool{min-height:var(--tap);color:var(--cover-ink);font-size:var(--fs-m);background:0 0;border:0;border-radius:2px;align-items:center;gap:.25rem;padding:0 .5rem;font-weight:700;display:inline-flex}.cover__tool:last-child{margin-right:-.5rem}.cover__tool:active{background:#00000026}.cover__back{width:var(--tap);height:var(--tap);color:inherit;background:0 0;border:0;place-items:center;margin:0 0 .25rem -.75rem;display:inline-grid}.cover .cover__back+.cover__title{margin-top:-.25rem}.page{flex:1;padding:1rem 1rem 2rem;position:relative}.page:not(.page--form):before{content:"";top:0;bottom:0;left:calc(1rem + var(--margin) - .5rem);background:var(--red);opacity:.55;width:1px;position:absolute}.page__heading{padding-left:var(--margin);font-size:var(--fs-m);color:var(--ink-2);align-items:baseline;gap:.75rem;margin:0 0 .5rem;font-weight:700;display:flex}.page__count{font-weight:400}.page__status{align-items:center;gap:.5rem;margin-left:auto;display:flex}.page__pick{margin-block:-.75rem;padding:0 .25rem}.nudge{margin:0 0 .5rem var(--margin);border-bottom:1px solid var(--rule);font-size:var(--fs-m);flex-wrap:wrap;align-items:center;column-gap:.5rem;padding-bottom:.5rem;display:flex}.nudge p{flex:14em;margin:0}.nudge .textbtn{padding:0}.page__title{font-size:var(--fs-xl);margin:.5rem 0 1.25rem;font-weight:700;line-height:1.35}.ledger{margin:0;padding:0;list-style:none}.row{grid-template-columns:var(--margin) 1fr;border:0;border-bottom:1px solid var(--rule);text-align:left;background:0 0;width:100%;min-height:3.5rem;padding:.625rem 0;display:grid}.row:active{background:var(--paper-2)}.row__margin{padding-right:.75rem;position:relative}.row__time{font-size:var(--fs-b);align-self:start;font-weight:700;line-height:1.6;display:block;position:relative}.row__body{flex-direction:column;gap:.125rem;min-width:0;display:flex}.row__text{-webkit-line-clamp:2;font-size:var(--fs-b);overflow-wrap:anywhere;white-space:pre-line;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.row__text--blank{color:var(--ink-2)}.row__title{font-size:var(--fs-b);line-height:1.5}.row__meta{font-size:var(--fs-s);color:var(--ink-2);flex-wrap:wrap;column-gap:.75em;display:flex}.row__meta>span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.row--project{min-height:4rem}.mark{border:1.5px solid var(--red);color:var(--red);font-size:var(--fs-s);border-radius:2px;padding:0 .3em;font-weight:700;line-height:1.6;display:inline-block}.mark--live{background:var(--red);color:var(--paper)}.row--fresh .row__time:after{content:"";background:var(--red);transform-origin:bottom;border-radius:1px;height:2px;animation:2.4s both stroke;position:absolute;bottom:-.125rem;left:0;right:.25rem}@keyframes stroke{0%{clip-path:inset(0 100% 0 0);animation-timing-function:cubic-bezier(.16,1,.3,1)}12%{clip-path:inset(0);opacity:1;animation-timing-function:ease-out;transform:scaleY(1)}25%{clip-path:inset(0);opacity:.55;transform:scaleY(.5)}75%{clip-path:inset(0);opacity:.55;animation-timing-function:ease-out;transform:scaleY(.5)}to{clip-path:inset(0);opacity:0;transform:scaleY(.5)}}@media (prefers-reduced-motion:reduce){.row--fresh .row__time:after{display:none}.thumb--busy{background:var(--rule);animation:none}}.empty{padding:1.5rem 0 0 var(--margin);color:var(--ink-2);font-size:var(--fs-m)}.empty p{max-width:30em;margin:0 0 .5rem}.empty__lead{color:var(--ink);font-size:var(--fs-b);font-weight:700}.dock{z-index:1;padding:.75rem 1rem calc(env(safe-area-inset-bottom) + .75rem);background:var(--paper);border-top:1px solid var(--rule);margin-top:auto;position:sticky;bottom:0}.page--form .dock{margin:1.5rem -1rem -2rem}.action{background:var(--cover);width:100%;min-height:3.5rem;color:var(--cover-ink);font-size:var(--fs-l);border:0;border-radius:2px;justify-content:center;align-items:center;gap:.375rem;font-weight:700;transition:transform .12s ease-out,background-color .12s ease-out;display:flex}.action--jot{min-height:4rem;font-size:var(--fs-xl)}.action:active{background:color-mix(in srgb, var(--cover) 85%, #000);transform:translateY(1px)}.action:disabled{background:var(--rule);color:var(--ink-2);cursor:default;transform:none}.bar{z-index:1;padding:calc(env(safe-area-inset-top) + .25rem) .5rem .25rem .25rem;background:var(--paper);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.bar__done{min-height:var(--tap);color:var(--act);font-size:var(--fs-b);background:0 0;border:0;align-items:center;gap:.125rem;padding:0 .75rem 0 .25rem;font-weight:700;display:inline-flex}.save{font-size:var(--fs-s);color:var(--ink-2)}.save--error{color:var(--red);font-weight:700}.sheet{flex-direction:column;flex:1;display:flex}.app--editor{background-image:none}.jot{--line:2.125rem;resize:none;background:repeating-linear-gradient(transparent 0 calc(var(--line) - 1px), var(--grid) calc(var(--line) - 1px) var(--line)) 0 .5rem / 100% var(--line) local;width:100%;min-height:46svh;font-size:var(--fs-l);line-height:var(--line);field-sizing:content;border:0;border-radius:0;outline:none;padding:.5rem 1rem 1rem;display:block}.jot::placeholder{color:var(--ink-2);opacity:.8}.fields{border-top:2px solid var(--ink);background:var(--paper);padding:0 1rem 2rem}.fieldrow{border-bottom:1px solid var(--rule);grid-template-columns:3.25rem 1fr;align-items:center;gap:.5rem;min-height:3.25rem;display:grid}.fieldrow--stack{align-items:start;padding:.5rem 0}.fieldrow--stack>.fieldrow__label{line-height:var(--tap)}.fieldrow__label{font-size:var(--fs-m);color:var(--ink-2);font-weight:700}.fieldrow__content{flex-direction:column;gap:.5rem;min-width:0;display:flex}.page--form{padding-top:1.25rem}.intro{border:1px solid var(--rule);background:var(--paper);font-size:var(--fs-m);margin-bottom:1.5rem;padding:.75rem 1rem}.intro p{margin:0 0 .5rem}.intro ol,.intro ul{margin:0 0 .5rem;padding-left:1.25rem}.intro li{margin-bottom:.25rem}.intro>:last-child{margin-bottom:0}.field{border:0;flex-direction:column;gap:.25rem;min-width:0;margin:0 0 1.25rem;padding:0;display:flex}.field__label{font-size:var(--fs-m);padding:0;font-weight:700}.req{color:var(--red);font-size:var(--fs-s);margin-left:.5em;font-weight:600}.input{border:1px solid var(--ink-2);background:var(--paper);width:100%;min-height:3rem;font-size:var(--fs-b);border-radius:2px;padding:.5rem .75rem}.input[type=date],.input[type=datetime-local]{appearance:none;min-width:0;display:block}.input::-webkit-date-and-time-value{text-align:left}.input:focus{outline:2px solid var(--act);outline-offset:-1px}.input::placeholder{color:var(--ink-2);opacity:.75}.input--area{resize:vertical;min-height:6rem}.input--bare{min-height:var(--tap);border:0;border-bottom:1px solid var(--rule);background:0 0;border-radius:0;padding:.25rem 0}.input--bare:focus{box-shadow:inset 0 -2px 0 var(--act);outline:none}.hint{font-size:var(--fs-s);color:var(--ink-2);margin:0}.error{font-size:var(--fs-m);color:var(--red);margin:0;font-weight:700}.inline-add{align-items:center;gap:.5rem;display:flex}.textbtn--inline{min-height:var(--tap);padding:0}.textbtn{min-height:var(--tap);color:var(--act);background:0 0;border:0;flex:none;padding:0 .75rem;font-weight:700}.chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chip{min-height:var(--tap);border:1px solid var(--ink-2);background:var(--paper);font-size:var(--fs-m);border-radius:2px;align-items:center;gap:.25rem;padding:0 .75rem;display:inline-flex}.chip--on{border-color:var(--cover);background:var(--cover);color:var(--cover-ink);font-weight:700}.chip--add{border-style:dashed;border-color:var(--act);color:var(--act);font-weight:700}.chip .mark{background:var(--paper);margin-left:.25rem}.chip__note{font-size:var(--fs-s);opacity:.8;margin-left:.25rem;font-weight:400}.photo-actions{gap:.5rem;display:flex}.tool{border:1px solid var(--act);background:var(--paper);min-height:3rem;color:var(--act);font-size:var(--fs-m);border-radius:2px;flex:1;justify-content:center;align-items:center;gap:.375rem;font-weight:700;display:inline-flex}.tool:active{background:var(--paper-2)}.tool:disabled{border-color:var(--rule);color:var(--ink-2);cursor:default}.tool--stop{border-color:var(--cover);background:var(--cover);color:var(--cover-ink)}.tool--stop:active{background:color-mix(in srgb, var(--cover) 85%, #000)}.clips{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.clip{min-height:var(--tap);align-items:center;gap:.25rem;display:flex}.clip audio{flex:1;min-width:0;height:2.5rem}.clip__gone{font-size:var(--fs-s);color:var(--ink-2);flex:1;margin:0}.thumbs{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.thumb{aspect-ratio:1;border:1px solid var(--rule);background:var(--paper-2);position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb--busy{animation:1.2s ease-in-out infinite alternate pulse}@keyframes pulse{to{background:var(--rule)}}.thumb__remove{width:var(--tap);height:var(--tap);color:var(--ink);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.thumb__remove:before{content:"";z-index:-1;background:var(--paper);opacity:.9;border-radius:2px;position:absolute;inset:6px}.thumb__remove{isolation:isolate}.segmented{border:1px solid var(--ink-2);border-radius:2px;grid-template-columns:repeat(4,1fr);display:grid}.segmented--2{grid-template-columns:1fr 1fr}.segmented__opt{position:relative}.segmented__opt+.segmented__opt{border-left:1px solid var(--ink-2)}.segmented__opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__opt span{min-height:var(--tap);font-size:var(--fs-m);text-align:center;place-items:center;padding:0 .25rem;display:grid}.segmented__opt input:checked+span{background:var(--cover);color:var(--cover-ink);font-weight:700}.segmented__opt input:focus-visible+span{outline:2px solid var(--red);outline-offset:-4px}.checks{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}.check{min-height:var(--tap);font-size:var(--fs-m);align-items:center;gap:.5rem;display:flex;position:relative}.check input{opacity:0;width:var(--tap);height:var(--tap);cursor:pointer;margin:0;position:absolute;left:-9px}.check__box{border:1.5px solid var(--ink-2);background:var(--paper);color:#0000;border-radius:2px;flex:none;place-items:center;width:1.625rem;height:1.625rem;display:grid}.check input:checked+.check__box,.check__box--on{border-color:var(--cover);background:var(--cover);color:var(--cover-ink)}.row__margin .check__box{margin-top:.25rem}.check input:focus-visible+.check__box{outline:2px solid var(--red);outline-offset:2px}@media screen and (width<=22rem){.segmented{grid-template-columns:1fr 1fr}.segmented__opt:nth-child(3){border-left:0}.segmented__opt:nth-child(n+3){border-top:1px solid var(--ink-2)}.checks{grid-template-columns:1fr}}.pack-last{margin:0 0 1rem}.pack-file{overflow-wrap:anywhere;font-weight:700}.pack-again{flex-wrap:wrap;gap:.5rem;margin:-.75rem 0 1rem;display:flex}.tally{border-top:1px solid var(--rule);margin:0 0 1.5rem}.tally div{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;min-height:2.5rem;display:flex}.tally dt{font-size:var(--fs-m);color:var(--ink-2);font-weight:700}.tally dd{margin:0;font-weight:700}.setting{padding:.5rem 0}.setting .tool{align-self:flex-start;padding:0 1.25rem}.unsaved{border:1.5px solid var(--red);border-radius:2px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.danger-row{padding:1.5rem 0 .5rem}.danger-row .textbtn{padding:0}.row__mark{margin-top:.125rem}.pack-author{margin:-.75rem 0 1.5rem}.pack-list{font-size:var(--fs-m);margin:-.75rem 0 1.5rem}.pack-list summary{min-height:var(--tap);color:var(--act);cursor:pointer;align-items:center;font-weight:700;display:flex}.pack-list ul{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.pack-list li{border-bottom:1px solid var(--rule);grid-template-columns:7.5em 1fr;gap:.5rem;padding:.375rem 0;display:grid}.pack-list time{color:var(--ink-2);font-size:var(--fs-s);line-height:1.9}.pack-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}