@layer base{:root{--paper:#faf9f6;--ink:#25231f;--muted:#736f67;--red:#b93326;--rule:#ddd9d1;--serif:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","STSong","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--latin:Georgia,"Times New Roman",serif;--rail:112px;--sticky-height:0px;color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-size:15px;line-height:1.75}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);letter-spacing:-.035em;font-weight:600}h1,h2,h3{text-wrap:balance}a{color:inherit;text-underline-offset:6px;-webkit-tap-highlight-color:#b933261f;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible{outline:2px solid var(--red);outline-offset:5px;border-radius:1px}[tabindex="-1"]:focus{outline:none}[tabindex="-1"]{scroll-margin-block-start:calc(var(--sticky-height) + 28px)}::selection{color:#3d211b;background:#edd1c9}svg{max-width:100%;display:block}.skip-link{z-index:100;background:var(--red);color:#fff;padding:12px 18px;position:fixed;inset-block-start:8px;inset-inline-start:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}}@layer layout{.rail{width:var(--rail);border-inline-end:1px solid var(--rule);z-index:20;background:var(--paper);flex-direction:column;align-items:center;padding:30px 0 22px;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.page-shell{max-width:1648px;margin-inline-start:var(--rail);padding-inline:clamp(30px,5vw,88px)}.site-header{padding-block:28px 0}.header-line{justify-content:space-between;align-items:center;gap:24px;display:flex}.header-note{color:var(--muted);letter-spacing:.16em;font-size:12px}.header-home{color:var(--muted);font-size:13px;display:none}body[data-home=false] .header-home{display:block}body[data-home=false] .header-note,.compact-nav{display:none}.hero{text-align:center;padding-block:66px 0;position:relative}.hero h1{letter-spacing:-.055em;font-size:clamp(42px,4.7vw,70px);line-height:1.45}.hero-copy{color:#57534d;margin-block:25px 28px;font-size:17px;line-height:1.9}.hero-actions{justify-content:center;align-items:center;gap:30px;display:flex}.section{border-block-start:1px solid var(--rule);padding-block:43px}.section h2{font-size:clamp(30px,3.4vw,44px);line-height:1.4}.product-grid{grid-template-columns:minmax(230px,.85fr) minmax(0,1.8fr);align-items:center;gap:clamp(28px,4vw,66px);margin-block:30px 32px;display:grid}.section-heading{align-items:baseline;gap:38px;display:flex}.section-heading>p{color:var(--muted);font-size:14px}.journal-grid{grid-template-columns:1fr 1fr;margin-block-start:32px;display:grid}.about-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}.site-footer{border-block-start:1px solid var(--rule);align-items:center;gap:20px;padding-block:30px 35px;display:flex}.site-footer small{color:var(--muted);margin-inline-start:auto;font-size:11px}}@layer components{.seal,.compact-seal,.footer-seal{background:var(--red);color:#fffaf3;font-family:var(--latin);place-items:center;font-weight:400;display:grid}.seal{width:38px;height:40px;font-size:29px;line-height:1;position:relative}.seal-dot{background:var(--paper);width:2px;height:2px;position:absolute;bottom:4px;right:4px}.vertical-brand{writing-mode:vertical-rl;font:500 17px/1.7 var(--serif);letter-spacing:.32em;margin:30px 0 26px}.rail-rule{background:var(--rule);width:1px;height:48px}.rail-nav{width:100%;margin-block:24px auto}.rail-nav a{flex-direction:column;justify-content:center;gap:2px;width:100%;min-height:72px;padding-inline:25px 7px;font-size:12px;transition:color .15s,background .15s;display:flex;position:relative}.nav-number{font-family:var(--latin);color:var(--muted);letter-spacing:.06em;font-size:11px}.rail-nav a:before{content:"";inset-inline-start:0;background:var(--red);width:2px;height:27px;transition:transform .15s;position:absolute;top:50%;transform:translateY(-50%)scaleY(0)}.rail-nav a[aria-current]{color:var(--red);background:#b9332607}.rail-nav a[aria-current]:before{transform:translateY(-50%)scaleY(1)}.rail-nav a[aria-current] .nav-number,.rail-nav a:hover{color:var(--red)}.rail-nav a:focus-visible{outline-offset:-5px}.rail-top{min-height:52px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:5px 12px;font-size:10px;display:flex}.rail-top>span:first-child{font-size:19px;line-height:1.25}.rail-motto{writing-mode:vertical-rl;font:12px/1.5 var(--serif);letter-spacing:.2em;color:var(--muted);margin-top:24px}.wordmark{font:500 36px/1.3 var(--latin);letter-spacing:-1.5px;align-items:center;display:inline-flex}.brand-period{color:var(--red)}.compact-seal{display:none}.eyebrow{letter-spacing:.2em;color:var(--muted);font-size:10px;font-weight:500}.hero-eyebrow{margin-block-end:22px}.red-fullstop{color:var(--red)}.button{background:var(--red);color:#fff;border:1px solid var(--red);justify-content:center;align-items:center;gap:23px;min-height:48px;padding:10px 22px;font-size:14px;transition:background .15s;display:inline-flex}.button:hover{background:#99271c}.text-link{min-height:44px;color:var(--red);border-block-end:1px solid #b9332666;align-items:center;gap:12px;padding-block:5px;font-size:14px;line-height:1.5;display:inline-flex}.text-link:hover{border-color:var(--red)}.hero-actions .text-link{color:var(--ink);border-color:var(--rule)}.hero-actions .text-link:hover{color:var(--red);border-color:var(--red)}.melody-wave{color:#b4b0aa;width:100%;height:144px;margin-block:36px 0}.hero-aside{inset-inline-end:12px;font:italic 13px/1.4 var(--latin);color:#827d74;text-align:left;position:absolute;bottom:22px}.section-label{color:var(--red);letter-spacing:.12em;margin-block-end:16px;font-size:12px}.section-label>span{margin-inline-end:10px}.product-name{font:31px/1.2 var(--latin);letter-spacing:-.8px}.product-name>span{font:600 24px/1.5 var(--serif);letter-spacing:.02em;margin-block-start:3px;display:block}.live-label{color:var(--red);background:#f3e6e0;align-items:center;gap:7px;margin-block-start:9px;padding:1px 8px;font-size:11px;display:inline-flex}.live-label>span{background:var(--red);border-radius:50%;width:4px;height:4px}.product-rule{background:#aaa298;width:24px;height:1px;margin-block:22px;display:block}.product-copy h3{font:600 23px/1.7 var(--serif);margin-block-end:5px}.product-copy>p:not(.product-name){color:#68635a;font-size:14px}.product-copy .instruments{margin-block:20px}.instruments>span{color:#aaa298;margin-inline:10px}.product-link{font-size:16px}.product-domain{color:var(--muted);letter-spacing:.03em;margin-block-start:13px;font-size:11px;display:block}.music-preview{border:1px solid var(--rule);background:linear-gradient(145deg,#fffefa,#f7f5f0);border-radius:3px;padding:26px 28px 14px;transition:border-color .15s,box-shadow .15s;display:block}.music-preview:hover{border-color:#cbb9ac;box-shadow:0 8px 24px #6d503308}.preview-heading{font:600 15px/1.6 var(--serif);justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-heading>span:first-child{align-items:center;gap:10px;display:flex}.mini-red-rule{background:var(--red);width:13px;height:1px}.preview-instrument{font:11px/1.5 var(--sans);color:var(--muted);white-space:nowrap}.score-drawing{width:100%;height:auto;margin-block:22px 24px}.piano{background:#fff;border:1px solid #d1cdc5;border-radius:0 0 3px 3px;height:91px;display:flex;position:relative;overflow:hidden}.white-key{background:linear-gradient(#fff,#f7f5ee);border-block-end:4px solid #eae6dd;border-inline-end:1px solid #d6d2ca;width:7.14286%}.white-key:last-of-type{border-inline-end:0}.white-key.lit{background:#e8c9c0;border-block-end-color:#d4b2a7}.black-key{background:linear-gradient(90deg,#25231f,#46433e 80%,#24221f);border-block-end:4px solid #171613;border-radius:0 0 2px 2px;width:4%;height:59%;position:absolute;top:0}.preview-footer{justify-content:space-between;align-items:center;padding-block-start:16px;display:flex}.preview-caption{letter-spacing:.08em;color:var(--muted);font-size:10px}.preview-cta{color:var(--red);align-items:center;gap:22px;min-height:32px;font-size:12px;display:flex}.exploring{border-block-start:1px solid var(--rule);color:#625d54;align-items:center;gap:24px;padding-block-start:22px;font-size:12px;display:flex}.exploring-label{border-inline-end:1px solid var(--rule);color:var(--ink);white-space:nowrap;padding-inline-end:24px}.exploring ul{flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;list-style:none;display:flex}.exploring li+li:before{content:"·";color:#b4aea2;margin-inline-end:18px}.exploring-note{color:var(--muted);margin-inline-start:auto;font-size:11px}.note-card{gap:22px;padding-inline-end:28px;display:flex}.note-card+.note-card{border-inline-start:1px solid var(--rule);padding-inline:28px 0}.note-number{font:78px/.95 var(--latin);color:#e5e1da;letter-spacing:-4px}.note-card-copy{flex:1;min-width:0}.note-category{color:var(--muted);letter-spacing:.1em;margin-block:0 11px;font-size:10px;display:block}.note-category:before{content:"";vertical-align:middle;background:var(--red);width:15px;height:1px;margin-inline-end:9px;display:inline-block}.note-card h3{font:600 19px/1.7 var(--serif)}.note-card h3 a:hover{color:var(--red)}.note-card p{color:var(--muted);margin-block:8px 14px;font-size:12px;line-height:1.9}.note-link{font-size:13px}.about-copy{border-inline-start:1px solid var(--rule);color:#696359;padding-inline-start:36px;font-size:14px}.about-copy p+p{margin-block-start:17px}.about-copy .about-lead{font:500 18px/1.9 var(--serif);color:var(--ink)}.about-copy .text-link{margin-block-start:15px}.about-signature{color:var(--muted);margin-block-start:25px;font-size:12px}.footer-brand{font:19px/1.5 var(--latin);align-items:center;gap:12px;display:flex}.footer-seal{width:29px;height:31px;font-size:23px}.footer-cn{font:12px/1.5 var(--serif)}.footer-motto{color:var(--muted);font-size:10px}.note-page{max-width:750px;margin-inline:auto;padding-block:48px 52px}.back-link{font-size:12px}.note-header{border-block-end:1px solid var(--rule);margin-block:48px 45px;padding-block-end:30px}.note-header h1{font-size:clamp(32px,4vw,49px);line-height:1.5}.note-deck{color:var(--muted);margin-block:22px;font-size:16px}.note-meta{color:var(--muted);gap:22px;font-size:11px;display:flex}.prose{max-width:660px;margin-inline:auto}.prose h2{margin-block:36px 17px;font-size:24px;line-height:1.6}.prose p{color:#4f4a42;overflow-wrap:anywhere;margin-block:18px;font-size:16px;line-height:2.05}.prose a{color:var(--red);text-decoration:underline}.note-sources{border-block-start:1px solid var(--rule);margin-block-start:40px;font-size:14px}.note-sources ul{padding-inline-start:22px}.note-sources a{padding-block:7px;display:inline-block}.article-end{text-align:center;color:var(--muted);margin-block-start:58px;font-size:12px}.end-mark{color:var(--red);margin-block-end:14px;font-size:24px;display:block}.article-end .text-link{margin-block-start:14px}.empty-page{min-height:65vh;padding-block:100px}.empty-page h1{font-size:56px;line-height:1.5}.empty-page p:not(.section-label){margin-block:24px}}@layer responsive{@media (width>=1760px){.page-shell{margin-inline-start:calc(var(--rail) + (100vw - 1760px)/2);margin-inline-end:auto}}@media (height<=800px){.rail-motto{display:none}.rail-rule{height:30px}.rail{padding-block:22px 14px}.vertical-brand{margin:24px 0}}@media (width<=1099px),(height<=649px){:root{--sticky-height:calc(99px + max(10px, env(safe-area-inset-top)))}.rail{display:none}.page-shell{padding-inline:max(32px,env(safe-area-inset-left)) max(32px,env(safe-area-inset-right));margin-inline:0}.site-header{padding-block:max(10px,env(safe-area-inset-top)) 0;border-block-end:1px solid var(--rule);z-index:30;background:#faf9f6f7;position:sticky;top:0}.header-line{height:47px}.wordmark{font-size:29px}.compact-seal{letter-spacing:-1px;width:27px;height:28px;margin-inline-end:10px;font-size:23px;display:grid}.header-note{font-size:10px}.compact-nav{gap:4px;margin-block-start:6px;display:flex}.compact-nav a{border-block-end:2px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:5px 22px;font-size:13px;display:flex}.compact-nav a[aria-current]{color:var(--red);border-color:var(--red)}.compact-nav a[aria-current] .nav-number{color:var(--red)}.hero{padding-block-start:48px}.hero h1{font-size:clamp(34px,5.7vw,57px)}.section h2{font-size:36px}.note-card{gap:16px;padding-inline-end:20px}.note-card+.note-card{padding-inline-start:20px}.note-number{font-size:62px}.note-card h3{font-size:18px}.footer-motto{display:none}}@media (width<=720px){.page-shell{padding-inline:max(22px,env(safe-area-inset-left)) max(22px,env(safe-area-inset-right))}.header-note{display:none}.header-line{justify-content:space-between}.wordmark{font-size:27px}.compact-nav{gap:0;width:100%}.compact-nav a{flex:1;gap:7px;padding-inline:7px;font-size:12px}.hero{padding-block-start:44px}.hero-eyebrow{letter-spacing:.19em;margin-block-end:21px;font-size:8px}.hero h1{letter-spacing:-.045em;font-size:clamp(27px,5.85vw,41px);line-height:1.65}.hero-copy{margin-block:21px 25px;font-size:13px;line-height:1.95}.hero-actions{gap:22px}.hero-actions .button{gap:13px;min-height:45px;padding-inline:15px;font-size:12px}.hero-actions .text-link{gap:7px;font-size:12px}.melody-wave{height:92px;margin-block:32px 0}.hero-aside{font-size:10px;bottom:14px;right:0}.section{padding-block:30px}.section-label{margin-block-end:13px;font-size:11px}.section h2{font-size:29px}.product-grid{grid-template-columns:1fr;gap:23px;margin-block:27px 22px}.product-copy{grid-template-columns:1fr auto;column-gap:12px;display:grid}.product-name{grid-column:1;font-size:29px}.product-name>span{margin-inline-start:0;margin-top:4px;font-size:18px;display:block}.live-label{grid-area:1/2;place-self:center end;margin:0}.product-rule{grid-column:1/-1;margin-block:19px}.product-copy h3{grid-column:1/-1;font-size:22px}.product-copy>p:not(.product-name){grid-column:1/-1;font-size:13px}.product-copy .instruments{margin-block:15px 8px}.product-link{justify-self:start;font-size:15px}.product-domain{align-self:end;margin:0;padding-block-end:8px;font-size:9px}.music-preview{padding:19px 16px 9px}.preview-heading{font-size:13px}.preview-instrument{font-size:10px}.score-drawing{margin-block:22px}.piano{height:76px}.exploring{flex-wrap:wrap;gap:13px;padding-block-start:18px;font-size:10px}.exploring-label{padding-inline-end:13px}.exploring ul{column-gap:9px}.exploring li+li:before{margin-inline-end:9px}.exploring-note{display:none}.section-heading{display:block}.section-heading>p{margin-block-start:11px;font-size:12px}.journal-grid{grid-template-columns:1fr;gap:24px;margin-block-start:27px}.note-card{gap:22px;padding-inline:0}.note-card+.note-card{border-inline-start:0;border-block-start:1px solid var(--rule);padding:24px 0 0}.note-number{min-width:62px;font-size:67px}.note-card h3{font-size:18px}.note-card p{font-size:12px}.about-grid{grid-template-columns:1fr;gap:24px}.about-grid h2 br{display:none}.about-signature{margin-block-start:14px}.about-copy{border:0;padding:0;font-size:13px}.about-copy .about-lead{font-size:17px}.site-footer{padding-block:25px max(28px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:13px}.footer-brand{gap:9px;font-size:18px}.footer-cn,.site-footer small{font-size:10px}.note-page{padding-block-start:25px}.note-header{margin-block:30px}.note-header h1{font-size:32px}.note-deck{font-size:14px}.prose p{font-size:15px}.prose h2{font-size:23px}.empty-page{padding-block:55px}.empty-page h1{font-size:40px}}@media (width<=375px){.page-shell{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}.hero h1,.product-name{font-size:26px}.product-name>span{margin-inline:0;font-size:17px;display:block}.product-domain{grid-column:1/-1;margin-block-start:9px;padding:0}.site-footer small{width:100%;margin-inline-start:38px}.note-card{gap:13px}.note-number{min-width:47px;font-size:54px}}@media (height<=480px){:root{--sticky-height:0px}.site-header{position:relative}.header-line{height:42px}.hero{padding-block-start:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media print{:root{--sticky-height:0px}.rail,.compact-nav,.skip-link,.hero-actions,.rail-top{display:none}.page-shell{max-width:none;margin:0;padding:0}.site-header{position:static}body{background:#fff}.section{break-inside:avoid}.hero{padding-block-start:20px}.music-preview{print-color-adjust:exact}}}