@import url('/classics/style.css');
@import url('./guqin.css');
@import url('./scenes.css');
/* Reuse the site's shared top/support controls without covering the player. */
html[data-page-actions] body #page-actions {
  bottom: calc(24px + env(safe-area-inset-bottom, 0px));
}
html[data-page-actions] body.has-sound-player #page-actions {
  bottom: calc(var(--sound-player-height, 280px) + 16px);
}
html[data-page-actions] body.has-sound-player {
  padding-bottom: calc(var(--sound-player-height, 280px) + 32px);
}
:root{--paper:#eee9dd;--paper-light:#f7f3e9;--ink:#293d35;--muted:#6d7267;--line:#c9c8bc;--accent:#8b4c3b;--serif:'Songti SC','Noto Serif SC',serif;--kai:'Kaiti SC','STKaiti','KaiTi',serif;--sans:system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}button{min-height:44px}main{max-width:1200px;width:calc(100% - 96px);margin:auto}.sound-header{max-width:1200px;width:calc(100% - 96px);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);gap:24px}.sound-header nav{display:flex;gap:30px;font-size:14px;flex-wrap:wrap}.sound-header nav a{text-decoration:none;padding:10px 0}.sound-header [aria-current]{color:var(--accent);border-bottom:1px solid currentColor}.skip-link{position:fixed;top:8px;left:8px;background:var(--paper-light);padding:12px;z-index:30;transform:translateY(-160%)}.skip-link:focus{transform:none}.eyebrow{font:10px/1.8 var(--sans);color:var(--muted)}.sound-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;padding:62px 0 70px}.sound-hero h1{font:64px/1.35 var(--kai);margin:22px 0}.sound-hero h1 span{color:var(--accent)}.hero-intro{font-size:17px;line-height:2.2}.hero-links{display:flex;align-items:center;gap:28px;margin-top:32px}.hero-links a{font-size:13px;text-decoration:none;padding:12px 0}.hero-links .primary{border:0;background:var(--ink);color:var(--paper-light);padding:13px 22px;display:flex;gap:30px;font-size:14px}.hero-note{font:11px/1.8 var(--sans);color:var(--muted);margin-top:22px}.listening-art{position:relative;min-height:410px;border:1px solid var(--line);display:grid;place-items:center;background:var(--paper-light);overflow:hidden}.listening-art::before{content:'';position:absolute;inset:13px;border:1px solid var(--line)}.art-label{position:absolute;top:28px;left:28px;font:10px var(--sans);color:var(--muted)}.listening-disc{width:270px;height:270px;border-radius:50%;border:20px double var(--ink);outline:1px solid var(--line);outline-offset:13px;display:grid;place-items:center;background:var(--ink);box-shadow:inset 0 0 0 1px var(--paper)}.disc-inner{width:170px;height:170px;border:1px solid #849083;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:86px/1.1 var(--kai);color:var(--paper-light)}.disc-inner small{font:8px/2 var(--sans);margin-top:8px}.orbit-axis{position:absolute;width:calc(100% - 60px);height:1px;background:var(--line);transform:rotate(-32deg)}.art-corner{position:absolute;right:27px;top:63px;writing-mode:vertical-rl;font:13px var(--kai)}.tone-score{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.tone-score i{font:13px var(--kai)}.five-tones{border-block:1px solid var(--line);padding:38px 0;display:grid;grid-template-columns:280px 1fr;gap:24px 45px}.tone-intro h2{font:29px/1.5 var(--kai);margin:12px 0}.tone-intro>p:last-child{font:12px/2 var(--sans);color:var(--muted)}.tone-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-self:center}.tone-choice{border:0;border-left:1px solid var(--line);background:none;padding:18px 12px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:14px;min-width:0}.tone-choice b{font:48px var(--kai);font-weight:400;color:var(--tone)}.tone-choice>span{font:11px var(--sans)}.tone-choice small{font:12px/1.8 var(--serif);color:var(--muted)}.tone-choice i{font:18px var(--sans);font-style:normal;color:var(--accent)}.tone-choice:hover,.tone-choice[aria-pressed=true]{background:var(--paper-light)}.tone-note{grid-column:1/-1;font:11px/1.9 var(--sans);color:var(--muted);max-width:960px}.sound-catalog{padding:60px 0}.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:28px}.catalog-heading h2{font:36px/1.5 var(--kai);margin-top:10px}.catalog-heading>p{font-size:13px;line-height:2;color:var(--muted)}.catalog-toolbar{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:26px 0 18px;border-bottom:1px solid var(--line)}.category-filters{display:flex;flex-wrap:wrap;gap:8px}.category-filters button{border:1px solid transparent;background:none;padding:9px 13px;font:12px var(--sans)}.category-filters button span{font-size:10px;opacity:.75;margin-left:5px;font-variant-numeric:tabular-nums}.category-filters .is-active{border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.sound-search{font:10px/1.5 var(--sans);display:grid;gap:7px;min-width:230px}.sound-search input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:0;background:var(--paper-light);padding:10px;font:12px var(--sans);color:var(--ink)}.result-count{font:11px/1.8 var(--sans);margin:17px 0 25px;color:var(--muted)}.sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.sound-card{border:1px solid var(--line);background:var(--paper-light);min-width:0;scroll-margin-top:30px}.pine{--tone:#344b3d}.ochre{--tone:#77633e}.slate{--tone:#526267}.earth{--tone:#635345}.clay{--tone:#875647}.ink{--tone:#34454e}.card-art{height:180px;position:relative;overflow:hidden;background:var(--tone);color:var(--paper-light);display:grid;place-items:center}.card-art::before{content:'';position:absolute;inset:12px;border:1px solid currentColor;opacity:.25}.card-index{position:absolute;top:24px;left:24px;font:9px var(--sans);font-variant-numeric:tabular-nums}.art-orbit{position:absolute;width:185px;height:185px;border:1px solid currentColor;border-radius:50%;opacity:.2;right:-25px;top:30px;box-shadow:0 0 0 18px var(--tone),0 0 0 19px currentColor}.card-art b{font:82px var(--kai);font-weight:400;position:relative}.art-caption{position:absolute;bottom:22px;left:24px;font:10px var(--sans)}.card-body{padding:23px}.card-kind{font:10px/1.8 var(--sans);display:flex;justify-content:space-between;color:var(--muted);gap:12px}.card-kind span{font-variant-numeric:tabular-nums}.card-body h3{font:27px/1.5 var(--kai);margin:12px 0 7px}.card-subtitle{font-size:13px;line-height:1.9}.card-credit{font:10px/1.8 var(--sans);color:var(--muted);margin-top:14px}.card-actions{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.track-play{border:1px solid var(--ink);background:none;padding:9px 20px;font:12px var(--sans);min-width:100px}.track-play[aria-pressed=true]{background:var(--ink);color:var(--paper-light)}.save-track{border:0;background:none;font:11px var(--sans);padding:8px 0}.save-track[aria-pressed=true]{color:var(--accent)}.track-notes{margin-top:14px;border-top:1px solid var(--line);font:11px/1.9 var(--sans);color:var(--muted)}.track-notes summary{cursor:pointer;padding:12px 0 0;min-height:36px}.track-notes p{margin-top:10px}.track-notes a{display:inline-block;margin-top:10px;min-height:36px}.empty-state{padding:40px;text-align:center;border:1px solid var(--line)}.empty-state h3{font:26px var(--kai)}.empty-state p{font-size:13px;margin:15px 0}.empty-state button{border:1px solid var(--ink);background:none;padding:10px 20px}.listening-notes{border-block:1px solid var(--line);padding:40px 0;display:grid;grid-template-columns:1fr 1fr;gap:60px}.listening-notes h2{font:30px/1.5 var(--kai);margin:12px 0}.listening-notes p{font-size:13px;line-height:2;color:var(--muted)}.listening-faq details{padding:15px 0;border-bottom:1px solid var(--line)}.listening-faq summary{font-size:14px;cursor:pointer;min-height:30px}.listening-faq p{font:12px/2 var(--sans);margin-top:12px}.sound-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0 45px}.sound-footer>a{font:18px var(--kai);text-decoration:none}.sound-footer p{font-size:12px;line-height:2;color:var(--muted)}.sound-footer small{font:10px/1.8 var(--sans)}body.has-sound-player{padding-bottom:190px}.sound-player{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--paper-light);border-top:1px solid var(--ink);padding:18px max(24px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.player-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1.25fr 220px;gap:25px;align-items:center}.now-playing{display:flex;align-items:center;gap:15px;min-width:0}.playing-mark{font:35px var(--kai);border:1px solid var(--line);width:56px;height:66px;display:grid;place-items:center;flex-shrink:0}.now-playing h2{font:21px/1.5 var(--kai);margin-top:4px}.now-playing>div{min-width:0}.now-playing #playing-credit{font:10px/1.8 var(--sans);color:var(--muted);margin-top:5px}.player-audio{min-width:0}.player-audio audio{display:block;width:100%;height:44px}.player-audio #player-status{font:11px/1.7 var(--sans);margin:6px 8px 0;color:var(--muted)}#retry-audio{border:0;background:none;text-decoration:underline;font-size:12px}.transport{display:flex;gap:8px;justify-content:flex-end}.transport button{border:1px solid var(--line);background:none;min-width:36px;padding:7px 10px;font:11px var(--sans)}.transport #loop-track[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.sleep-label{display:flex;align-items:center;justify-content:flex-end;gap:8px;font:10px var(--sans);margin-top:8px}.sleep-label select{min-height:34px;border:1px solid var(--line);background:none;color:var(--ink);font:11px var(--sans)}#timer-status{font:10px/1.8 var(--sans);display:block;text-align:right;color:var(--muted)}body.has-sound-player #page-actions{bottom:190px}
@media(max-width:1050px){.sound-header,main{width:calc(100% - 48px)}.sound-hero{gap:35px}.sound-hero h1{font-size:54px}.listening-art{min-height:370px}.listening-disc{width:235px;height:235px}.five-tones{grid-template-columns:1fr}.tone-intro{max-width:650px}.tone-choices{min-height:190px}.tone-choice small{max-width:110px}.sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{align-items:stretch;flex-direction:column}.sound-search{max-width:400px}.player-inner{grid-template-columns:1fr 1.3fr;gap:14px}.player-options{grid-column:1/-1;display:flex;align-items:center;gap:20px;justify-content:flex-end}.sleep-label{margin-top:0}body.has-sound-player{padding-bottom:240px}body.has-sound-player #page-actions{bottom:220px}}
@media(max-width:640px){main,.sound-header{width:calc(100% - 36px)}.sound-header{padding:18px 0;align-items:flex-start;gap:16px;flex-wrap:wrap}.sound-header nav{width:100%;justify-content:space-between;gap:12px;font-size:12px}.sound-hero{grid-template-columns:1fr;padding:35px 0;gap:30px}.sound-hero h1{font-size:49px;line-height:1.4;margin-block:16px}.hero-intro{font-size:15px}.hero-note{font-size:10px}.hero-links{margin-top:22px}.listening-art{min-height:300px}.listening-disc{width:195px;height:195px;border-width:15px}.disc-inner{width:130px;height:130px;font-size:65px}.art-label{top:24px;left:24px;font-size:9px}.art-corner{top:45px;right:24px;font-size:11px}.tone-score{bottom:22px}.five-tones{padding:30px 0;gap:20px}.tone-intro h2{font-size:28px}.tone-choices{grid-template-columns:repeat(5,minmax(0,1fr));min-height:155px}.tone-choice{padding:14px 5px;gap:10px}.tone-choice b{font-size:33px}.tone-choice span{font-size:9px;line-height:1.8}.tone-choice small{display:none}.tone-note{font-size:10px}.sound-catalog{padding:35px 0}.catalog-heading{display:block}.catalog-heading h2{font-size:31px}.catalog-heading>p{margin-top:12px;font-size:12px}.catalog-toolbar{gap:20px}.category-filters{gap:5px}.category-filters button{font-size:11px;padding:8px 9px}.category-filters button span{margin-left:3px;font-size:9px}.sound-search{max-width:none}.sound-grid{grid-template-columns:1fr;gap:22px}.card-art{height:165px}.card-body{padding:21px}.listening-notes{grid-template-columns:1fr;padding:30px 0;gap:20px}.listening-notes h2{font-size:28px}.sound-footer{flex-direction:column;align-items:flex-start;gap:18px}.sound-player{padding:12px 15px calc(12px + env(safe-area-inset-bottom))}.player-inner{grid-template-columns:1fr;gap:10px}.playing-mark{width:40px;height:46px;font-size:26px}.now-playing{gap:12px}.now-playing .eyebrow{font-size:8px}.now-playing h2{font-size:19px;margin:0}.now-playing #playing-credit{font-size:9px;margin:0}.player-options{gap:12px;justify-content:space-between;flex-wrap:wrap}.transport{gap:5px}.transport button{min-height:36px}.sleep-label{font-size:9px;gap:5px}#timer-status:empty{display:none}.player-audio #player-status{font-size:10px;margin-top:4px}body.has-sound-player{padding-bottom:280px}body.has-sound-player #page-actions{bottom:250px}}