:root{--ink:#1e3a8a;--ink-deep:#132556;--paper:#f7f4ee;--ruled:#b7c4dc;--muted:color-mix(in srgb,var(--ink) 48%,var(--paper));--brand-red:#b91c1c;--ok:#1b6b3a;--warn:#a16207;--bad:#b91c1c;--scribble-wash:#d7e0f5;--scribble-opacity:0.18;--hair:1.5px;color-scheme:light}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%;background-color:var(--paper);background-image:url(/textures/inlay-paper.png);background-size:520px 520px;color:var(--ink-deep);font-family:var(--font-body),"Source Sans 3",sans-serif}a{color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand-red);outline-offset:3px}.hand{font-family:var(--font-hand),"Playpen Sans",sans-serif;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.shell{min-height:100dvh;display:grid;grid-template-columns:108px minmax(0,1.05fr) minmax(0,1fr)}@media (max-width:980px){.shell{grid-template-columns:1fr}.shell-operate .spine{order:0}.shell-operate .side-a{order:1}.shell-operate .panel-editor{order:2}}.spine{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1.4rem calc(22px + .55rem) 1.6rem .55rem;border-right:var(--hair) solid color-mix(in srgb,var(--ink) 40%,transparent);background:linear-gradient(90deg,transparent 0,transparent calc(100% - 22px),var(--brand-red) calc(100% - 22px)),color-mix(in srgb,#fff 35%,transparent);min-height:100dvh}.spine:before{content:"";position:absolute;inset:0;background:url(/textures/inlay-paper.png);background-size:420px;opacity:.55;pointer-events:none;z-index:0}.spine>*{position:relative;z-index:1}.spine-corridor{font-family:var(--font-hand),sans-serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.spine-alts,.spine-corridor{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.85rem}.spine-alts{display:flex;flex-direction:column;gap:.55rem;align-items:center}.spine-alts a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}@media (max-width:980px){.spine{min-height:0;height:auto;flex-direction:row;align-items:center;gap:.85rem;padding:.55rem .85rem calc(14px + .55rem);border-right:none;border-bottom:var(--hair) solid color-mix(in srgb,var(--ink) 40%,transparent);background:linear-gradient(180deg,color-mix(in srgb,#fff 45%,transparent) 0,color-mix(in srgb,#fff 45%,transparent) calc(100% - 14px),var(--brand-red) calc(100% - 14px),var(--brand-red) 100%)}.spine-alts,.spine-corridor{writing-mode:horizontal-tb;transform:none}.spine-alts{flex-direction:row;flex-wrap:wrap;margin-left:auto}}.panel{padding:clamp(1.15rem,2.8vw,2.35rem);border-right:var(--hair) solid color-mix(in srgb,var(--ink) 28%,transparent);background:color-mix(in srgb,#fff 28%,transparent)}@media (max-width:980px){.panel{border-right:none;border-bottom:var(--hair) solid color-mix(in srgb,var(--ink) 28%,transparent)}}.cover-brand{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.55rem}.cover-title{margin:0;line-height:.92}.cover-title img{display:block;width:min(100%,280px);height:auto}.tagline{font-family:var(--font-hand),sans-serif;font-weight:700;font-size:clamp(1.25rem,2.6vw,1.7rem);text-transform:uppercase;color:var(--ink);margin:.45rem 0 1rem;display:inline-block;border-bottom:3px solid var(--brand-red);padding-bottom:.05rem}.lede{max-width:36ch;font-size:1.02rem;line-height:1.4;margin:0 0 1.35rem;color:var(--ink-deep)}.field{grid-gap:.3rem;gap:.3rem}.field,.field-pair{display:grid;margin-bottom:.9rem}.field-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-gap:.55rem;gap:.55rem;align-items:end}.field-pair .field{margin-bottom:0}.field-pair-arrow{font-size:1.25rem;line-height:1;padding-bottom:.55rem}.field label,.field-pair-arrow{font-family:var(--font-hand),sans-serif;font-weight:700;color:var(--ink)}.field label{font-size:1.05rem;text-transform:uppercase;letter-spacing:.04em}.field input,.field select,.field textarea,.lang-chrome select{background:color-mix(in srgb,#fff 78%,var(--paper));border:var(--hair) solid var(--ink);border-radius:3px;padding:.5rem .65rem;width:100%}.field select:disabled{opacity:.55;cursor:not-allowed;color:var(--muted)}.field textarea{min-height:5.5rem;resize:vertical}@media (max-width:420px){.field-pair{grid-template-columns:1fr;gap:.75rem}.field-pair-arrow,.field-pair-sep{display:none}}.side-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.side-tabs-compact{gap:.35rem}.side-tabs-compact .side-tab{padding:.35rem .65rem;font-size:.95rem}.operate-brand{justify-content:space-between;margin-bottom:.75rem}.operate-brand,.operate-brand-mark{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.operate-brand-name{margin:0;font-size:1.25rem;letter-spacing:.02em;color:var(--ink-deep)}.operate-brand-controls{display:flex;flex-wrap:wrap;align-items:end;gap:.55rem;justify-content:flex-end}.field-pair-sep{font-family:var(--font-hand),sans-serif;font-weight:700;font-size:1.1rem;line-height:1;color:var(--muted);padding-bottom:.55rem}.lang-chrome{flex:0 0 auto;min-width:8.5rem;max-width:11rem}.lang-chrome-compact select{padding:.35rem .45rem;font-size:.9rem}.field-compact{margin-bottom:0}.field-compact label{font-size:.85rem}.field-compact select{padding:.35rem .45rem;font-size:.9rem}.fx-disclaimer{margin:.55rem 0 0;font-size:.88rem}html[data-lang=zh-Hans] body{font-family:var(--font-cjk),var(--font-body),system-ui,sans-serif}html[data-lang=zh-Hans] .hand{font-family:var(--font-cjk),var(--font-hand),system-ui,sans-serif}.panel-title{font-size:1.55rem;margin:0 0 .35rem}.money-fold{margin:.6rem 0 1rem}.money-fold-summary{font-size:1.55rem;cursor:pointer;list-style:none;color:var(--ink)}.money-fold-summary::-webkit-details-marker{display:none}.money-fold-summary:after{content:" ▾";font-size:.75em;color:var(--muted)}.money-fold[open]>.money-fold-summary:after{content:" ▴"}.money-fold .money-table{margin-top:.45rem}.confirm-hint{margin:.5rem 0 0}.item-cat{display:flex;flex-wrap:wrap;gap:.35rem;align-items:stretch;min-width:0}.item-cat select{flex:1 1 10rem;min-width:0}.item-confirm{flex:0 0 auto;align-self:center}.item-row-confirm{outline:1.5px dashed var(--warn);outline-offset:3px;border-radius:3px}.side-tab{position:relative;isolation:isolate;font-family:var(--font-hand),sans-serif;font-weight:700;font-size:1.05rem;text-transform:uppercase;color:var(--ink);border:var(--hair) solid var(--ink);background:color-mix(in srgb,#fff 70%,transparent);padding:.32rem .7rem;border-radius:3px;cursor:pointer}.side-tab[aria-pressed=true]{background-color:var(--scribble-wash);color:var(--ink-deep)}.side-tab[aria-pressed=true]:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:url(/textures/ballpoint-scribble.png);background-size:180px;opacity:var(--scribble-opacity);mix-blend-mode:multiply;pointer-events:none}.side-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.side-head h2{margin:0;font-family:var(--font-hand),sans-serif;font-weight:700;font-size:1.55rem;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--ink)}.track-ghost{opacity:.88}.track-ghost .play-mark{opacity:.4}.panel.side-a{display:flex;flex-direction:column}.panel.side-a .totals{margin-top:auto}.track-cols{display:grid;grid-template-columns:auto auto 1fr auto;grid-gap:.55rem;gap:.55rem;font-family:var(--font-hand),sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:.35rem;padding:0 0 .25rem;border-bottom:1px solid color-mix(in srgb,var(--ink) 35%,transparent)}.play-mark{width:.85rem;height:.85rem;margin-top:.25rem;border-left:.55rem solid var(--ink);border-top:.35rem solid transparent;border-bottom:.35rem solid transparent}.add-item,.play-mark{background:transparent}.add-item{margin-top:.65rem;font-family:var(--font-hand),sans-serif;font-weight:700;font-size:1.05rem;text-transform:uppercase;color:var(--ink);border:1.5px dashed var(--ink);border-radius:3px;padding:.4rem .7rem;cursor:pointer;width:100%;text-align:left}.muted{color:var(--muted);font-size:.9rem}.tracklist{list-style:none;margin:0;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.track{display:grid;grid-template-columns:auto auto 1fr auto;grid-gap:.55rem;gap:.55rem;align-items:start;padding:.4rem 0;border-bottom:1px dotted color-mix(in srgb,var(--ink) 35%,transparent)}.light{width:1rem;height:1rem;margin-top:.15rem}.light-amber,.light-green{border-radius:50%;border:2px solid var(--ink)}.light-green{background:var(--ok);border-color:var(--ok)}.light-amber{background:transparent;box-shadow:inset 0 0 0 3px var(--warn);border-color:var(--warn)}.light-red{width:1.1rem;height:1.1rem;background:url(/marks/ink-x.png) 50%/contain no-repeat;border:0}.track-title{font-size:1.02rem;line-height:1.25;color:var(--ink-deep)}.track-title,.track-why{font-family:var(--font-body),"Source Sans 3",sans-serif;font-weight:400}.track-why{font-size:.86rem;line-height:1.3;color:var(--muted);margin-top:.12rem;max-width:52ch}.track-time{font-family:var(--font-hand),sans-serif;font-weight:700;font-size:1.1rem;color:var(--ink);white-space:nowrap}.totals{margin-top:1.1rem;border:2px solid var(--ink);padding:.8rem .95rem;border-radius:3px;background:color-mix(in srgb,#fff 60%,transparent);position:relative}.totals .runtime{position:absolute;top:-.7rem;right:.7rem;width:110px;height:auto}.totals strong{font-size:1.55rem;color:var(--ink);text-transform:uppercase}.totals strong,.totals-dash{font-family:var(--font-hand),sans-serif;font-weight:700;display:block}.totals-dash{font-size:1.1rem;color:var(--muted);line-height:1.2}.totals-note{margin:.35rem 0 0}.totals-pending{margin-top:1.1rem}.btn{position:relative;isolation:isolate;font-family:var(--font-hand),sans-serif;font-weight:700;font-size:1.1rem;text-transform:uppercase;color:var(--ink-deep);border:2px solid var(--ink);background:color-mix(in srgb,#fff 70%,transparent);padding:.45rem .95rem;border-radius:3px;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background-color:var(--scribble-wash);color:var(--ink-deep)}.btn-primary:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:url(/textures/ballpoint-scribble.png);background-size:200px;opacity:var(--scribble-opacity);mix-blend-mode:multiply;pointer-events:none}.btn-primary:hover:not(:disabled){transform:translateY(-1px) rotate(-.3deg);transition:transform .16s cubic-bezier(.16,1,.3,1)}.cta-start{margin-top:.85rem;display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1.05rem .55rem .55rem}.cta-start-mark{display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1.5px solid var(--ink);border-radius:3px;background-color:color-mix(in srgb,var(--scribble-wash) 70%,#fff);position:relative;isolation:isolate;flex-shrink:0}.cta-start-mark:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:url(/textures/ballpoint-scribble.png);background-size:120px;opacity:calc(var(--scribble-opacity) + .12);mix-blend-mode:multiply;pointer-events:none}.cta-start-mark svg{width:.95rem;height:.95rem;fill:var(--ink-deep)}.btn-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.below{grid-column:2/-1;padding:1rem clamp(1.15rem,2.8vw,2.35rem) 2rem;border-top:1px dashed color-mix(in srgb,var(--ink) 35%,transparent)}@media (max-width:980px){.below{grid-column:1}}.examples{display:flex;flex-wrap:wrap;gap:.4rem}.chip{font-size:.85rem;border:1px dashed var(--ink);background:transparent;padding:.28rem .55rem;border-radius:999px;cursor:pointer;color:var(--ink)}.chip-primary{position:relative;isolation:isolate;border-style:solid;border-width:1.5px;background-color:color-mix(in srgb,var(--scribble-wash) 70%,#fff);font-family:var(--font-hand),sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-deep)}.chip-primary:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:url(/textures/ballpoint-scribble.png);background-size:140px;opacity:var(--scribble-opacity);mix-blend-mode:multiply;pointer-events:none}.text-action{font:inherit;color:var(--ink-deep);background:none;border:0;padding:0;margin:0;cursor:pointer;text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1.5px;border-radius:3px}.text-action:hover{color:var(--brand-red)}.text-action:focus-visible{outline:2px solid var(--brand-red);outline-offset:3px}.cta-start-hint{margin:.45rem 0 0;max-width:36ch}.story{margin:.85rem 0 0;max-width:52ch;font-size:.95rem;color:var(--ink-deep)}.story em{font-style:normal;font-family:var(--font-hand),sans-serif;font-weight:700;color:var(--brand-red)}.item-editor{grid-template-columns:minmax(0,1.2fr) minmax(11rem,1.5fr) 4.5rem 7rem 5.75rem;grid-gap:.55rem .35rem;gap:.55rem .35rem;margin-top:.75rem}.item-editor,.item-row{display:grid;align-items:start}.item-row{grid-template-columns:subgrid;grid-column:1/-1;grid-gap:inherit;gap:inherit}.item-row-head{align-items:end;margin-bottom:0}.item-row-head span{font-family:var(--font-hand),sans-serif;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);line-height:1.2;min-width:0}.item-row-head span:nth-child(3),.item-row-head span:nth-child(4){text-align:left}@media (max-width:720px){.item-editor,.item-row{grid-template-columns:1fr 1fr}.item-row{gap:.35rem}.item-cat,.item-desc{grid-column:1/-1}.item-row-head{display:none}}.item-row input,.item-row select{border:var(--hair) solid var(--ink);border-radius:3px;padding:.35rem .45rem;background:#fff;width:100%}.btn-row-sticky{position:-webkit-sticky;position:sticky;bottom:.5rem;z-index:2;padding:.45rem 0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--paper) 92%,transparent) 35%)}.money-table{width:100%;border-collapse:collapse;margin:.6rem 0 1rem;font-size:.95rem}.money-table td,.money-table th{text-align:left;padding:.35rem .2rem;border-bottom:1px dotted color-mix(in srgb,var(--ink) 30%,transparent)}.suggestions{margin:0;padding-left:1.1rem;display:grid;grid-gap:.35rem;gap:.35rem}.disclaimer{margin-top:1.2rem;font-size:.85rem;color:var(--muted);max-width:62ch}.error{color:var(--bad);font-weight:650;margin:.65rem 0}@keyframes flip-in{0%{opacity:.5;filter:blur(1.5px);transform:rotateY(-6deg) translateY(5px)}to{opacity:1;filter:none;transform:none}}.flip-panel{animation:flip-in .42s cubic-bezier(.16,1,.3,1) both;transform-origin:left center}@media (prefers-reduced-motion:reduce){.btn-primary:hover:not(:disabled),.flip-panel{animation:none;transition:none;transform:none}}