body{
  background:
    radial-gradient(ellipse at 48% 34%,#fffaf189,transparent 66%),
    url('/paper-landscape.svg') center bottom / min(1540px,100vw) auto no-repeat fixed,
    linear-gradient(124deg,#ede2ce8c,transparent 28% 70%,#e1d6be88),
    var(--paper);
}
.route-ink-wash:not([hidden]){
  position:fixed;z-index:5;inset:10vh -4vw 4vh;pointer-events:none;
  background:
    url('/ink-stroke.svg') center 49% / 100% 59% no-repeat,
    radial-gradient(ellipse at 43% 53%,#eadfc7cc 10%,#f4ebd7a0 48%,transparent 76%);
  mask-image:linear-gradient(0deg,transparent,#000 25% 70%,transparent);
}
.route-ink-wash[data-direction=back]{transform:scaleX(-1)}
.ink-print-anchor{position:relative}
.button-ink-print{
  position:absolute;inset:1px;pointer-events:none;border-radius:inherit;
  background:
    radial-gradient(ellipse at var(--ink-origin) 53%,#67574860,transparent 64%),
    radial-gradient(ellipse at var(--ink-origin) 59%,#896b5250,transparent 52%);
  transform-origin:var(--ink-origin,50%) 50%;
  mix-blend-mode:multiply;
}
.ink .button-ink-print,.play .button-ink-print{
  background:radial-gradient(ellipse at var(--ink-origin) 53%,#e0c49688,transparent 64%);
  mix-blend-mode:screen;
}
.mast nav a:focus-visible{outline-offset:2px}
.mast nav a::before{
  content:"";position:absolute;pointer-events:none;inset:auto 9% 12% 9%;height:.43em;
  background:linear-gradient(93deg,transparent,#7358449c 19%,#73584451 67%,transparent);
  mask-image:url('/ink-stroke.svg');mask-size:100% 100%;mask-mode:alpha;
  opacity:0;transform:scaleX(.34);transform-origin:left;
  transition:opacity .22s ease,transform .26s ease;
}
.mast nav a:is(:hover,:focus-visible,[aria-current])::before{opacity:.9;transform:scaleX(1)}
#view h1:focus{outline:none}
.page-lyrics #lyricLines li[aria-current=true]{color:#716458}
#lyricLines li[aria-current=true] .lyric-word::after{color:#211e19}
@media(prefers-reduced-motion:no-preference){
  .hero-inner{animation:none}
  .hero-inner>:is(.overline,h1,.hero-note,.hero-poem,.ink){animation:ink-settle .47s cubic-bezier(.18,.65,.34,1) both}
  .hero-inner>h1{animation-delay:45ms}
  .hero-inner>:is(.hero-note,.hero-poem,.ink){animation-delay:95ms}
  .season-reveal .art{animation:season-wash .66s ease-out both}
  .chapter h1{animation:ink-settle .43s .06s ease-out both}
  .chapter .verse{animation:ink-settle .43s .14s ease-out both}
  @keyframes ink-settle{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
  @keyframes season-wash{from{opacity:.28;clip-path:inset(0 0 0 12%)}to{opacity:1;clip-path:inset(0)}}
}
@media(max-width:600px){
  body{background-size:auto,780px auto,auto,auto}
  .route-ink-wash:not([hidden]){inset:16vh -24vw 11vh}
}
@media(prefers-reduced-motion:reduce){
  .mast nav a::before{transition:none}
  .hero .art,.hero-stage-svg{transform:none;transition:none}
}
.hero-stage{
  opacity:.76;
  mask-image:radial-gradient(ellipse at 100% 12%,#000 13%,#000b 43%,transparent 82%);
}
.hero[data-season=春] .hero-stage{opacity:.64}