@font-face{
  font-family:"Interlude Song";
  src:local("Noto Serif SC"),url("../fonts/NotoSerifSC-VF.woff2") format("woff2");
  font-style:normal;
  font-weight:200 900;
  font-display:swap
}
@font-face{
  font-family:"Interlude Hei";
  src:local("Noto Sans SC"),url("../fonts/NotoSansSC-VF.woff2") format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:swap
}
:root{
  --font-cn-display:"Interlude Song","Noto Serif SC","Source Han Serif SC",serif;
  --font-cn-body:"Interlude Hei","Noto Sans SC","Microsoft YaHei UI",sans-serif;
  --serif:Georgia,"Times New Roman",var(--font-cn-display);
  --sans:var(--font-cn-body)
}
html{
  font-kerning:normal;
  text-rendering:optimizeLegibility
}
body{
  font-family:var(--font-cn-body);
  font-weight:400;
  letter-spacing:.012em;
  -webkit-font-smoothing:antialiased
}
button,input,select,textarea,option,summary{
  font-family:var(--font-cn-body)
}
h1,h2,h3,h4{
  font-optical-sizing:auto
}
.hero h1,.section h2,.work h3,.guide-step h3,.guide-intro h2,.about h2{
  font-family:var(--font-cn-display);
  font-weight:500
}
.hero h1{
  letter-spacing:.045em;
  line-height:1.46
}
.section h2{
  letter-spacing:.025em
}
.hero-description{
  font-family:var(--font-cn-body);
  font-weight:350;
  line-height:2.05
}
.hero .primary{
  font-family:var(--font-cn-display);
  font-size:16px;
  font-weight:500;
  letter-spacing:.12em
}
.hero-bottom{
  font-family:var(--font-cn-display);
  font-weight:400
}
.guide-intro>p:last-child{
  font-family:var(--font-cn-display);
  font-size:15px;
  font-weight:400;
  line-height:2;
  letter-spacing:.025em
}
.guide-step h3{
  font-size:17px;
  letter-spacing:.025em
}
.guide-step p{
  font-family:var(--font-cn-body);
  font-size:13px;
  font-weight:350;
  line-height:1.95;
  letter-spacing:.015em
}
.about>p:not(.eyebrow){
  font-size:14px;
  line-height:2
}
.site-header nav,.site-footer,.continue,.library-toolbar,.empty-state{
  font-family:var(--font-cn-body)
}
.site-footer>span{
  font-family:var(--font-cn-display);
  font-weight:400
}
body .site-work-nav{
  font-family:var(--font-cn-body)
}
.site-work-nav .site-nav-home span{
  color:#f3f3f1;
  font-family:var(--font-cn-body);
  font-size:13px;
  font-weight:450;
  letter-spacing:.045em
}
.wrap{
  font-family:var(--font-cn-body)
}
.wrap .intro h1{
  font-family:Georgia,"Times New Roman",var(--font-cn-display)
}
body .intro .subtitle{
  font-family:var(--font-cn-display);
  font-size:15px;
  font-weight:450;
  line-height:1.8;
  letter-spacing:.10em
}
.analysis-pane h2,.stage-movement,.section-heading h3,.dialog-head h2,#mapDialog .map-body>h2,#aboutDialog .reader-heading{
  font-family:var(--font-cn-display);
  font-weight:500;
  letter-spacing:.025em
}
.analysis-pane h2{
  font-size:25px;
  line-height:1.48
}
.analysis-scroll>.analysis-block>p{
  font-family:var(--font-cn-body);
  font-size:13px;
  font-weight:350;
  line-height:1.95;
  letter-spacing:.015em
}
.analysis-scroll>.analysis-block>.micro-label{
  font-family:var(--font-cn-body);
  font-size:10px;
  font-weight:450;
  letter-spacing:.055em
}
.analysis-scroll .emotion-image p,.emotion-reading{
  font-family:var(--font-cn-body);
  font-weight:350;
  line-height:1.95
}
.wrap .quiet,.stage-mode button,.stage-movement small,.compact-control,.score-tools,.score-sync-tool,.score-caption,.harmony-panel,.chapters button,.loop-unit,.tags,.intro-meta .recording-facts{
  font-family:var(--font-cn-body)
}
.wrap .begin{
  font-family:var(--font-cn-body);
  font-weight:450;
  letter-spacing:.055em
}
.stage-movement small{
  font-size:11px
}
#aboutDialog .reader-lead,#aboutDialog .reader-card p,#aboutDialog .reader-details p,#aboutDialog .reader-details li{
  font-family:var(--font-cn-body);
  font-weight:350;
  line-height:1.95
}
.score-box .static-score-loading,.score-box .static-score-loading button,.score-box .score-loading{
  font-family:var(--font-cn-body)
}
@media(max-width:600px){
  .hero h1{
    letter-spacing:.035em
  }
  .guide-intro>p:last-child{
    font-size:14px
  }
  .guide-step h3{
    font-size:16px
  }
  .analysis-pane h2{
    font-size:23px
  }
  .analysis-scroll>.analysis-block>p{
    font-size:12.5px
  }
  .site-work-nav .site-nav-home span{
    font-size:12px
  }
}