.charts{gap:24px;margin-top:28px;display:grid}.chart{align-content:start;gap:14px;padding:22px 20px 20px;display:grid}.chart figcaption{gap:4px;display:grid}.svg{width:100%;max-width:640px;height:auto;display:block;overflow:visible}.svg--short{max-width:100%}.axis{stroke:var(--ink-2);stroke-width:1px}.axis--grid{stroke:#1e1b1638;stroke-dasharray:3 3}.tick{fill:var(--ink-2);font:500 10px var(--font-m)}.bar{fill:var(--ink)}.bar--today{fill:var(--stamp)}.seg--mature{fill:var(--ink);background:var(--ink)}.seg--young{fill:#7d7360;background:#7d7360}.seg--learn{fill:var(--stamp);background:var(--stamp)}.seg--new{fill:var(--paper-3);background:var(--paper-3)}.seg--empty{fill:#1e1b160f}.line{stroke:var(--stamp);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.dot{fill:var(--paper);stroke:var(--ink);stroke-width:1.6px}.hc--0{fill:#1e1b161a}.hc--1{fill:#e0b4a2}.hc--2{fill:#cd8468}.hc--3{fill:#b4533a}.hc--4{fill:#7e1f0e}.hc--today{stroke:var(--ink);stroke-width:1.6px}.legend{color:var(--ink);flex-wrap:wrap;gap:8px 18px;display:flex}.legend li{align-items:center;gap:8px;display:inline-flex}.swatch{border:1px solid #1e1b1680;border-radius:3px;width:14px;height:14px}@media (width>=900px){.charts{grid-template-columns:1fr 1fr}.charts--two{align-items:stretch}}.hero{align-items:center;gap:44px;padding-top:28px;display:grid}.hero .display{font-size:clamp(2.5rem,11vw,5.2rem)}.hero--404 .display{font-size:clamp(2.4rem,10vw,5.6rem)}.sec{padding-top:clamp(64px,9vw,120px)}.sec h2{max-width:24ch}.drawer{justify-items:center;gap:16px;padding:8px 0 0;display:grid;position:relative}.drawer__tabs{align-self:start;gap:6px;margin-left:clamp(0px,4vw,28px);display:flex}.dtab{background:var(--paper-3);color:var(--ink-2);z-index:2;border-radius:10px 10px 0 0;margin-bottom:-16px;padding:8px 14px 6px;font-size:.68rem;position:relative;transform:translateY(8px)}.dtab--on{background:var(--paper-2);color:var(--ink);transform:translateY(0)}.drawer__stack{aspect-ratio:5/3.3;width:min(100%,460px);margin-top:6px;position:relative}.dcard{position:absolute;inset:0}.dcard--3{background:var(--paper-3);transform:translate(-3%,5%)rotate(-5deg)}.dcard--2{background:var(--paper-2);transform:translate(3%,2.5%)rotate(3deg)}.dcard--1{perspective:1400px}.flipdemo__inner{transform-style:preserve-3d;animation:flipdemo 10s var(--ease) infinite;position:absolute;inset:0}.dface{backface-visibility:hidden;background-image:repeating-linear-gradient(to bottom, transparent 0 31px, var(--rule) 31px 32px);background-position:0 40px;background-color:var(--paper);align-content:center;justify-items:center;gap:8px;padding:36px 18px 18px;display:grid;position:absolute;inset:0}.dface--b{transform:rotateX(180deg)}.dface__l{color:var(--ink-2);position:absolute;top:12px;left:18px}.dface__t{font:700 clamp(1.8rem, 7vw, 2.8rem) / 1.1 var(--font-s);text-align:center}.dface__t--sm{font-size:clamp(1.2rem,4.6vw,1.8rem)}.dface__s{position:absolute;bottom:14px;right:16px}@keyframes flipdemo{0%,42%{transform:rotateX(0)}52%,92%{transform:rotateX(180deg)}to{transform:rotateX(360deg)}}.drawer__cap{color:var(--text-3);text-align:center;max-width:44ch;margin-top:22px;line-height:1.6}.how{gap:32px;display:grid}.ledger{border-top:1px solid var(--line);gap:0;margin-top:22px;display:grid}.ledger li{border-bottom:1px solid var(--line);gap:4px;padding:16px 0;display:grid}.ledger strong{font:600 .78rem/1.4 var(--font-m);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.ledger span{color:var(--text-2);max-width:62ch}.ladder{counter-reset:none;align-content:start;gap:10px;display:grid}.ld{grid-template-columns:5.4rem 1fr auto;align-items:center;gap:12px;display:grid}.ld__n{color:var(--text-2)}.ld__bar{background:var(--paper);height:14px;box-shadow:0 2px 0 var(--paper-3);border-top:3px solid var(--margin);border-radius:3px;min-width:14px}.ld-1 .ld__bar{width:6%}.ld-2 .ld__bar{width:11%}.ld-3 .ld__bar{width:22%}.ld-4 .ld__bar{width:38%}.ld-5 .ld__bar{width:56%}.ld-6 .ld__bar{width:78%}.ld-7 .ld__bar{width:100%}.ld__v{font:700 1.1rem/1 var(--font-d);text-align:right;min-width:5.2rem}.modes{gap:22px;margin-top:28px;display:grid}.mode{justify-items:start;gap:10px;padding:22px 22px 26px;display:grid}.mode p{color:var(--ink-2)}.mode:first-child{transform:rotate(-.6deg)}.mode:nth-child(3){transform:rotate(.6deg)}.keyline{color:var(--text-2);flex-wrap:wrap;gap:10px 26px;margin-top:28px;line-height:2;display:flex}.keyline kbd{color:var(--text);margin-right:4px}.datagrid{align-items:start;gap:30px;margin-top:8px;display:grid}.csvdemo{gap:10px;min-width:0;padding:18px 18px 20px;display:grid}.csvdemo__h{color:var(--ink-2)}.csv{color:var(--ink);font:400 .85rem/1.7 var(--font-m);background:#fbf7ea;border-radius:8px;margin:0;padding:12px;overflow-x:auto}.sec .note{margin-top:26px}.lost{background-image:repeating-linear-gradient(to bottom, transparent 0 31px, var(--rule) 31px 32px);background-position:0 40px;align-content:center;justify-items:center;gap:10px;width:100%;max-width:420px;min-height:260px;margin-inline:auto;padding:40px 20px 30px;display:grid;transform:rotate(2deg)}.lost__t{font:800 clamp(3.4rem, 16vw, 6rem) / 1 var(--font-s)}.lost .dface__l{position:static}@media (width>=900px){.hero,.how{grid-template-columns:1.1fr 1fr;gap:56px}.modes{grid-template-columns:repeat(3,1fr)}.datagrid{grid-template-columns:1fr 1.1fr;gap:48px}.ledger{margin-top:0}}@media (prefers-reduced-motion:reduce){.flipdemo__inner{animation:none}}