.page-head{gap:var(--space-sm);padding-block:var(--space-lg) var(--space-lg);display:grid}.tool-title{font-family:var(--font-hand);margin:0;font-size:clamp(2rem,min(4vw,8vh),3.2rem);font-weight:400;line-height:1.3}.desk{gap:var(--space-xl);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;display:grid}@media (max-width:900px){.desk{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}}.controls{gap:var(--space-lg);display:grid}.field-head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.field-head label,.styles-field legend,.segment-legend{font-size:.95rem;font-weight:700}.hint{color:var(--graphite);font-size:.9rem}.checks{gap:var(--space-sm);border:0;min-width:0;margin:0;padding:0;display:grid}.checks legend{margin-bottom:var(--space-xs);padding:0}.check{cursor:pointer;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;font-weight:600;display:grid}.check input{width:18px;height:18px;accent-color:var(--plum);cursor:inherit;margin:3px 0 0}.check .hint{font-weight:400;display:block}.check:has(input:disabled){color:var(--graphite);cursor:default}.text-field{gap:var(--space-xs);min-width:0;display:grid}.text-input{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--sheet);width:100%;min-height:46px;color:var(--ink);font:600 1rem/1.2 var(--font-body);padding:0 14px}.text-input::placeholder{color:var(--graphite);font-weight:400}.text-input:focus-visible{border-color:var(--plum);outline-offset:1px}.checks-row{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.checks-row .check{flex:220px}.reshuffle{border-radius:var(--radius-pill);background:var(--sheet);color:var(--plum);flex:none;font-weight:700}.pager span{text-align:center;text-wrap:balance;min-width:0}.desk .ruled{--ruling:34px;width:100%;min-height:calc(var(--ruling) * 6 + 10px);border:1.5px solid var(--line);border-radius:var(--radius-md);background-color:var(--sheet);background-image:linear-gradient(90deg, transparent 38px, color-mix(in srgb, var(--margin) 70%, transparent) 38px, color-mix(in srgb, var(--margin) 70%, transparent) 39.5px, transparent 39.5px), linear-gradient(transparent calc(var(--ruling) - 1px), color-mix(in srgb, var(--rule) 75%, transparent) calc(var(--ruling) - 1px));background-size:100% 100%, 100% var(--ruling);box-shadow:none;color:var(--ink);font:600 1.1rem / var(--ruling) var(--font-body);resize:vertical;field-sizing:fixed;background-position:0 0,0 5px;background-attachment:local;padding:5px 14px 5px 52px;display:block}.desk .ruled:focus-visible{border-color:var(--plum);box-shadow:0 0 0 3px color-mix(in srgb, var(--plum) 18%, transparent)}.desk .ruled::placeholder{color:color-mix(in srgb, var(--graphite) 70%, transparent);font-weight:400}.count{margin-top:var(--space-xs);color:var(--graphite);font-size:.95rem}.privacy{color:var(--graphite);align-items:center;gap:7px;margin-top:2px;font-size:.9rem;display:flex}.privacy svg{color:var(--plum);flex:none}.styles-field{border:0;min-width:0;margin:0;padding:0}.styles-field legend{margin-bottom:var(--space-xs);padding:0}.styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.style-spot{border-radius:var(--radius-md);background:var(--sheet);border:0;padding:0}.style-card{border:1.5px solid var(--line);border-radius:var(--radius-md);cursor:pointer;height:100%;transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out), transform .12s var(--ease-out);align-content:start;gap:2px;padding:10px 12px 12px;display:grid;position:relative}.style-card:hover{border-color:color-mix(in srgb, var(--plum) 35%, var(--line))}.style-card:active{transform:scale(.98)}.style-card[data-checked]{border-color:var(--plum);background:color-mix(in srgb, var(--plum-wash) 55%, transparent)}.style-card:has(input:focus-visible){outline:2px solid var(--plum);outline-offset:2px}.style-sample{margin-bottom:6px;display:block}.style-sample svg{width:100%;height:auto;display:block}.style-name{font-weight:700}.style-desc{color:var(--graphite);font-size:.85rem;line-height:1.35}@media (max-width:640px){.style-desc{display:none}}.segment-field{gap:6px;min-width:0;display:grid}.segment-field>div:first-of-type,.segment-field [role=radiogroup]{width:100%}@media (max-width:480px){.segment-field [class*="px-[var(--rs-pad)]"]{padding-inline:3px;font-size:12px}}.pair{gap:var(--space-md);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (max-width:340px){.styles,.pair{grid-template-columns:minmax(0,1fr)}}.surface{top:var(--space-md);border-radius:var(--radius-md);background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--graphite) 14%, transparent) 1px, transparent 1.5px) 0 0 / 18px 18px, var(--paper-deep);padding:clamp(16px,3vw,32px);position:sticky}@media (max-width:900px){.surface{position:static}}.surface-inner{gap:var(--space-md);max-width:520px;margin-inline:auto;display:grid}.preview{background:var(--sheet);box-shadow:var(--shadow-lift);border-radius:2px;overflow:hidden}.preview svg{width:100%;height:auto;display:block}.pager{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--graphite);font-weight:650;display:flex}.pager-btn{border-radius:var(--radius-pill);background:var(--sheet);color:var(--plum)}.download-row .download{width:100%}.download-row .download:disabled{cursor:not-allowed}@media (max-width:480px){.download-row .download{white-space:normal;text-wrap:balance;min-width:0;padding-inline:1.2em}}.sheet-frame[data-printed] .preview{animation:.72s cubic-bezier(.22,1,.36,1) print-feed}@keyframes print-feed{0%{clip-path:inset(0 0 100%);transform:translateY(-28px)rotate(-.6deg)}70%{clip-path:inset(0);transform:translateY(4px)rotate(.3deg)}to{transform:none}}.status{min-height:1.6em;color:var(--graphite);text-align:center;justify-content:center;align-items:center;gap:8px;font-size:.92rem;display:flex}.dock{display:none}@media (max-width:900px){body:has(.dock){padding-bottom:88px}.dock{inset:auto 12px max(12px, env(safe-area-inset-bottom)) 12px;z-index:50;align-items:center;gap:var(--space-sm);border:1px solid var(--line);background:color-mix(in srgb, var(--sheet) 94%, transparent);box-shadow:var(--shadow-lift);opacity:0;transition:transform .28s var(--ease-out), opacity .2s var(--ease-out);pointer-events:none;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;padding:8px 8px 8px 10px;display:grid;position:fixed;transform:translateY(calc(100% + 24px))}.dock.show{opacity:1;pointer-events:auto;transform:none}}.dock-thumb{border:1px solid var(--line);background:var(--sheet);cursor:pointer;border-radius:3px;width:40px;padding:0}.dock-thumb svg{width:100%;height:auto;display:block}.dock-label{color:var(--ink);font-size:.95rem;font-weight:650;line-height:1.25}.dock-download{border-radius:var(--radius-pill);min-height:44px;padding-inline:1.1em;font-weight:700}.notebook{column-gap:var(--space-xl);margin-top:var(--space-xxl);padding:var(--space-xl) var(--space-xl) var(--space-xl) calc(var(--space-xl) + 28px);border-radius:var(--radius-md);background:var(--sheet);box-shadow:var(--shadow-paper);grid-template-columns:minmax(0,1fr) 240px;display:grid;position:relative}.notebook:before{content:"";inset:0 auto 0 calc(var(--space-xl) - 4px);background:color-mix(in srgb, var(--margin) 60%, transparent);width:1.5px;position:absolute}.notebook-main{gap:var(--space-xl);max-width:68ch;display:grid}.notebook section{gap:var(--space-sm);display:grid}.notebook h3{margin-top:var(--space-sm)}.steps{gap:var(--space-sm);margin:0;padding-left:1.3em;display:grid}.steps li::marker{color:var(--plum);font-weight:800}.margin-notes{align-content:start;gap:var(--space-xl);padding-top:var(--space-xxl);display:grid}.note{color:var(--plum);font-family:var(--font-hand);font-size:1rem;font-weight:300;line-height:1.75;rotate:-1.5deg}.faq{margin-top:var(--space-xl);grid-column:1/-1;max-width:68ch}.faq-accordion{border-top:1px solid var(--line)}.faq-q{padding-block:var(--space-md);color:var(--ink);font-size:1.05rem;font-weight:700;text-decoration:none}.faq-q svg{color:var(--plum)}.faq-a{color:var(--graphite);font-size:1rem}@media (max-width:900px){.notebook{padding:var(--space-lg) var(--space-md) var(--space-lg) calc(var(--space-md) + 20px);grid-template-columns:minmax(0,1fr)}.notebook:before{left:calc(var(--space-md) + 6px)}.margin-notes{gap:var(--space-sm);padding:var(--space-lg) 0 0}.note{rotate:none}}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.activity-card{border:1.5px solid var(--line);border-radius:var(--radius-md);width:100%;height:100%;color:var(--ink);text-align:left;transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out), transform .12s var(--ease-out);align-content:start;gap:6px;padding:10px 12px 12px;display:grid}.activity-card:hover{border-color:color-mix(in srgb, var(--plum) 35%, var(--line))}.activity-card:active{transform:scale(.98)}.activity-card[data-checked]{border-color:var(--plum);background:color-mix(in srgb, var(--plum-wash) 55%, transparent)}.activity-thumb{background:var(--sheet);height:110px;box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;display:block;overflow:hidden}.activity-thumb svg{width:100%;height:auto;display:block}.activity-name{align-items:center;gap:8px;font-weight:700;display:flex}.activity-check{border:1.5px solid var(--graphite);width:18px;height:18px;color:var(--sheet);border-radius:5px;flex:none;place-items:center;display:grid}.activity-card[data-checked] .activity-check{border-color:var(--plum);background:var(--plum)}.activity-desc{color:var(--graphite);font-size:.85rem;line-height:1.35}@media (max-width:640px){.activity-desc{display:none}.activity-thumb{height:84px}}.booklet{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.booklet li{justify-items:center;gap:4px;display:grid}.booklet-page{background:var(--sheet);width:100%;box-shadow:var(--shadow-paper);outline-offset:2px;transition:transform .16s var(--ease-out), outline-color .16s var(--ease-out);border-radius:3px;outline:2px solid #0000;padding:0}.booklet-page:hover{transform:translateY(-2px)}.booklet-page[data-active]{outline-color:var(--plum)}.booklet-page svg{width:100%;height:auto;display:block}.booklet-label{color:var(--graphite);text-align:center;font-size:.75rem;line-height:1.2}.shuffle-btn{border:1.5px solid var(--plum);border-radius:var(--radius-pill);background:var(--sheet);min-height:46px;color:var(--plum);justify-self:start;padding-inline:1.2em;font-weight:700}.shuffle-btn:hover{background:var(--plum-wash);color:var(--plum)}.sheet-switch{justify-self:center;width:min(100%,300px)}.letters-field{border:0;min-width:0;margin:0;padding:0}.letter-presets{gap:var(--space-xs);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.letter-preset{border:1.5px solid var(--line);border-radius:var(--radius-pill);background:var(--sheet);min-height:36px;color:var(--graphite);font:650 .88rem/1 var(--font-body);cursor:pointer;transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out);padding:0 .9em}.letter-preset:hover{border-color:var(--plum);color:var(--plum)}.letter-preset[aria-pressed=true]{border-color:var(--plum);background:var(--plum-wash);color:var(--plum)}.letter-tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.letter-tile{border:1.5px solid var(--line);background:var(--sheet);color:var(--graphite);cursor:pointer;box-shadow:0 2px 0 var(--line);transition:transform .14s var(--ease-out), border-color .14s var(--ease-out), background-color .14s var(--ease-out), box-shadow .14s var(--ease-out);border-radius:10px;justify-items:center;gap:0;padding:4px 2px 6px;display:grid}.letter-tile:hover{border-color:color-mix(in srgb, var(--plum) 55%, var(--line))}.letter-tile:active{box-shadow:0 0 0 var(--line);transform:translateY(2px)}.letter-tile[aria-pressed=false] .letter-glyph{opacity:.45}.letter-tile[aria-pressed=true]{border-color:var(--plum);background:var(--plum-wash);color:var(--plum);box-shadow:0 2px 0 color-mix(in srgb, var(--plum) 60%, var(--line))}.letter-glyph{font-family:PP Naskh,serif;font-size:clamp(1.45rem,1.1rem + 1vw,1.8rem);line-height:1.55}.letter-name{white-space:nowrap;font-size:.68rem;font-weight:650;line-height:1.1}@media (max-width:380px){.letter-tiles{gap:5px}.letter-name{font-size:.6rem}}.letter-glyph.latin{font-family:var(--font-body);font-size:clamp(1.25rem,1rem + .8vw,1.55rem);font-weight:650;line-height:1.7}.letter-glyph.latin.hand{font-family:Playwrite ID Variable,cursive;font-size:clamp(.95rem,.8rem + .45vw,1.1rem);font-weight:400;line-height:3.1}:lang(en) .letter-glyph.latin.hand{font-family:var(--font-hand);line-height:2.6}.letter-glyph.latin.slant{font-style:oblique 10deg}.latin-tiles{grid-template-columns:repeat(7,minmax(0,1fr))}@media (max-width:420px){.latin-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}}.word-chips{flex-wrap:wrap;gap:6px;display:flex}.word-chip{border:1.5px solid var(--plum);border-radius:var(--radius-sm);background:var(--plum-wash);min-height:34px;color:var(--plum);font:650 .95rem/1 var(--font-body);cursor:pointer;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out);padding:0 .75em}.word-chip[aria-pressed=false]{border-color:var(--line);background:var(--sheet);color:var(--graphite);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--graphite) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--graphite) 50%, transparent)}.chip-actions{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.link-button{color:var(--plum);font:650 .92rem/1.4 var(--font-body);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.theme-field{gap:var(--space-xs);border:0;min-width:0;margin:0;padding:0;display:grid}.theme-field legend{margin-bottom:var(--space-xs);padding:0}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px;display:grid}.theme-chip{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--sheet);min-height:40px;color:var(--ink);font:600 .85rem/1.15 var(--font-body);text-align:left;cursor:pointer;transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out);align-items:center;gap:8px;padding:4px 10px 4px 6px;display:flex}.theme-chip:hover{border-color:var(--plum)}.theme-chip[aria-pressed=true]{border-color:var(--plum);background:var(--plum-wash);color:var(--plum)}.theme-icon{flex:none;width:24px;height:24px}.theme-icon svg{width:100%;height:100%;display:block}.theme-icon:empty{border:1.5px solid var(--line);border-radius:4px;width:18px;height:22px;margin-inline:3px}@media (max-width:420px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}