@font-face{font-family:"Interlude Song";src:url("../fonts/4aef53c057a4.InterludeMahler-Serif.woff2") format("woff2");font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:"Interlude Hei";src:url("../fonts/e664552c261c.InterludeMahler-Sans.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}}