.tp-shell{padding-top:8px;padding-bottom:120px}.tp-lede{max-width:640px;margin:10px 0 24px}.lp-try{padding-top:24px;padding-bottom:48px}.tp{position:relative;border-radius:var(--r-lg,24px);padding:18px 16px 84px;background:var(--surface);border:1px solid var(--rule-soft);box-shadow:0 1px 0 var(--rule-soft),0 18px 40px rgba(18,20,23,.08)}@media (min-width:768px){.tp{padding:26px 28px 88px}}.tp-progress{grid-template-columns:repeat(5,1fr);margin-bottom:18px}.tp-dot,.tp-progress{display:grid;grid-gap:6px;gap:6px}.tp-dot{font-size:.7rem;color:var(--ink-3,var(--ink-2))}.tp-dot:before{content:"";height:5px;border-radius:999px;background:var(--rule-soft);transition:background var(--dur-md) var(--ease-out)}.tp-dot.on:before{background:var(--ink)}.tp-dot.on{color:var(--ink)}.tp-dot-label{display:none}@media (min-width:640px){.tp-dot-label{display:block}}.tp-h{font-size:clamp(1.2rem,3vw,1.5rem);margin:0 0 14px}.tp-step{min-height:220px}.tp-aud{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}@media (min-width:768px){.tp-aud{grid-template-columns:repeat(4,1fr)}}.tp-card{display:grid;grid-gap:4px;gap:4px;padding:16px 14px;min-height:84px;border-radius:var(--r-md,16px);border:1.5px solid var(--rule-soft);background:var(--paper-2);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out)}.tp-card strong{font-size:1.05rem}.tp-card span{font-size:.82rem;color:var(--ink-2)}.tp-card:hover{transform:translateY(-2px)}.tp-card[aria-pressed=true],.tp-type[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px var(--accent-soft)}.tp-types{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}@media (min-width:768px){.tp-types{grid-template-columns:repeat(6,1fr)}}.tp-type{display:grid;grid-gap:8px;gap:8px;padding:10px;border-radius:var(--r-md,16px);border:1.5px solid var(--rule-soft);background:var(--paper-2);color:var(--ink);font:inherit;font-weight:600;font-size:.85rem;cursor:pointer}.tp-mini{display:block;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#fff;padding:6px;color:#121417}.tp-mini svg{display:block;width:100%;height:auto;max-height:100%}.tp-mini .pz-text{font-size:6.5px;line-height:1.25;text-align:left}.tp-mini-wait{display:block;height:100%;border-radius:6px;background:repeating-linear-gradient(0deg,transparent 0 10px,rgba(18,20,23,.06) 10px 11px),repeating-linear-gradient(90deg,transparent 0 10px,rgba(18,20,23,.06) 10px 11px)}.tp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tp-chip{padding:8px 14px;border-radius:999px;border:1px solid var(--rule-soft);background:var(--paper-2);color:var(--ink);font:inherit;font-size:.9rem;cursor:pointer}.tp-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.tp-words textarea{width:100%;font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase}.tp-make{display:grid;grid-gap:18px;gap:18px}@media (min-width:900px){.tp-make{grid-template-columns:minmax(0,420px) 1fr;align-items:start}}.tp-make-page{max-width:420px;width:100%;margin:0 auto}.tp-flip{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.tp-page{position:relative;aspect-ratio:8.5/11;display:grid;grid-template-rows:auto auto 1fr auto;grid-gap:6px;gap:6px;padding:7% 8% 5%;color:#121417;text-align:center}.tp-kicker{margin:0;font-size:.62rem;letter-spacing:.14em;color:#5a5f66}.tp-title{margin:0;font-family:var(--font-print-serif,Georgia,serif);font-weight:800;font-size:clamp(1rem,2.4vw,1.25rem)}.tp-page.is-large .tp-title{font-size:clamp(1.15rem,2.8vw,1.45rem)}.tp-fig{display:grid;place-items:center;min-height:0}.tp-fig>*{max-width:100%;max-height:100%}.tp-foot{margin:0;font-size:.65rem;color:#5a5f66}.tp-loading{place-items:center;color:var(--ink-2)}.tp-ink{animation:tp-ink var(--dur-lg) var(--ease-out-expo) both}@keyframes tp-ink{0%{opacity:0;filter:blur(6px);transform:scale(.985)}to{opacity:1;filter:none;transform:none}}.tp-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}@media (min-width:900px){.tp-controls{flex-direction:column;align-items:flex-start}}.tp-badge{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:600;background:var(--paper-2);color:var(--ink-2)}.tp-badge.ok{background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good)}.tp-seg{display:inline-flex;border:1px solid var(--rule-soft);border-radius:999px;overflow:hidden}.tp-seg button{padding:8px 14px;border:0;background:var(--paper-2);color:var(--ink);font:inherit;font-size:.88rem;cursor:pointer}.tp-seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.tp-toggle{display:inline-flex;align-items:center;gap:8px;font-size:.9rem}.tp-bookwrap{display:grid;grid-gap:14px;gap:14px;justify-items:center}.tp-book{position:relative;width:min(360px,100%);aspect-ratio:8.5/11;perspective:1600px}.tp-leaf{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;transition:transform .7s var(--ease-out-expo),opacity .7s var(--ease-out-expo);box-shadow:0 10px 30px rgba(18,20,23,.14)}.tp-leaf .tp-page{height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.tp-leaf.turned{transform:rotateY(-165deg);opacity:0;pointer-events:none}.tp-titlepage{align-content:center;grid-template-rows:auto;gap:12px}.tp-booktitle{margin:0;font-family:var(--font-print-serif,Georgia,serif);font-weight:800;font-size:clamp(1.4rem,5vw,2rem);line-height:1.1}.tp-sub{margin:0;font-size:.8rem;color:#5a5f66}.tp-howto{text-align:left;grid-template-rows:auto auto;align-content:start;gap:10px}.tp-text{margin:0;font-size:.78rem;line-height:1.5}.tp-booknav{display:flex;align-items:center;gap:12px}.tp-final{display:grid;grid-gap:8px;gap:8px;justify-items:center;text-align:center}.tp-bar{width:min(320px,100%)}.tp-nav{display:flex;align-items:center;gap:10px;margin-top:18px}.tp-full{margin-left:auto}.tp-sticky{position:-webkit-sticky;position:sticky;bottom:12px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:18px -4px -70px;padding:10px 12px;border-radius:999px}.tp-sticky-text{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600}@media (max-width:480px){.tp-sticky{border-radius:18px}.tp-sticky .btn-accent{width:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.tp-card,.tp-dot:before,.tp-leaf{transition:none}.tp-ink{animation:none}}.tp-make .tp-page{aspect-ratio:auto;min-height:100%}.tp-make .flip-face{height:100%}.tp-step .tp-h{margin-top:4px}.tp-book{aspect-ratio:8.5/12}.tp-leaf .tp-page{overflow:hidden;font-size:.82em}.tp-leaf{box-shadow:none}.tp-leaf.current{box-shadow:0 10px 30px rgba(18,20,23,.14)}.tp-placeholder{min-height:560px;border-radius:var(--r-lg,24px);background:color-mix(in srgb,var(--surface,#fff) 60%,transparent)}