body.parchment {
  --motion-ease:cubic-bezier(.16,1,.3,1);
  --motion-fast:200ms;
  --motion-normal:300ms;
  --motion-entrance:360ms;
}
.parchment :is(.glyph-card,.pathway,.learning-summary,.guide-invite,.guide-stop,.studio-banner) {
  transition:transform var(--motion-normal) var(--motion-ease),
    box-shadow var(--motion-normal) var(--motion-ease),
    background-color var(--motion-normal) ease-out,border-color var(--motion-normal) ease-out;
}
.parchment :is(.button,.text-button,.text-link,.source-link,.filter,.story-tab,.paper-option,.collection-trigger,.save-button,.close-dialog,.circle-button,.reader-controls button) {
  transition:background-color var(--motion-normal) ease-out,color var(--motion-fast) ease-out,
    border-color var(--motion-fast) ease-out,box-shadow var(--motion-normal) var(--motion-ease),
    transform var(--motion-fast) var(--motion-ease);
}
.parchment :is(.button.secondary,.button.outline,.text-button,.text-link) {border-radius:40px;}
.parchment :is(.text-button,.text-link) {padding:7px 10px;text-underline-offset:5px;}
.parchment .hero-actions .text-link {border:1px solid transparent;}
.parchment .button.primary:active:not(:disabled),.parchment .button.dark:active:not(:disabled) {
  transform:scale(.98);box-shadow:none;
}
.parchment .graph-node {transition:background-color 300ms ease-out,color 200ms ease-out,border-color 200ms ease-out,box-shadow 300ms ease-out;}
.parchment .graph-node:active {box-shadow:0 0 0 3px rgba(176,90,54,.12);}
.parchment .story-preview-list a {transition:background-color 300ms ease-out;}
.parchment .story-preview-list a:hover {padding-left:0;}
.parchment .glyph-open>.glyph {transition:transform 300ms var(--motion-ease);}
.parchment .glyph-open:active>.glyph {transform:scale(.99);}
.parchment :is(.search-field,.field-label input,.field-label textarea,.field-label select) {
  transition:border-color 200ms ease-out,box-shadow 300ms ease-out,background-color 300ms ease-out;
}
.parchment .view-cue {transition:background-color 300ms ease-out,color 200ms ease-out,border-color 200ms ease-out;}
.parchment .hero-art::before {
  content:'';position:absolute;inset:-20px;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse at 48% 32%,rgba(241,211,162,.23),rgba(224,181,134,.06) 38%,transparent 66%);
  opacity:.4;
}
.parchment .hero-art-words,.parchment .hero-art-caption,.parchment .hero-art figcaption {z-index:2;}
.parchment .hero-entry {z-index:3;}
@keyframes cover-paper-breath {
  0%,100% {translate:0 0;}
  50% {translate:0 -8px;}
}
@keyframes cover-paper-light {
  0%,100% {opacity:.25;transform:translate(-20px,8px);}
  50% {opacity:.9;transform:translate(20px,-8px);}
}
@keyframes cover-thread-travel {
  from {stroke-dashoffset:0;}
  to {stroke-dashoffset:-680;}
}
@keyframes home-ink-warmth {0%,100% {color:#fef9ef;}50% {color:#e3bd91;}}
@keyframes home-flower-turn {0%,100% {rotate:-12deg;}50% {rotate:12deg;}}
@keyframes home-story-drift {0%,100% {translate:0 0;opacity:.6;}50% {translate:0 -8px;opacity:.9;}}
@keyframes home-letter-sway {0%,100% {transform:rotate(3deg) translateY(0);}50% {transform:rotate(6deg) translateY(-6px);}}
@media(prefers-reduced-motion:no-preference) {
  .parchment .hero-art .fan-art,.parchment .hero-art .hero-art-words {
    animation:cover-paper-breath 8s ease-in-out infinite;
  }
  .parchment .hero-art::before {animation:cover-paper-light 10s ease-in-out infinite;}
  .parchment .hero-art .fan-art>path:last-child {
    stroke-dasharray:500 180;animation:cover-thread-travel 10s linear infinite;
  }
  .parchment .type-home .font-brush {animation:home-ink-warmth 9s ease-in-out infinite;}
  .parchment .thread-flower {animation:home-flower-turn 6s ease-in-out infinite;}
  .parchment .stories-heading>.glyph {animation:home-story-drift 10s ease-in-out infinite;}
  .parchment .mini-letter {animation:home-letter-sway 9s ease-in-out infinite;}
  .parchment [data-ambient-paused],.parchment [data-ambient-paused] *,
  .parchment [data-ambient-paused]::before,.parchment [data-ambient-paused]::after {animation-play-state:paused;}
}
.parchment .hero-art-caption {max-width:calc(100% - 56px);}
.parchment .alternate-readings {border-top:1px solid var(--line);padding-top:14px;margin-top:18px;}
.parchment .alternate-readings summary {padding:8px 0;cursor:pointer;}
.parchment .alternate-readings>div {padding:8px 0;}
@supports (interpolate-size:allow-keywords) and selector(details::details-content) {
  .parchment .alternate-readings {interpolate-size:allow-keywords;}
  .parchment .alternate-readings::details-content {
    height:0;opacity:0;overflow:clip;
    transition:height 300ms var(--motion-ease),opacity 250ms ease-out,content-visibility 300ms allow-discrete;
  }
  .parchment .alternate-readings[open]::details-content {height:auto;opacity:1;}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .parchment :is(.glyph-card,.pathway,.learning-summary,.guide-invite,.guide-stop,.studio-banner):hover {
    transform:translateY(-2px);box-shadow:0 12px 32px rgba(71,50,33,.07);
  }
  .parchment .graph-node:hover {transform:translate(-50%,-50%);}
}
@media(hover:hover) {
  .parchment .button.primary:hover,.parchment .button.dark:hover {background-color:#984b2b;border-color:#984b2b;}
  .parchment :is(.button.secondary,.button.outline,.text-button,.text-link):hover {background-color:#f5eee1;}
  .parchment .hero-actions .text-link:hover {color:var(--ink);}
}
@media(prefers-reduced-motion:reduce) {
  .parchment :is(.glyph-card,.pathway,.learning-summary,.guide-invite,.guide-stop,.studio-banner),
  .parchment .button:active:not(:disabled),.parchment .glyph-open:active>.glyph {transform:none!important;}
  .parchment .graph-node:hover {transform:translate(-50%,-50%)!important;}
  .parchment *,.parchment *::before,.parchment *::after {animation:none!important;transition:none!important;}
  .parchment .alternate-readings::details-content {animation:none!important;transition:none!important;}
}