.zdesign{padding-bottom:var(--s8)}.zd-nav{margin-top:var(--s6);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.zd-nav ol{padding:var(--s2) 0;gap:var(--s1) var(--s5);flex-wrap:wrap;margin:0;list-style:none;display:flex}.zd-nav a{align-items:baseline;gap:var(--s2);min-height:44px;color:var(--ink-soft);font-size:var(--text-sm);align-items:center;text-decoration:none;display:inline-flex}.zd-nav a:hover{color:var(--accent)}.zd-nav-no{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint)}.zd-sec{margin-top:var(--s8);scroll-margin-top:calc(var(--nav-h) + var(--s4))}.zd-h{font-size:var(--text-title);margin:0;line-height:1.3}.zd-h3{margin:var(--s7) 0 var(--s3);font-size:var(--text-lg);font-weight:600}.zd-lede{margin-top:var(--s3);max-width:36em;font-size:var(--text-read);color:var(--ink-soft);line-height:1.75}.zd-note{margin-top:var(--s3);max-width:40em;font-size:var(--text-sm);color:var(--ink-faint);line-height:1.6}.zd-use{font-size:var(--text-xs);color:var(--ink-faint);font-family:var(--font-sans);display:block}.zd-palettes{margin-top:var(--s2);gap:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.zd-palettes .zd-h3{margin-top:var(--s5)}.zd-swatches{padding:var(--s2) var(--s4);border:1px solid var(--line);border-radius:var(--r-lg);margin:0;list-style:none}.zd-swatches li{align-items:center;gap:var(--s3);padding:var(--s3) 0;grid-template-columns:40px minmax(0,1fr) auto;display:grid}.zd-swatches li+li{border-top:1px solid #80786c2e}.zd-chip{border-radius:var(--r-md);width:40px;height:40px;box-shadow:inset 0 0 0 1px #80786c59}.zd-token{font-family:var(--font-mono);font-size:var(--text-sm);color:inherit;background:0 0;border:0;padding:0}.zd-sw-text .zd-use{color:inherit}.zd-hex{text-align:right;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5}.zd-ratio{font-family:var(--font-sans);display:block}.zd-caps{margin:var(--s3) 0 0;gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.zd-caps li{border-radius:var(--r-lg);border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.zd-cap-l,.zd-cap-d{align-items:center;gap:var(--s1) var(--s2);padding:var(--s4);grid-template-columns:auto 1fr;display:grid}.zd-cap-hex,.zd-cap-r{font-family:var(--font-mono);font-size:var(--text-xs);grid-column:1/-1}@media (max-width:899px){.zd-palettes,.zd-caps{grid-template-columns:minmax(0,1fr)}}.zd-faces{margin-top:var(--s5);gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.zd-face-k{font-size:var(--text-xs);color:var(--ink-faint)}.zd-face-sample{margin-top:var(--s3);font-size:var(--text-display);line-height:1.15}.zd-face-body{margin-top:var(--s3);font-size:var(--text-read);line-height:1.75}.zd-face-note{margin-top:var(--s3);font-family:var(--font-note);font-size:var(--text-note);color:var(--ink);line-height:1.8}.zd-face-meta{margin-top:var(--s4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint)}@media (max-width:899px){.zd-faces{grid-template-columns:minmax(0,1fr)}}.zd-scale{border-top:1px solid var(--line)}.zd-scale-row{align-items:baseline;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--line);grid-template-columns:200px 120px minmax(0,1fr);display:grid}.zd-scale-head{padding:var(--s2) 0;font-size:var(--text-xs);color:var(--ink-faint)}.zd-scale-row code{font-family:var(--font-mono);font-size:var(--text-sm);background:0 0;border:0;padding:0}.zd-scale-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-soft);line-height:1.6}.zd-scale-sample{overflow-wrap:anywhere;min-width:0}@media (max-width:767px){.zd-scale-row{grid-template-columns:minmax(0,1fr) auto}.zd-scale-head span:nth-child(3){display:none}.zd-scale-sample{grid-column:1/-1}}.zd-buttons{gap:var(--s3);display:grid}.zd-btn-row{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.zd-cards{gap:var(--s5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.zd-card-no{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent)}.zd-card-title{margin-top:var(--s2);font-size:var(--text-display);line-height:1.15}.zd-card-one{margin-top:var(--s3);font-size:var(--text-lg);font-weight:600;line-height:1.6}.zd-tags{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.zd-callouts{gap:var(--s3);max-width:var(--read-max);display:grid}@media (max-width:767px){.zd-cards{grid-template-columns:minmax(0,1fr)}}.zdm-list{margin:var(--s5) 0 0;gap:var(--s4);padding:0;list-style:none;display:grid}.zdm-item{gap:var(--s5);padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;display:grid}.zdm-stage{min-height:120px;padding:var(--s4);border-radius:var(--r-md);background:var(--canvas);justify-content:center;align-items:center;display:flex}.zdm-name{align-items:baseline;gap:var(--s2);font-weight:600;display:flex}.zdm-idx{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint)}.zdm-desc{margin:var(--s2) 0 var(--s3);font-size:var(--text-sm);color:var(--ink-soft);line-height:1.6}@media (max-width:767px){.zdm-item{grid-template-columns:minmax(0,1fr)}}.zdm-sentence{font-size:var(--text-lg);text-align:center;line-height:1.8}.zdm-mark{background-image:linear-gradient(transparent 58%, var(--marker) 58%, var(--marker) 92%, transparent 92%);animation:marker-sweep var(--dur-story) var(--ease) both;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat;background-size:100% 100%}.zdm-hit{-webkit-text-decoration:underline 2px var(--accent);text-decoration:underline 2px var(--accent);text-underline-offset:.25em;background-image:linear-gradient(transparent 58%, var(--marker) 58%, var(--marker) 92%, transparent 92%);animation:marker-sweep .42s var(--ease) both;background-repeat:no-repeat;background-size:100% 100%}.zdm-flip{perspective:600px}.zdm-card{gap:var(--s1);min-width:180px;padding:var(--s4) var(--s5);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-paper);animation:zdm-flip-in .24s var(--ease) both;display:grid}.zdm-no{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent)}.zdm-word{font-size:var(--text-title)}@keyframes zdm-flip-in{0%{opacity:0;filter:blur(2px);transform:translateY(12px)rotate(-1deg)}to{opacity:1;filter:none;transform:none}}.zdm-stamp-wrap{align-items:center;gap:var(--s3);display:flex}.zdm-used{min-height:36px;padding:0 var(--s3);border-radius:var(--r-md);background:var(--success-soft);color:var(--success);font-size:var(--text-sm);align-items:center;font-weight:600;display:inline-flex}.zdm-stamp{border:2px solid var(--accent);border-radius:var(--r-md);width:44px;height:44px;color:var(--accent);place-items:center;animation:.52s cubic-bezier(.3,.9,.3,1.2) both zdm-stamp;display:inline-grid;transform:rotate(-8deg)}@keyframes zdm-stamp{0%{opacity:0;transform:rotate(-8deg)scale(1.4)}60%{opacity:1;transform:rotate(-8deg)scale(.92)}to{opacity:1;transform:rotate(-8deg)scale(1)}}.zdm-grid{gap:var(--s2);grid-template-columns:repeat(4,40px);display:grid}.zdm-cell{border:1px dashed var(--line-strong);border-radius:var(--r-sm);height:32px}.zdm-on{background:var(--cap-vc-soft);border-style:solid;border-color:#0000}.zdm-lit{background:var(--cap-vc-soft);border-style:solid;border-color:#0000;position:relative;overflow:hidden}.zdm-lit:after{content:"";background:radial-gradient(circle, var(--cap-vc) 0%, transparent 70%);opacity:0;animation:zdm-bloom .8s var(--ease) both;position:absolute;inset:0}@keyframes zdm-bloom{0%{opacity:.55;transform:scale(.2)}to{opacity:0;transform:scale(1.8)}}.zdm-list[data-reduced] *,.zdm-list[data-reduced] :after{animation:none!important}@media (prefers-reduced-motion:reduce){.zdm-list *,.zdm-list :after{animation:none!important}}.zd-template{margin-top:var(--s5);max-width:var(--read-max)}.zd-template .zw-prompt-body{white-space:pre-wrap;font-size:var(--text-sm);line-height:1.7}