.book-grid{grid-template-areas:"intro""form""trust";gap:32px;display:grid}.book-intro{grid-area:intro}.book-form{grid-area:form}.book-trust{grid-area:trust}@media (min-width:1024px){.book-grid{-moz-column-gap:64px;grid-template:"intro form""trust form"1fr/minmax(0,1fr) minmax(0,1fr);align-items:start;gap:36px 64px}}.book-count{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;font-size:11px;transition:color .2s}.book-count[data-ready]{color:var(--positive)}.book-bar{background:var(--surface-soft);border-radius:4px;height:4px;overflow:hidden}.book-bar span{background:linear-gradient(90deg, var(--accent), var(--accent-4));transform-origin:0;border-radius:4px;height:100%;transition:transform .45s cubic-bezier(.22,1,.36,1);display:block}.book-from{border:1px dashed rgb(var(--accent-rgb) / .45);background:rgb(var(--accent-rgb) / .06);color:var(--ink-1);border-radius:14px;padding:10px 14px;font-size:13.5px;line-height:1.45}.book-chips{flex-wrap:wrap;gap:8px;display:flex}.book-chip{cursor:pointer;position:relative}.book-chip span{border:1px solid var(--line-strong);background:var(--bg-0);min-height:44px;color:var(--ink-1);border-radius:999px;align-items:center;padding:0 16px;font-size:14px;transition:background-color .18s,color .18s,border-color .18s,transform .18s;display:inline-flex}.book-chip:hover span{border-color:var(--ink-2);color:var(--ink-0)}.book-chip[data-quiet] span{border-style:dashed}.book-chip input:checked+span{background:var(--ink-0);border-color:var(--ink-0);color:var(--bg-0);transform:translateY(-1px)}.book-chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.book-hint{color:var(--ink-1);font-size:13px;line-height:1.5}.book-chars{font-variant-numeric:tabular-nums}.book-chars[data-ok]{color:var(--positive)}.book-starter{border:1px solid var(--line);background:var(--surface-soft);text-align:left;min-height:36px;color:var(--ink-1);border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;line-height:1.35;transition:border-color .18s,color .18s,background-color .18s;display:inline-flex}.book-starter span{color:rgb(var(--accent-rgb));font-weight:600}.book-starter:hover{border-color:var(--line-strong);color:var(--ink-0);background:var(--surface-hover)}.book-starter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.book-reader{border:1px solid var(--line);background:rgb(var(--bg-1-rgb) / .6);border-radius:22px;align-items:flex-start;gap:16px;padding:20px;display:flex}.book-steps{gap:16px;display:grid}.book-steps li{border-top:1px solid var(--line);align-items:baseline;gap:20px;padding-top:16px;display:flex}.book-steps li:first-child{border-top:0;padding-top:0}.book-step-n{width:40px;font-family:var(--font-display);background:linear-gradient(120deg, var(--accent), var(--accent-4));color:#0000;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:22px;font-style:italic}@media (prefers-reduced-motion:reduce){.book-bar span,.book-chip span,.book-count{transition:none}}