:root{--paper: #f6f1e8;--paper-2: #efe7d8;--ink: #1c1915;--ink-soft: #5c564c;--line: #ddd4c4;--card: #fffbf5;--accent: #c45c26;--accent-soft: #f3dfd2;--good: #2f6f4e;--good-soft: #dcece3;--warn: #a15c12;--money: #8a6a22;--shadow: 0 10px 30px rgba(28, 25, 21, .06);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 40px;--radius: 20px;--max: 430px;--ease: cubic-bezier(.22, 1, .36, 1);--font-serif: "Source Serif 4", "Iowan Old Style", Georgia, serif;--font-sans: "Source Sans 3", "Nunito Sans", ui-sans-serif, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:18px;line-height:28px;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit;touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{min-height:100dvh;background:var(--paper);padding:20px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.shell-inner{max-width:var(--max);margin:0 auto}.shell-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);min-height:44px}.wordmark{font-family:var(--font-serif);font-size:16px;font-weight:600;color:var(--ink-soft);background:none;border:none;padding:0;cursor:pointer}.icon-btn{width:44px;height:44px;display:grid;place-items:center;background:none;border:none;color:var(--ink-soft);cursor:pointer;border-radius:12px;transition:transform .12s var(--ease)}.icon-btn:active{transform:scale(.98)}.screen{display:flex;flex-direction:column;gap:var(--space-3);animation:fade .22s var(--ease)}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.screen-head{display:flex;flex-direction:column;gap:var(--space-1)}.label{margin:0;font-size:14px;line-height:20px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.title{margin:0;font-family:var(--font-serif);font-size:28px;line-height:34px;font-weight:600}.display{margin:0;font-family:var(--font-serif);font-size:40px;line-height:44px;font-weight:600;font-variant-numeric:tabular-nums}.display.money{color:var(--money)}.body{margin:0;font-size:18px;line-height:28px;color:var(--ink-soft)}.pill{align-self:flex-start;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:14px;line-height:20px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.btn{height:52px;width:100%;border-radius:16px;border:1px solid transparent;font-size:18px;line-height:24px;font-weight:600;cursor:pointer;transition:transform .12s var(--ease)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--card)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.link{background:none;border:none;padding:12px;font-size:16px;line-height:24px;font-weight:600;color:var(--ink-soft);cursor:pointer;align-self:center;border-radius:12px}.stats{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;column-gap:var(--space-2);row-gap:12px;justify-items:center;align-items:start;padding:var(--space-1) 0}.stat{display:contents}.stat-label{text-align:center;white-space:nowrap}.stat-score .stat-label{grid-area:1 / 1}.ring-wrap{grid-area:2 / 1 / 4 / 2;width:120px;height:120px}.ring-wrap svg{display:block}.ring-arc{transition:stroke-dasharray .4s var(--ease)}.ring-value{font-family:var(--font-serif);font-size:32px;font-weight:600;fill:var(--ink)}.stat-money .stat-label{grid-area:1 / 2}.jar{grid-area:3 / 2;width:96px;height:auto;display:block}.jar-body{fill:var(--card);stroke:var(--line);stroke-width:2;stroke-linejoin:round}.jar-lid{fill:var(--paper-2);stroke:var(--line);stroke-width:2;stroke-linejoin:round}.jar-fill{fill:var(--money);transform-box:fill-box;transform-origin:50% 100%;transition:transform .4s var(--ease)}.jar-amount{grid-area:2 / 2;text-align:center}.jar-amount .of{margin:4px 0 0;font-size:16px;line-height:24px;color:var(--ink-soft)}.today-card .title{font-size:24px;line-height:30px;margin:8px 0 20px}.canvas-card{padding:8px}.canvas-card.is-good,.card.is-good{animation:flash-good .4s var(--ease)}.prompt-emoji{margin:0 0 8px;font-size:40px;line-height:44px;text-align:center}.prompt-text{margin:0 0 16px;font-family:var(--font-serif);font-size:22px;line-height:30px;font-weight:600}.spell-input,.copy-input{width:100%;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);font-family:inherit;font-weight:600}.spell-input{height:52px;font-size:24px;line-height:28px;letter-spacing:.12em;text-align:center;text-transform:lowercase}.copy-input{min-height:96px;padding:12px 14px;font-size:18px;line-height:28px;resize:vertical}.spell-input:disabled,.copy-input:disabled{opacity:.7}@keyframes flash-good{0%{background:var(--good-soft)}to{background:var(--card)}}.canvas{display:block;width:100%;aspect-ratio:1 / 1;max-height:42vh;max-height:42dvh;border-radius:12px;touch-action:none;user-select:none;-webkit-user-select:none}.canvas-lines line{stroke:var(--line);stroke-width:2;stroke-linecap:round}.canvas-lines .mid{stroke-dasharray:2 8}.trace-guide{opacity:.5}.trace-guide *{fill:none;stroke:var(--ink-soft);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0 1}.trace-start{fill:var(--accent)}.trace-stroke{fill:none;stroke:var(--ink);stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.feedback{margin:0;min-height:28px;font-size:18px;line-height:28px;color:var(--ink-soft)}.feedback.good{color:var(--good)}.actions{display:flex;flex-direction:column;gap:12px}.actions.sticky{position:sticky;z-index:2;bottom:0;padding:20px 0 calc(16px + env(safe-area-inset-bottom,0px));margin-bottom:calc(-24px - env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,rgba(246,241,232,0),var(--paper) 40%)}.path{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.node{position:relative;display:flex;align-items:center;gap:16px;min-height:48px;padding:0 0 0 4px}.node:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--line)}.node:first-child:before{top:50%}.node:last-child:before{bottom:50%}.node-dot{position:relative;z-index:1;flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 4px var(--paper)}.node.locked .node-dot{width:12px;height:12px;margin:0 6px;background:var(--line)}.node.done .node-dot{width:20px;height:20px;margin:0 2px;background:var(--accent);color:var(--card)}.node.current .node-dot{border:3px solid var(--accent);background:var(--card);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.node-label{font-size:16px;line-height:24px;color:var(--ink-soft)}.node.done .node-label{color:var(--ink)}.node.current .node-label{color:var(--ink);font-weight:600}.card.settings{padding:4px 20px}.setting{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:10px 0;border-top:1px solid var(--line)}.setting:first-child{border-top:0}.setting-label{font-size:18px;line-height:24px;color:var(--ink)}.select{appearance:none;-webkit-appearance:none;height:44px;min-width:128px;padding:0 40px 0 14px;border:1px solid var(--line);border-radius:12px;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6.5 L8 10.5 L12 6.5' stroke='%235C564C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;font-family:inherit;font-size:16px;line-height:24px;font-weight:600;color:var(--ink);cursor:pointer}.btn-compact{width:auto;height:44px;padding:0 18px;font-size:16px;border-radius:12px}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:active{transform:none}.note{margin:0;font-size:16px;line-height:24px;color:var(--ink-soft)}.year-1 .body,.year-1 .feedback{font-size:20px;line-height:30px}@media(prefers-reduced-motion:reduce){.screen{animation:none}.btn,.icon-btn,.jar-fill,.ring-arc{transition:none}.canvas-card.is-good,.card.is-good,.node.current .node-dot{animation:none}}