@layer components{.ts-pen{--pen:var(--ts-pen);--ink:var(--ts-ink);--ink-muted:var(--ts-ink-muted);--rule:var(--ts-rule);--rule-strong:var(--ts-rule-strong);--page-sunk:var(--ts-page-sunk);--on-pen:var(--ts-on-pen);--margin:var(--ts-margin);--tape:var(--ts-tape);--success:var(--ts-success);--chart-2:var(--ts-chart-2);--sans:var(--ts-font-sans);--serif:var(--ts-font-serif);--cover:var(--font-fredoka), "Arial Rounded MT Bold", Arial, sans-serif;--hdr:72px;position:relative}@media (max-width:720px){.ts-pen{--hdr:60px}}.ts-pen__story{height:1010svh;position:relative}.ts-pen__stage{top:var(--hdr);grid-template-columns:var(--mw) minmax(0,1fr);height:calc(100vh - var(--hdr));height:calc(100svh - var(--hdr));display:grid;position:sticky;overflow:hidden}.ts-pen__prog{z-index:4;height:var(--ts-line-bar);pointer-events:none;display:none;position:absolute;top:0;left:0;right:0}.ts-pen__prog i{background:var(--pen);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.ts-pen__body{min-width:0;padding:40px 24px 16px var(--gut);flex-direction:column;grid-column:2;display:flex;position:relative}.ts-pen__cap{min-height:172px;position:relative}.ts-pen__kicker{display:none}.ts-pen__cap h3{letter-spacing:-.03em;word-spacing:.06em;text-wrap:balance;max-width:18ch;margin:0 0 10px;font-size:calc(clamp(30px,3.6vw,48px));font-weight:600;font-stretch:88%;line-height:1.05}.ts-pen__cap[data-ch="0"] h3{white-space:nowrap;max-width:none}.ts-pen__cap p:not(.ts-pen__kicker,.ts-pen__fine){max-width:34em;color:var(--ink-muted);font-size:18px;line-height:28px}.ts-pen__cap .ts-pen__fine{max-width:40em;color:var(--ink-muted);margin-top:10px;font-size:13px;line-height:20px}.ts-pen__cap>*{transition:opacity .35s ease,transform .45s var(--ts-ease)}.ts-pen__cap.swap>*{opacity:0;transform:translateY(6px)}.ts-pen__svgwrap{--pad:32;min-height:0;margin-left:calc(-1 * var(--gut));flex:1;position:relative}.ts-pen__world{--k:1px;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.ts-pen__cue{color:var(--ink-muted);font-family:var(--serif);opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:6px;margin:0;font-size:16px;font-style:italic;line-height:20px;transition:opacity .4s;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.ts-pen[data-cue=on] .ts-pen__cue{opacity:1}.ts-pen__cue svg{fill:none;width:14px;height:22px;stroke:var(--pen);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;animation:ts-pen-cue 1.6s var(--ts-ease) infinite}@keyframes ts-pen-cue{0%,to{transform:translateY(-3px)}50%{transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.ts-pen__cap>*,.ts-pen__cue{transition:none}.ts-pen__cue svg{animation:none}}@media (scripting:enabled){.ts-pen__world:not(.armed) .ch{visibility:hidden}}.ts-pen__world text{fill:var(--ink);font-family:var(--sans)}.ts-pen__world .ink{stroke:var(--ink);stroke-width:calc(1.4 * var(--k))}.ts-pen__world .flow,.ts-pen__world .ink{fill:none;stroke-linecap:round;stroke-linejoin:round}.ts-pen__world .flow{stroke:var(--pen);stroke-width:calc(1.8 * var(--k))}.ts-pen__world .bar{fill:none;stroke:var(--pen);stroke-width:calc(3 * var(--k))}.ts-pen__world .hair{fill:none;stroke:var(--rule);stroke-width:calc(var(--k))}.ts-pen__world .mrule{fill:none;stroke:var(--margin);stroke-width:calc(1.5 * var(--k))}.ts-pen__world .plan-ink{fill:none;stroke:var(--ink);stroke-width:calc(1.4 * var(--k));stroke-dasharray:calc(6 * var(--k)) calc(6 * var(--k))}.ts-pen__world .mat,.ts-pen__world .track{fill:var(--page-sunk)}.ts-pen__world .bar-you{fill:none;stroke:var(--pen);stroke-width:10px}.ts-pen__world .bar-tpt{fill:none;stroke:var(--chart-2);stroke-width:10px}.ts-pen__world .muted{fill:var(--ink-muted)}.ts-pen__world .live,.ts-pen__world .pen,.ts-pen__world .penfill,.ts-pen__world .tip,.ts-pen__world .tip-halo{fill:var(--pen)}.ts-pen__world .inkfill{fill:var(--ink)}.ts-pen__world .token text{fill:var(--on-pen)}.ts-pen__world .serif{fill:var(--ink-muted);font-family:var(--serif);font-style:italic}.ts-pen__world .b{font-weight:600}.ts-pen__world .fig{letter-spacing:-.02em;font-weight:500;font-stretch:75%}.ts-pen__world .fig,.ts-pen__world .num{font-variant-numeric:tabular-nums}.ts-pen__world .title{letter-spacing:-.01em;font-weight:600;font-stretch:92%}.ts-pen__world .shopname{letter-spacing:-.03em;word-spacing:.06em;font-weight:600;font-stretch:88%}.ts-pen__world .dot-ok{fill:var(--success)}.ts-pen__world .dot-no{fill:none;stroke:var(--ink-muted);stroke-width:calc(1.2 * var(--k))}.ts-pen__world .tape{fill:var(--tape)}.ts-pen__world .ping{fill:none;stroke:var(--success);stroke-width:calc(1.5 * var(--k));opacity:0}.ts-pen__world .typing circle{fill:var(--ink-muted);opacity:0}.ts-pen__world .wet{fill:none;stroke-linecap:round;opacity:0}@media (max-width:720px){.ts-pen__prog{display:block}.ts-pen__body{padding:22px 16px 16px var(--gut)}.ts-pen__svgwrap{--pad:16}.ts-pen__cap{min-height:168px}.ts-pen__kicker{color:var(--ink-muted);font-family:var(--serif);margin:0 0 6px;font-size:15px;font-style:italic;line-height:20px;display:block}.ts-pen__cap[data-ch="0"] .ts-pen__kicker{visibility:hidden}.ts-pen__cap h3{font-size:30px}.ts-pen__cap[data-ch="0"] h3{font-size:calc(min(30px,7vw))}.ts-pen__cap p:not(.ts-pen__kicker,.ts-pen__fine){font-size:15px;line-height:22px}}}