:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--fg:#0f172a;--muted:#64748b;--border:#e2e8f0;--card:#fff;--primary:#2563eb;--ink:#0f172ab3;--ink-soft:#0f172a8c;--ink-label:#0f172aa8;--ink-plan-label:#0f172a9e;--ink-hair:#0f172a2e;--ink-ring:#0f172a1f;--scrim:#0f172a59;--now-ink:#323a4a;--warn:#b45309;--danger:#b91c1c;--cool:#0369a1;--notice-bg:#eff6ff;--notice-line:#bfdbfe;--shadow:#0f172a24;--shadow-strong:#0f172a2e;--texture:url(../textures/crayon.png);--texture-blend:soft-light;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-time:inherit;--frame-pad:0px;--frame:transparent;--frame-radius:0px;--frame-shadow:none}*{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0}body{background:var(--bg);min-height:100vh;color:var(--fg);font-family:var(--font-ui);-webkit-text-size-adjust:100%}button{font:inherit;color:inherit}.page{max-width:44rem;padding:1rem .875rem 3rem;padding-left:max(1.5rem, env(safe-area-inset-left));padding-right:max(1.5rem, env(safe-area-inset-right));min-height:100dvh;padding-bottom:max(.5rem, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.tg{--row-h:2.2rem;min-height:0;padding:var(--frame-pad);background:var(--frame);border-radius:var(--frame-radius);box-shadow:var(--frame-shadow);flex:auto;display:flex}.page-head{flex-wrap:wrap;align-items:center;gap:.25rem;margin-bottom:.6rem;display:flex}.page-actions{align-items:center;gap:.25rem;margin-left:auto;display:flex}.date-label{cursor:pointer;justify-content:center;align-items:center;padding:.2rem .4rem;display:inline-flex;position:relative}.date-label-text{font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap;font-size:1rem;font-weight:500;line-height:1.2}.date-label--today .date-label-text{font-weight:600}.date-label--readonly .date-label-text{color:var(--muted)}.date-label-input{appearance:none;color:#0000;opacity:0;cursor:pointer;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;font-size:1rem;position:absolute;inset:0}.date-label:has(.date-label-input:focus-visible){outline:2px solid var(--primary);outline-offset:1px;border-radius:.4rem}.week-range{font-variant-numeric:tabular-nums;font-size:.9rem}.ghost{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;min-height:2.25rem;padding:.3rem .6rem}.ghost:disabled{opacity:.45;cursor:default}.ghost--active{background:var(--fg);border-color:var(--fg);color:#fff}.icon-btn{justify-content:center;align-items:center;width:2.5rem;min-height:2.5rem;padding:0;display:inline-flex;position:relative}.icon-btn:after{content:"";position:absolute;inset:-2px 0}.icon{fill:currentColor;width:1.15rem;height:1.15rem;display:block}.icon-btn--sm{width:2.25rem;min-height:2.25rem}.icon-btn--sm .icon{width:1.1rem;height:1.1rem}@media (width<=380px){.icon-btn{width:2.25rem;min-height:2.25rem}.icon-btn:after{top:-4px;bottom:-4px}}.brush-bar{align-items:center;gap:.5rem;min-width:0;margin-bottom:.6rem;display:flex}@keyframes tg-nudge-strip{0%,to{transform:translate(0)}30%{transform:translate(-2px)}70%{transform:translate(2px)}}@keyframes tg-nudge-swatch{0%,to{transform:scale(1)}40%{transform:scale(1.14)}}@media (prefers-reduced-motion:no-preference){.brush-bar--nudge .brush-strip{animation:.45s ease-in-out tg-nudge-strip}.brush-bar--nudge .swatch--current{animation:.5s ease-out tg-nudge-swatch}}@media (prefers-reduced-motion:reduce){.brush-bar--nudge .swatch--current{box-shadow:inset 0 0 0 2px var(--fg), inset 0 0 0 3px var(--bg)}}.brush-current{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:3.6rem;max-width:6.5rem;font-size:.8rem;font-weight:600;overflow:hidden}.brush-strip{scrollbar-width:none;flex:auto;align-items:center;gap:.3rem;min-width:0;padding:.125rem;display:flex;overflow-x:auto}.brush-strip::-webkit-scrollbar{display:none}.brush-strip--right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#000000d9 calc(100% - 20px),#00000080 calc(100% - 8px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#000000d9 calc(100% - 20px),#00000080 calc(100% - 8px),#0000)}.brush-strip--left{-webkit-mask-image:linear-gradient(90deg,#0000,#00000080 8px,#000000d9 20px,#000 40px);mask-image:linear-gradient(90deg,#0000,#00000080 8px,#000000d9 20px,#000 40px)}.brush-strip--left.brush-strip--right{-webkit-mask-image:linear-gradient(90deg,#0000,#00000080 8px,#000000d9 20px,#000 40px calc(100% - 40px),#000000d9 calc(100% - 20px),#00000080 calc(100% - 8px),#0000);mask-image:linear-gradient(90deg,#0000,#00000080 8px,#000000d9 20px,#000 40px calc(100% - 40px),#000000d9 calc(100% - 20px),#00000080 calc(100% - 8px),#0000)}.swatch{width:2.5rem;height:2.5rem;box-shadow:inset 0 0 0 1px var(--ink-ring);cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:.6rem;flex:none}.swatch--active{border-color:var(--fg)}.swatch:disabled{opacity:.4;cursor:default}.brush-sep{background:var(--border);flex:none;width:1px;height:1.8rem;margin:0 .25rem}.brush-empty{color:var(--muted);font-size:.8rem}.tg{--row-h:2.2rem}.tg-cells{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(var(--row-h), 1fr));border:1px solid var(--border);touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1;display:grid;position:relative}.tg-cells--idle{touch-action:pan-y;overscroll-behavior:auto}.tg-cells--locked{opacity:.6}.tg-cell{border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;padding:0;position:relative}.tg-cell--row-end{border-right:0}.tg-cell--last-row{border-bottom:0}.tg-cell--hour{box-shadow:inset 1px 0 0 var(--ink-hair)}.tg-cell--now{z-index:1}.tg-now{z-index:3;box-shadow:inset 0 0 0 1px var(--now-ink), inset 0 0 0 2px #fff;pointer-events:none;position:absolute;inset:-1px}.tg-now-time{z-index:4;font-family:var(--font-time);font-variant-numeric:tabular-nums;color:var(--now-ink);pointer-events:none;font-size:.6rem;font-weight:600;position:absolute;top:3px;left:5px}.tg-now-time--over{background:var(--bg);border-radius:3px;padding:0 2px}.tg-cell--solid:before,.tg-cell--planned:after{content:"";pointer-events:none;position:absolute;inset:-1px}.tg-cell--solid:before{z-index:2}.tg-cell--planned:after{z-index:1}.tg-cell--solid-left:before{border-left:1px solid var(--ink)}.tg-cell--solid-right:before{border-right:1px solid var(--ink)}.tg-cell--solid-up:before{border-top:1px solid var(--ink)}.tg-cell--solid-down:before{border-bottom:1px solid var(--ink)}.tg-cell--dash-left:after{border-left:1px dashed var(--ink-soft)}.tg-cell--dash-right:after{border-right:1px dashed var(--ink-soft)}.tg-cell--dash-up:after{border-top:1px dashed var(--ink-soft)}.tg-cell--dash-down:after{border-bottom:1px dashed var(--ink-soft)}.tg-paint{background-color:var(--fill);pointer-events:none;position:absolute;inset:0 -1px -1px 0}.tg-paint--textured{background-image:var(--texture);background-blend-mode:var(--texture-blend);background-size:192px 192px;background-position:calc(-1 * var(--col) * var(--cell-w)) calc(-1 * var(--row) * var(--cell-h))}.tg-cell--row-end .tg-paint{right:0}.tg-cell--last-row .tg-paint{bottom:0}.tg-paint--edge-right:after,.tg-paint--edge-down:after{content:"";pointer-events:none;position:absolute;inset:0}.tg-paint--edge-right:after{border-right:1px solid var(--bg)}.tg-paint--edge-down:after{border-bottom:1px solid var(--bg)}.tg-cell--join-right{border-right-color:#0000}.tg-cell--join-down{border-bottom-color:#0000}.tg-cell-time{font-family:var(--font-time);font-variant-numeric:tabular-nums;color:var(--ink-label);font-size:.6rem;position:absolute;top:3px;left:5px}.tg-run{z-index:1;white-space:nowrap;pointer-events:none;font-family:var(--font-time);align-items:center;gap:.25rem;padding-left:5px;font-size:.6rem;line-height:1.2;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.tg-run--actual{color:#fffffff2}.tg-run:not(.tg-run--actual){color:var(--ink-plan-label)}.tg-run-time{font-variant-numeric:tabular-nums;opacity:.85;flex:none}.tg-run-name{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.notice{left:50%;bottom:max(.75rem, env(safe-area-inset-bottom));z-index:30;background:var(--notice-bg);border:1px solid var(--notice-line);width:fit-content;max-width:calc(100% - 3rem);box-shadow:0 4px 14px var(--shadow);border-radius:.5rem;margin:0;padding:.5rem .75rem;font-size:.8rem;position:fixed;transform:translate(-50%)}.crash-title{margin:1.5rem 0 .5rem;font-size:1.1rem}.crash-note{color:var(--muted);margin:0 0 .75rem;font-size:.85rem;line-height:1.6}.crash-error{background:var(--card);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:.5rem;margin:0 0 1rem;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.summary{margin-top:1rem}.summary-table{border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:.75rem;width:100%;font-size:.85rem;overflow:hidden}.summary-table th,.summary-table td{text-align:left;border-bottom:1px solid var(--border);padding:.4rem .6rem;font-weight:500}.summary-table td:not(:first-of-type),.summary-table thead th:not(:first-child){font-variant-numeric:tabular-nums}.summary-dot{border-radius:999px;width:.6rem;height:.6rem;margin-right:.4rem;display:inline-block}.summary-over{color:var(--warn)}.summary-under{color:var(--cool)}.summary-foot,.summary-empty{color:var(--muted);margin:.6rem .125rem 0;font-size:.78rem}.week{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:.5rem}.week-scroll{overflow-x:auto}.week-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.75rem}.week-table th,.week-table td{text-align:center;border-bottom:1px solid var(--border);padding:.25rem .1rem;overflow:hidden}.week-table thead th{color:var(--muted);font-weight:600}.week-table th[scope=row],.week-table thead th:first-child{text-align:left;width:6.2rem}.week-table thead th.is-today{color:var(--primary)}.week-table tbody tr:last-child th,.week-table tbody tr:last-child td{border-bottom:0}.week-cat{white-space:nowrap;display:block}.week-day{display:block}.week-date{color:var(--muted);font-size:.68rem;font-weight:400;display:block}.week-amount{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.7rem;display:block}.week-share{color:var(--fg);margin-left:.25rem}.tg-hint{color:var(--muted);margin:.6rem .125rem 0;font-size:.78rem;line-height:1.5}.week-cell{font-variant-numeric:tabular-nums;line-height:1.1}.week-part{display:block}.week-total{font-weight:600}.sheet-backdrop{z-index:20;background:var(--scrim);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:44rem;max-height:88vh;box-shadow:0 -8px 30px var(--shadow-strong);border-radius:1rem 1rem 0 0;flex-direction:column;display:flex}.sheet-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .875rem;display:flex}.sheet-title{margin:0;font-size:1rem}.sheet-body{padding:.75rem .875rem calc(1rem + env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}.tabs{gap:.375rem;margin-bottom:.75rem;display:flex}.tab{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:999px;min-height:2.25rem;padding:.3rem .9rem}.tab--active{background:var(--primary);border-color:var(--primary);color:#fff}.week-nav{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.cat-manager{flex-direction:column;gap:.6rem;display:flex}.cat-group{background:var(--card);border:1px solid var(--border);border-radius:.6rem;padding:.5rem .6rem}.cat-group-head{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.cat-group-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--fg);background:0 0;border:1px dashed #0000;border-radius:.4rem;flex:1;padding:.25rem .3rem;font-size:.85rem;font-weight:600;overflow:hidden}.cat-group-name:hover,.cat-group-name:focus{border-color:var(--border)}.cat-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.cat-item{flex-wrap:nowrap;align-items:center;gap:.4rem;display:flex}.cat-dot{border-radius:.3rem;flex:none;width:1rem;height:1rem}.cat-name{white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px dashed #0000;border-radius:.4rem;flex:auto;min-width:0;padding:.25rem .3rem;font-size:.85rem;overflow:hidden}.cat-confirm{min-width:0;color:var(--fg);flex:auto;padding:.25rem .3rem;font-size:.8rem;line-height:1.35}.cat-confirm-ok{color:var(--danger);border-color:var(--danger)}.cat-item>.icon-btn{flex:none}.cat-name:hover,.cat-name:focus{border-color:var(--border)}.cat-add{gap:.4rem;margin-top:.4rem;display:flex}.cat-new{background:var(--card);border:1px solid var(--border);min-width:0;font:inherit;border-radius:.5rem;flex:1;padding:.35rem .5rem;font-size:.85rem}.menu-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.menu-item{background:var(--card);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:.6rem;align-items:center;gap:.6rem;width:100%;padding:.7rem .8rem;display:flex}.menu-item .icon{flex:none;width:1.3rem;height:1.3rem}.menu-item strong{flex:none;font-size:.9rem}.menu-item span{text-align:right;color:var(--muted);flex:1;font-size:.75rem}.settings-section{margin-bottom:1.1rem}.settings-title{margin:0 0 .35rem;font-size:.95rem}.settings-note{color:var(--muted);margin:0 0 .5rem;font-size:.78rem;line-height:1.5}.settings-note--warn{color:var(--warn)}.settings-actions{flex-wrap:wrap;gap:.4rem;display:flex}.help-list{flex-direction:column;gap:.4rem;margin:0;padding:0;font-size:.82rem;list-style:none;display:flex}.help-list li{align-items:baseline;gap:.5rem;display:flex}.help-list strong{color:var(--fg);flex:0 0 4.2rem}.help-list span{color:var(--muted);flex:1;line-height:1.5}@media (orientation:landscape){.tg{--row-h:1.6rem}.page{padding-top:.4rem;padding-bottom:max(.5rem, env(safe-area-inset-bottom))}.page-head{margin-bottom:.35rem}.brush-bar{gap:.4rem;margin-bottom:.35rem}.swatch{width:2.1rem;height:2.1rem}}@media (width<=360px){.week-table{font-size:.7rem}.week-table thead th:first-child,.week-table th[scope=row]{width:4.8rem}.week-cat{white-space:normal}.week-amount{font-size:.65rem}}[data-skin=crayon]{--bg:#fbf5e6;--fg:#332f28;--muted:#6f6656;--border:#e2d6b8;--card:#fffdf7;--primary:#c2410c;--ink:#332f28b8;--ink-soft:#332f288c;--ink-label:#332f28b3;--ink-plan-label:#332f28a8;--ink-hair:#332f2829;--ink-ring:#332f281a;--scrim:#332f2859;--now-ink:#4a423a;--notice-bg:#fdf3e2;--notice-line:#e8d6b4;--shadow:#4a3c2029;--shadow-strong:#4a3c2033;--frame-pad:4px;--frame:#f1e4c7;--frame-radius:7px;--frame-shadow:0 1px 3px #4a3c2038, inset 0 0 0 1px #fff9;--font-time:"Kaiti SC", "STKaiti", "KaiTi", "LXGW WenKai", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}[data-skin=crayon] .icon path,[data-skin=crayon] .icon circle{stroke:currentColor;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke}[data-skin=crayon] .icon{filter:url(#tg-sketch)}.skin-list{flex-wrap:wrap;gap:.5rem;display:flex}.skin-option{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:.6rem;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem .7rem;display:flex}.skin-option--active{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.skin-option strong{font-size:.85rem}.skin-chips{gap:2px;display:flex}.skin-chip{border-radius:2px;width:.7rem;height:1.2rem;box-shadow:inset 0 0 0 1px #0f172a1f}.skin-chip--wide{width:1.1rem}