@font-face{font-family:JianZiPu;src:url('assets/JianZiPu.ttf') format('truetype');font-display:swap}*{box-sizing:border-box} :root{--ink:#25372f;--muted:#81847c;--green:#335c47;--deep:#1d3931;--paper:#f7f7f1;--line:#e5e7de;--serif:'Songti SC','STSong','Noto Serif CJK SC',serif}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}input,select,textarea{border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px 11px;color:var(--ink)}input[type=range]{accent-color:var(--green);padding:0}button:hover{filter:brightness(.94)}[hidden]{display:none!important}.sidebar{width:226px;background:var(--deep);position:fixed;inset:0 auto 0 0;padding:34px 22px;color:#cbd8cf;display:flex;flex-direction:column;z-index:15}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:27px;color:#f1eddd;letter-spacing:5px;margin-bottom:46px}.brand-symbol{font-size:30px;border:1px solid #7d977f;border-radius:8px 0 8px 0;width:43px;height:46px;display:grid;place-items:center;letter-spacing:0}.brand small{font-size:8px;letter-spacing:2px;display:block;font-family:sans-serif;margin-top:5px;color:#a7bdae}.side-label{font-size:10px;color:#829c8f;letter-spacing:2px;margin:0 13px 15px}nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;text-align:left;padding:13px 15px;border-radius:7px;color:#a8bfb1;font-size:13px}.nav-item>span{font-size:20px;display:inline-block;width:28px;vertical-align:-1px}.nav-item.active{background:#37584b;color:#f0eed9}.nav-item b{float:right;background:#466659;border-radius:4px;font-size:10px;padding:2px 5px;font-weight:400;margin-top:2px}.side-divider{height:1px;background:#355046;margin:30px 12px}.side-samples{display:grid;gap:20px;margin:5px 14px}.side-samples button{display:flex;align-items:center;gap:13px;text-align:left;font-size:10px;color:#7e9b8b;padding:0}.side-samples button>span{flex:1;font-size:12px;color:#c7d5c9}.side-samples small{display:block;font-size:10px;color:#819f8c;margin-top:6px}.sidebar-bottom{margin-top:auto;padding:35px 12px 0;font-size:11px;color:#b0c0b5}.sidebar-bottom small{display:block;font-size:10px;color:#799485;margin-top:9px}.status-dot{display:inline-block;width:6px;height:6px;background:#a4bf89;border-radius:50%;margin-right:5px}.site-label{border-top:1px solid #355046;margin-top:23px;padding-top:18px;font-size:10px;color:#809f8a}.site-label span{float:right}.app-shell{margin-left:226px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 40px;gap:20px;background:#fafaf5}.breadcrumb{font-size:12px;color:#92958b}.breadcrumb span{padding:0 15px;color:#c3c6bc}.breadcrumb strong{font-weight:500;color:#59665b}.search-button{margin-left:auto;color:#99a193;font-size:12px;display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:6px;width:235px;padding:9px 11px;background:#f6f7f0}.search-button>span{font-size:20px;line-height:14px}.search-button kbd{margin-left:auto;font-size:10px;color:#a3a99c;font-family:inherit}.header-help{border:1px solid #cdd4c9;border-radius:50%;width:21px;height:21px;color:#8b9685;padding:0}.avatar{background:#e5e9dc;color:#637654;border-radius:50%;font-family:var(--serif);width:33px;height:33px;display:grid;place-items:center;font-size:16px}main{max-width:1500px;margin:auto;padding:36px 40px 0}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#8c9b83;font-weight:600}.page-intro h1{font-family:var(--serif);font-size:29px;letter-spacing:.5px;font-weight:500;margin:9px 0 10px}.page-intro h1>span{color:#a6b590}.page-intro p{margin:0;font-size:12px;color:var(--muted)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:6px;background:var(--green);color:#fff;padding:12px 19px;font-size:12px}.primary>span{font-size:18px}.secondary{border:1px solid var(--line);padding:9px 13px;border-radius:6px;font-size:11px;background:#fff}.icon-button{font-size:20px;padding:5px 8px;border-radius:5px}.hero-card{height:276px;background:#e8ecdf;border:1px solid #e0e5d6;border-radius:11px;position:relative;overflow:hidden;display:flex}.hero-copy{padding:28px 38px;position:relative;z-index:2;flex:0 0 46%}.hero-kicker{color:#849274;font-size:10px;letter-spacing:3px}.hero-copy h2{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.45;margin:12px 0 9px;letter-spacing:2px}.hero-copy p{font-size:11px;line-height:1.8;color:#7b8872;margin:0}.hero-copy button{font-size:11px;padding:0 0 5px;margin-top:18px;border-bottom:1px solid #9aaa8e;color:#3f5a41}.hero-copy button span{margin-left:16px}.hero-art{flex:1;position:relative;min-width:0}.qin-art{height:100%;width:100%;position:absolute;right:18px;bottom:-8px;overflow:visible}.vertical-poem{position:absolute;right:36px;top:34px;writing-mode:vertical-rl;font-family:var(--serif);font-size:12px;line-height:2.3;letter-spacing:4px;color:#89987d}.hero-seal{position:absolute;right:43px;bottom:33px;writing-mode:vertical-rl;padding:5px 3px;border:1px solid #a77659;color:#a77659;font-family:var(--serif);font-size:12px;letter-spacing:3px}.workflow-strip{display:flex;align-items:center;gap:19px;padding:21px 10px 23px;font-size:10px;color:#7d8974}.workflow-strip b{font-size:9px;color:#9eaa8e;margin-right:7px;font-weight:400}.workflow-strip i{font-style:normal;color:#bac3b0}.workflow-label{margin-left:auto!important;font-size:9px;color:#9fa793}.workspace{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;scroll-margin-top:20px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 27px 20px;gap:15px}.workspace-heading h2{font-family:var(--serif);font-size:22px;font-weight:500;margin:6px 0}.workspace-heading p{margin:0;color:#98a18f;font-size:10px}.score-actions{display:flex;align-items:center;gap:8px}.workspace-tabs{display:flex;justify-content:space-between;align-items:center;padding:0 27px;border-bottom:1px solid var(--line)}.workspace-tabs [role=tablist]{display:flex;gap:27px}.workspace-tabs [role=tab]{padding:15px 0 13px;font-size:11px;color:#959d8c;border-bottom:2px solid transparent}.workspace-tabs [role=tab].active{color:#36573e;border-color:#4d7552;font-weight:600}.draft-badge{font-size:9px;color:#9d9879;background:#f7f5eb;padding:5px 8px;border-radius:4px}.draft-badge span{width:4px;height:4px;border-radius:50%;background:#bdb28b;display:inline-block;margin-right:4px}.arrange-controls{display:flex;align-items:center;gap:15px;padding:14px 26px;background:#fafbf7;border-bottom:1px solid #eef0e8;flex-wrap:wrap}.arrange-controls label{font-size:9px;color:#8a9581;display:flex;align-items:center;gap:7px}.arrange-controls select{font-size:10px;padding:5px 22px 5px 8px;border-color:#e5e9dc;background:white}.transpose{display:flex;align-items:center;gap:4px;font-size:10px;color:#7c8d72}.transpose span{margin-right:7px;font-size:9px}.transpose button{border:1px solid #e5e9dc;border-radius:4px;width:23px;height:24px;background:#fff}.transpose output{width:24px;text-align:center}.convert-button{margin-left:auto;border:1px solid #dce5d4;border-radius:5px;padding:6px 10px;color:#55734e;background:#f1f5eb;font-size:10px}.score-area{padding:21px 27px 0}.score-pane+.score-pane{border-top:1px dashed #dfe4d6;margin-top:12px;padding-top:20px}.pane-label{display:flex;justify-content:space-between;font-size:10px;color:#969e8b;align-items:center}.pane-label>span:first-child{color:#64765b;display:flex;align-items:center;gap:7px}.pane-dot{background:#879b82;width:5px;height:5px;border-radius:50%;display:inline-block}.pane-dot.qin{background:#b9a273}.notation{overflow-x:auto;padding:8px 0}.notation svg{display:block;min-width:580px;width:100%;color:#344237}.staff-note{cursor:pointer}.staff-note:hover .notehead{fill:#7b9264}.staff-note.selected .notehead{fill:#a2704c}.staff-note.playing .notehead{fill:#558443}.qin-score{display:grid;grid-template-columns:repeat(8,minmax(70px,1fr));gap:6px;padding:13px 0 19px}.qin-note{min-width:0;border:1px solid transparent;border-radius:6px;padding:9px 3px 6px;text-align:center;position:relative}.qin-note:hover{background:#f5f7f0}.qin-note.selected{border-color:#c7d3b9;background:#f3f6eb}.qin-note.playing{background:#e5edd8}.qin-note.reviewed:after{content:'✓';position:absolute;right:5px;top:4px;font-size:8px;color:#678550}.qin-note.unplayable{background:#fbf4ed}.qin-glyph{font-family:JianZiPu;line-height:1.3;font-size:41px;font-feature-settings:'calt' 1;display:block;font-weight:normal;letter-spacing:0;white-space:pre;color:#4b5441;min-height:55px}.glyph-fallback{font-family:var(--serif);font-size:20px}.qin-caption{font-size:8px;color:#a4aa98;margin-top:5px;display:block;white-space:nowrap}.qin-pitch{font-size:9px;color:#6d7a60;display:block;margin-top:4px}.qin-note .beat-mark{font-size:8px;color:#b0b3a5;display:block;margin-top:3px}.score-footnote{display:flex;align-items:center;justify-content:space-between;padding:10px 27px 16px;font-size:9px;color:#a3aa98;gap:15px}.score-footnote button{white-space:nowrap;color:#7d9070;font-size:9px;padding:0}.score-warnings{font-size:11px;padding:12px 27px;background:#fcf7ec;color:#927442;line-height:1.8}.transport{display:flex;align-items:center;gap:15px;background:#f8faf4;border-top:1px solid var(--line);padding:13px 25px}.play-group{display:flex;align-items:center;gap:4px}.play-group .icon-button{font-size:16px;color:#8a987b}.play-button{width:35px;height:35px;background:#385940;color:white;border-radius:50%;font-size:13px;text-indent:2px;flex-shrink:0}.icon-button[aria-pressed=true]{color:#315936;background:#e7eddd}.play-time{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.play-time span{color:#a9b19d}#playProgress{flex:1;min-width:30px;height:4px}.tempo-control{display:flex;align-items:center;gap:6px;font-size:9px;color:#9ca68f}.tempo-control input{width:49px;padding:4px;font-size:10px;text-align:center;background:transparent;border:0;border-bottom:1px solid #d8decd;border-radius:0;-moz-appearance:textfield}.tempo-control input::-webkit-inner-spin-button{display:none}.audio-label{font-size:9px;color:#a4ad96}.lower-heading{display:flex;justify-content:space-between;align-items:end;margin:29px 0 16px}.lower-heading h2{font-family:var(--serif);font-size:21px;font-weight:500;margin:7px 0 0}.text-button{font-size:10px;color:#839877}.tool-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-card{display:flex;align-items:center;gap:15px;padding:19px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left}.tool-icon{width:40px;height:40px;display:grid;place-items:center;color:#789069;background:#f0f3e8;border-radius:8px;font-size:24px}.tool-card h3{font-size:12px;font-weight:500;margin:0 0 6px}.tool-card p{font-size:10px;color:#98a18b;margin:0}.tool-card>span:last-child{margin-left:auto;color:#a5b197}.sample-heading{display:flex;justify-content:space-between;align-items:center;margin:29px 0 15px}.sample-heading h2{font-size:13px;font-weight:500;margin:0}.sample-heading>span{font-size:9px;color:#a1a997}.sample-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sample-card{padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;text-align:left;display:flex;align-items:center;gap:15px;position:relative;min-height:113px}.sample-cover{width:88px;align-self:stretch;flex-shrink:0;padding:15px;display:flex;flex-direction:column;justify-content:space-between}.sample-cover>span{font-family:var(--serif);font-size:25px;line-height:1.2}.sample-cover small{font-size:5px;letter-spacing:.8px}.cover-green{background:#dfe5d5;color:#6a7d57}.cover-tan{background:#eee2ce;color:#978362}.cover-blue{background:#dee7e6;color:#7a9696}.cover-tan>span{font-size:21px}.cover-tan em{font-size:14px}.cover-blue>span{font-size:14px}.sample-card h3{font-family:var(--serif);font-size:15px;font-weight:500;margin:0 0 8px}.sample-card p{font-size:9px;margin:0 0 14px;color:#8f9984}.sample-card div>span:last-child{font-size:8px;color:#9baa8a}.sample-card i{font-style:normal;padding:0 6px}.sample-card b{position:absolute;right:12px;bottom:12px;font-size:11px;color:#a7b59a;font-weight:400}footer{display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);padding:25px 0;margin-top:38px;font-size:9px;color:#a2aa97}footer>span:nth-child(2){margin-left:auto}.footer-brand{font-family:var(--serif);font-size:11px}.footer-brand i{padding:0 10px;font-style:normal;color:#bec6b2}footer button{font-size:9px;padding:0}.custom-tuning{padding:12px 27px;display:flex;align-items:center;gap:10px;font-size:10px;background:#fafbf4}.custom-tuning>div{display:flex;gap:5px}.custom-tuning input{width:42px;padding:5px;font-size:11px}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.practice-card,.guide-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px}.practice-card h2,.guide-card h2{font-family:var(--serif);font-size:25px;font-weight:500;margin:12px 0 15px}.bpm-display{text-align:center;padding:28px 0}.bpm-display output{font-family:var(--serif);font-size:76px;display:block}.bpm-display small{font-size:11px;color:#a2ad95;letter-spacing:3px}.practice-card>input[type=range]{width:100%;height:4px}.metro-dots{display:flex;justify-content:center;gap:14px;margin:30px}.metro-dots i{width:11px;height:11px;border-radius:50%;background:#e5eadc}.metro-dots i.active{background:#8fa976;box-shadow:0 0 0 5px #eff3e8}.metro-options{display:flex;justify-content:space-between;align-items:center;gap:12px}.metro-options label{font-size:11px;color:#859177}.metro-options select{margin-left:10px;font-size:11px}.tuner-strings{display:flex;gap:8px;margin:25px 0}.tuner-strings button{flex:1;border:1px solid var(--line);border-radius:7px;padding:14px 3px;font-size:11px;color:#7c8d6f}.tuner-strings b{display:block;font-family:var(--serif);font-size:22px;margin-bottom:6px;font-weight:400}.tuner-result{background:#f7f9f2;border-radius:8px;padding:20px;text-align:center;margin:20px 0}.tuner-result strong{font-size:30px;font-weight:400;display:block}.tuner-result>span{font-size:11px;display:block;margin:12px 0;color:#8d9a7e}.tuner-meter{background:linear-gradient(to right,#e4ceb6,#cfe0bd 46%,#cfe0bd 54%,#e4ceb6);height:6px;border-radius:4px;position:relative;margin:20px 10px 8px}.tuner-meter span{position:absolute;left:50%;top:-5px;width:2px;height:16px;background:#56744e}.tuner-result small{font-size:9px;color:#98a08d}.practice-card p{font-size:12px;line-height:1.8;color:#939f87}.practice-card .small-note{font-size:10px}.guide-card{line-height:1.9}.guide-card p{color:#7f8c74;font-size:13px}.guide-card h3{font-family:var(--serif);font-size:19px;font-weight:500;margin:28px 0 8px}.guide-diagram{display:flex;gap:40px;align-items:center;background:#f7f9f1;border-radius:8px;padding:28px;margin:22px 0}.guide-diagram #guideGlyph{font-family:JianZiPu;font-size:90px;white-space:pre}.guide-diagram p{margin:8px 0;font-size:12px}.guide-links{display:flex;gap:20px;font-size:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:25px;color:#527449}.library-list{display:grid;gap:14px}.library-item{background:#fff;border:1px solid var(--line);border-radius:8px;padding:23px;display:flex;align-items:center;gap:15px}.library-item div{flex:1}.library-item h3{font-family:var(--serif);font-weight:500;font-size:20px;margin:0 0 6px}.library-item p{font-size:11px;color:#929f84;margin:0}.library-empty{text-align:center;padding:80px 30px;border:1px dashed #ccd7c0;border-radius:12px;color:#8d9b80}.library-empty h2{font-family:var(--serif);font-weight:400;font-size:28px;color:#526c45}.library-empty p{margin-bottom:30px;font-size:12px}dialog{border:1px solid var(--line);border-radius:12px;padding:30px;width:min(540px,calc(100% - 32px));color:var(--ink);max-height:85vh;box-shadow:0 25px 90px #18332324}dialog::backdrop{background:#17332665;backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.modal-header h2{font-family:var(--serif);font-weight:500;font-size:25px;margin:8px 0 0}.modal-header .close-dialog{font-size:24px;color:#8e9b81}.dropzone{border:1px dashed #b9c8ab;border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:30px 10px;background:#f7f9f2;cursor:pointer;text-align:center}.dropzone.dragging{background:#e9f0de;border-color:#45683b}.dropzone>span{font-size:27px;color:#859f72;border:1px solid #cfdbc3;width:45px;height:45px;display:grid;place-items:center;border-radius:10px;margin-bottom:17px}.dropzone strong{font-size:13px;font-weight:500}.dropzone small{font-size:9px;color:#8fa180;margin-top:12px}.import-divider{font-size:10px;color:#a2ad95;margin:23px 0;text-align:center}.field-label{display:block;font-size:11px;color:#879879;margin-bottom:10px}.field-label>input{display:block;width:100%;margin-top:10px}textarea{width:100%;resize:vertical;font-size:12px;line-height:1.9}.small-note{font-size:10px!important;color:#95a188;line-height:1.9!important}.modal-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:22px}.modal-actions>button:first-child{margin-right:auto}.error{font-size:12px;color:#ad653e;line-height:1.7;margin-bottom:0}.note-info{background:#f4f7ed;border-radius:8px;padding:15px;margin-bottom:16px;font-size:13px;display:flex;gap:15px;align-items:center}.note-info strong{font-family:var(--serif);font-size:28px;font-weight:400}.note-info small{color:#91a181;font-size:10px}.candidate-list{display:grid;gap:8px;max-height:250px;overflow:auto}.candidate-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:7px;font-size:12px;cursor:pointer}.candidate-option:has(input:checked){border-color:#9aaf81;background:#f7faef}.candidate-option input{accent-color:#517243}.candidate-option small{color:#9ca88f;display:block;margin-top:3px;font-size:10px}.finger-controls{display:flex;gap:20px;margin-top:20px}.finger-controls label{font-size:11px;color:#87967a;flex:1}.finger-controls select{margin-top:7px;width:100%;font-size:12px}.export-options{display:grid;gap:10px}.export-options button{border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;text-align:left;padding:17px;gap:20px}.export-options b{font-size:25px;font-weight:400;color:#88a06e}.export-options span{font-size:13px}.export-options small{display:block;font-size:10px;color:#99a58c;margin-top:7px}#searchInput{width:100%;margin-bottom:20px}#searchResults{display:grid;gap:8px}#searchResults button{text-align:left;background:#f7f9f2;border-radius:7px;padding:14px;font-size:12px}#searchResults small{display:block;color:#94a686;margin-top:6px;font-size:10px}.reference-dialog{width:min(950px,calc(100% - 32px))}#referenceContent iframe{width:100%;height:60vh;border:0}#referenceContent img{max-width:100%;display:block;margin:auto}.toast{position:fixed;bottom:30px;left:calc(50% + 110px);transform:translateX(-50%) translateY(20px);background:#274833;color:#f7f8ed;padding:12px 24px;border-radius:7px;box-shadow:0 5px 30px #19342120;z-index:100;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 40px)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#mobileMenu{display:none}body[data-view=staff] .qin-pane,body[data-view=qin] .staff-pane{display:none}body[data-view=qin] .qin-pane{border:0;margin-top:0;padding-top:0}
@media(min-width:1600px){main{padding:45px 60px 0}.hero-card{height:310px}.hero-copy{padding:32px 46px}.hero-copy h2{font-size:40px}.qin-art{right:60px}.score-area{padding:25px 35px 0}.qin-score{gap:15px}.qin-glyph{font-size:48px}.qin-caption{font-size:9px}}
@media(max-width:1200px){.sidebar{width:198px;padding-left:15px;padding-right:15px}.app-shell{margin-left:198px}main{padding:26px 25px 0}.topbar{padding:0 25px}.hero-copy{padding:27px;flex-basis:47%}.hero-copy h2{font-size:30px}.qin-art{right:0;bottom:0}.workflow-strip{gap:11px}.workflow-label{display:none}.arrange-controls{gap:10px}.arrange-controls label{gap:4px}.arrange-controls select{max-width:155px}.sample-cover{width:73px;padding:12px}.sample-card{gap:11px}.sample-card p{font-size:8px}.qin-score{grid-template-columns:repeat(8,minmax(55px,1fr))}.qin-glyph{font-size:37px}.qin-caption{font-size:7px}.practice-grid{gap:16px}.practice-card{padding:24px}.transport{gap:10px}.audio-label{display:none}.toast{left:calc(50% + 99px)}}
@media(max-width:900px){.sidebar{width:178px;padding:25px 12px}.brand{font-size:24px;gap:8px;margin-bottom:30px}.brand small{font-size:6px}.nav-item{padding:12px 10px;font-size:12px}.app-shell{margin-left:178px}main{padding:25px 20px 0}.topbar{padding:0 20px;height:66px}.search-button{width:auto;font-size:0;padding:8px}.search-button span{font-size:22px}.search-button kbd{display:none}.page-intro h1{font-size:24px}.hero-card{height:252px}.hero-copy{padding:24px;flex-basis:54%}.hero-copy h2{font-size:27px}.hero-kicker{font-size:9px;letter-spacing:2px}.hero-art .vertical-poem{right:20px;font-size:10px}.hero-seal{right:23px}.qin-art{width:135%;right:-25px}.workflow-strip{flex-wrap:wrap;gap:12px;padding:17px 4px;font-size:9px}.workspace-heading{padding:20px}.workspace-tabs{padding:0 20px}.workspace-tabs [role=tablist]{gap:20px}.draft-badge{font-size:8px}.score-area{padding:18px 20px 0}.arrange-controls{padding:12px 20px}.arrange-controls label{font-size:8px}.arrange-controls select{font-size:9px}.qin-score{grid-template-columns:repeat(4,1fr);gap:10px}.qin-glyph{font-size:42px}.qin-caption{font-size:8px}.score-footnote{padding:12px 20px;line-height:1.8}.score-footnote button{display:none}.transport{padding:12px 16px}.transport .tempo-control label{display:none}.sample-cards{gap:10px}.sample-card{display:block;min-height:190px}.sample-cover{height:94px;width:100%;flex-direction:row;align-items:end}.sample-card>div:nth-child(2){padding:12px}.sample-card p{font-size:9px;margin-bottom:8px}.sample-cover>span{font-size:25px}.tool-cards{gap:10px}.tool-card{padding:13px;gap:10px}.tool-icon{width:30px;height:30px;flex-shrink:0;font-size:20px}.tool-card p{font-size:8px}.tool-card>span:last-child{display:none}.practice-grid{grid-template-columns:1fr}.custom-tuning{flex-wrap:wrap}.toast{left:calc(50% + 89px)}}
@media(max-width:650px){.sidebar{transform:translateX(-100%);width:226px;transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vmax #19332660}.app-shell{margin-left:0}.topbar{height:60px;padding:0 17px;gap:14px;position:relative;z-index:16}#mobileMenu{display:block;font-size:17px;padding:4px}.breadcrumb{font-size:11px}.breadcrumb span{padding:0 8px}.search-button{margin-left:auto}.header-help{display:none}.avatar{width:28px;height:28px;font-size:13px}main{padding:23px 16px 0}.page-intro{gap:8px;align-items:start}.page-intro h1{font-size:22px;margin-top:10px;line-height:1.5}.page-intro p{font-size:10px;line-height:1.8}.page-intro .primary{padding:10px;white-space:nowrap;font-size:10px;margin-top:21px}.eyebrow{font-size:8px}.hero-card{height:238px}.hero-copy{padding:23px 20px;flex-basis:65%}.hero-copy h2{font-size:27px;letter-spacing:1px}.hero-copy p{font-size:10px}.hero-kicker{font-size:8px;letter-spacing:2px}.hero-art{position:absolute;right:0;top:0;bottom:0;width:45%}.qin-art{width:340%;right:-148%;bottom:-39px;opacity:.8}.vertical-poem{display:none}.hero-seal{right:15px;bottom:15px;font-size:10px}.workflow-strip{display:grid;grid-template-columns:1fr 15px 1fr;gap:12px;font-size:9px;padding:20px 8px}.workflow-strip>i:nth-of-type(2){display:none}.workspace-heading{padding:20px 16px}.workspace-heading h2{font-size:20px}.score-actions{gap:5px}.score-actions .secondary{padding:8px;font-size:9px}.workspace-heading p{font-size:9px}.workspace-tabs{padding:0 16px;gap:5px;flex-wrap:wrap}.workspace-tabs [role=tablist]{gap:22px}.workspace-tabs [role=tab]{font-size:10px}.draft-badge{margin-bottom:10px;font-size:8px}.arrange-controls{padding:12px 16px;gap:10px;justify-content:space-between}.arrange-controls label{font-size:9px}.arrange-controls select{font-size:9px;max-width:163px}.convert-button{margin-left:0}.score-area{padding:19px 16px 0}.score-footnote{padding:12px 16px;font-size:8px}.transport{gap:6px;flex-wrap:wrap;padding:12px}.play-group{gap:1px}.play-group .icon-button{font-size:14px;padding:4px}.play-button{width:30px;height:30px}.play-time{font-size:9px}#playProgress{min-width:70px}.tempo-control{font-size:8px}.tempo-control input{width:35px}.transport>#metronomeToggle{display:none}.lower-heading h2{font-size:20px}.tool-cards{gap:8px}.tool-card{display:block;padding:14px 10px}.tool-icon{margin-bottom:12px}.tool-card h3{font-size:11px}.tool-card p{font-size:8px;line-height:1.6}.sample-heading h2{font-size:12px}.sample-heading>span{display:none}.sample-cards{gap:8px}.sample-cover{padding:12px 8px}.sample-cover>small{display:none}.sample-card h3{font-size:14px}.sample-card>div:nth-child(2){padding:12px 8px}.sample-card p{font-size:8px;line-height:1.7}.sample-card div>span:last-child{font-size:7px}.sample-card b{right:8px;bottom:9px}.sample-card{min-height:194px}.cover-tan>span{font-size:20px}.cover-blue>span{font-size:14px}footer{margin-top:28px;font-size:8px}.footer-brand{font-size:9px}.footer-brand i{padding:0 5px}footer>span:nth-child(2){display:none}footer button{margin-left:auto;font-size:8px}.guide-card{padding:23px}.guide-diagram{gap:12px;padding:20px 10px}.guide-diagram #guideGlyph{font-size:65px}.guide-diagram p{font-size:10px}.guide-links{gap:14px;flex-wrap:wrap}.guide-card p{font-size:12px}.practice-card{padding:22px}.metro-options{gap:8px}.metro-options .secondary{font-size:10px}.tuner-strings{gap:5px}.tuner-strings button{font-size:9px}.tuner-strings b{font-size:17px}dialog{padding:23px}.modal-actions{flex-wrap:wrap}.modal-actions button{font-size:10px}.dropzone small{font-size:8px}.toast{left:50%;width:max-content;max-width:calc(100% - 32px);font-size:11px}.library-item{padding:18px;flex-wrap:wrap}.library-item h3{font-size:18px}.library-item div{flex-basis:100%}}
@media print{body{background:white}.sidebar,.topbar,.page-intro,.hero-card,.workflow-strip,.lower-heading,.tool-cards,.sample-heading,.sample-cards,footer,.score-actions,.arrange-controls,.transport,.workspace-tabs,.toast,.custom-tuning,.score-footnote button,dialog{display:none!important}.app-shell{margin-left:0}main{padding:0;max-width:none}.page-section{display:none!important}#studio{display:block!important}.workspace{border:0;overflow:visible}.workspace-heading{padding:0 0 20px}.workspace-heading h2{font-size:26px}.score-area{padding:0}.score-pane{display:block!important;break-inside:avoid}.notation{overflow:visible}.notation svg{min-width:0}.qin-score{grid-template-columns:repeat(8,1fr);gap:8px}.qin-note{break-inside:avoid}.qin-glyph{font-size:45px}.qin-caption{font-size:9px}.qin-pitch{font-size:10px}.score-footnote{padding:20px 0;font-size:10px}.score-warnings{padding:10px 0;background:white}.score-pane+.score-pane{margin-top:15px}.qin-note.selected,.qin-note.playing{background:white;border-color:transparent}.score-pane{color:black}@page{size:A4;margin:15mm}}
/* One mobile interface on every screen. Desktop surrounds it with original artwork. */
@media screen{
body{background:#102520 url('assets/background.webp') center center/cover fixed no-repeat;min-height:100vh}.sidebar{display:none}.app-shell{width:100%;max-width:480px;margin:0 auto;background:var(--paper);min-height:100vh;box-shadow:0 0 100px #020a07b0;border-left:1px solid #e9eddd15;border-right:1px solid #e9eddd15}.topbar{height:64px;padding:0 18px;gap:14px;position:sticky;top:0;z-index:12;background:#fafaf5f5;backdrop-filter:blur(14px)}#mobileMenu{display:none}.breadcrumb{font-size:11px}.breadcrumb span{padding:0 8px}.breadcrumb:before{content:'悦鸣视听';font-family:var(--serif);font-size:20px;color:#38583e;padding-right:13px;letter-spacing:2px}.breadcrumb{font-size:0}.breadcrumb strong{font-size:11px}.breadcrumb span{display:none}.search-button{width:auto;margin-left:auto;font-size:0;padding:8px;background:none;border:0}.search-button span{font-size:24px}.search-button kbd,.header-help{display:none}.avatar{width:29px;height:29px;font-size:13px}main{padding:24px 16px 76px;max-width:none}.page-intro{gap:8px;align-items:start;margin-bottom:22px}.page-intro h1{font-size:23px;margin-top:9px;line-height:1.45;letter-spacing:0}.page-intro p{font-size:10px;line-height:1.8;max-width:270px}.page-intro .primary{padding:10px 11px;white-space:nowrap;font-size:10px;margin-top:22px}.eyebrow{font-size:8px;letter-spacing:2px}.hero-card{height:242px;border-radius:11px;background:#e8ecdf}.hero-copy{padding:25px 21px;flex-basis:65%}.hero-copy h2{font-size:29px;letter-spacing:1px}.hero-copy p{font-size:10px}.hero-kicker{font-size:8px;letter-spacing:2px}.hero-art{position:absolute;right:0;top:0;bottom:0;width:45%}.qin-art{width:290%;right:-124%;bottom:-40px;opacity:.85}.vertical-poem{display:none}.hero-seal{right:17px;bottom:17px;font-size:10px}.workflow-strip{display:grid;grid-template-columns:1fr 15px 1fr;gap:12px;font-size:9px;padding:21px 10px}.workflow-strip>i:nth-of-type(2),.workflow-label{display:none!important}.workspace-heading{padding:20px 16px;gap:7px}.workspace-heading h2{font-size:21px}.score-actions{gap:5px}.score-actions .secondary{padding:8px;font-size:9px}.workspace-heading p{font-size:9px;max-width:225px;line-height:1.8}.workspace-tabs{padding:0 16px;gap:5px;flex-wrap:wrap}.workspace-tabs [role=tablist]{gap:22px}.workspace-tabs [role=tab]{font-size:10px}.draft-badge{margin-bottom:10px;font-size:8px}.arrange-controls{padding:13px 16px;gap:11px 9px;justify-content:space-between}.arrange-controls label{font-size:9px}.arrange-controls select{font-size:9px;max-width:185px}.convert-button{margin-left:0}.score-area{padding:19px 16px 0}.qin-score{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 5px;padding-bottom:14px}.qin-glyph{font-size:44px}.qin-caption{font-size:8px}.score-footnote{padding:13px 16px;font-size:8px;line-height:1.9}.score-footnote button{display:none}.score-warnings{padding:13px 16px;font-size:10px}.transport{gap:7px;flex-wrap:wrap;padding:12px}.play-group{gap:1px}.play-group .icon-button{font-size:14px;padding:4px}.play-button{width:32px;height:32px}.play-time{font-size:9px}#playProgress{min-width:65px}.tempo-control{font-size:8px}.tempo-control input{width:35px}.tempo-control label,.audio-label,.transport>#metronomeToggle{display:none}.lower-heading{margin-top:26px}.lower-heading h2{font-size:20px}.tool-cards{gap:8px}.tool-card{display:block;padding:16px 11px}.tool-icon{width:34px;height:34px;font-size:22px;margin-bottom:13px}.tool-card h3{font-size:12px}.tool-card p{font-size:8px;line-height:1.6}.tool-card>span:last-child{display:none}.sample-heading h2{font-size:13px}.sample-heading>span{display:none}.sample-cards{gap:8px}.sample-card{display:block;min-height:190px}.sample-cover{width:100%;height:96px;padding:14px 10px;display:flex;flex-direction:row;align-items:end}.sample-cover>small{display:none}.sample-cover>span{font-size:26px}.sample-card>div:nth-child(2){padding:12px 10px}.sample-card h3{font-size:15px}.sample-card p{font-size:8px;margin-bottom:9px;line-height:1.7}.sample-card div>span:last-child{font-size:7px}.sample-card b{right:9px;bottom:10px}.cover-tan>span{font-size:22px}.cover-blue>span{font-size:15px}footer{margin-top:28px;font-size:8px;padding:22px 0}.footer-brand{font-size:10px}.footer-brand i{padding:0 5px}footer>span:nth-child(2){display:none}footer button{margin-left:auto;font-size:8px}.custom-tuning{padding:12px 16px;flex-wrap:wrap}.custom-tuning input{width:39px}.guide-card{padding:23px}.guide-diagram{gap:15px;padding:20px 10px}.guide-diagram #guideGlyph{font-size:65px}.guide-diagram p{font-size:10px}.guide-links{gap:14px;flex-wrap:wrap}.guide-card p{font-size:12px}.practice-grid{grid-template-columns:1fr;gap:18px}.practice-card{padding:24px}.metro-options{gap:8px}.metro-options .secondary{font-size:10px}.tuner-strings{gap:5px}.tuner-strings button{font-size:9px}.tuner-strings b{font-size:18px}dialog{padding:23px;width:min(438px,calc(100% - 28px))}.modal-actions{flex-wrap:wrap}.modal-actions button{font-size:10px}.dropzone small{font-size:8px}.toast{left:50%;bottom:90px;width:max-content;max-width:calc(100% - 32px);font-size:11px}.library-item{padding:18px;flex-wrap:wrap}.library-item h3{font-size:18px}.library-item div{flex-basis:100%}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;display:flex;background:#fafbf8f5;backdrop-filter:blur(18px);border-top:1px solid #e3e7db;z-index:20;padding:10px 10px max(10px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #22361c04}.bottom-nav button{flex:1;font-size:9px;color:#9ba891;padding:3px;border-radius:6px}.bottom-nav button>span{font-size:21px;display:block;margin-bottom:5px;line-height:1.15}.bottom-nav button.active{color:#3f6544}.desktop-atmosphere{position:fixed;left:calc(50% - 470px);top:15vh;color:#ece1bd;pointer-events:none;text-shadow:0 4px 25px #04171180;z-index:-1}.desktop-atmosphere strong{font-family:var(--serif);font-size:52px;letter-spacing:12px;font-weight:400}.desktop-atmosphere p{font-family:var(--serif);font-size:13px;letter-spacing:6px;line-height:2.6;color:#e6ddbfbb}.desktop-atmosphere small{font-size:8px;letter-spacing:4px;color:#d3d4b899}.dual-library{margin:25px 0 5px}.dual-library-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dual-library-head h2{font-family:var(--serif);font-weight:500;font-size:21px;margin:0}.dual-library-head small{font-size:8px;color:#a4ad98}.era-tabs{display:flex;border-radius:7px;background:#e9eee2;padding:4px;margin-bottom:13px;gap:4px}.era-tabs button{width:50%;border-radius:5px;padding:9px;font-size:10px;color:#90a080}.era-tabs button.active{background:#fff;color:#466942;box-shadow:0 2px 5px #25441c08}.classic-card{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:16px;margin-bottom:10px;text-align:left;width:100%}.classic-initial{font-family:var(--serif);font-size:26px;background:#f0ebdf;color:#a5946b;width:47px;height:58px;display:grid;place-items:center;border-radius:4px;flex-shrink:0}.classic-card div{flex:1}.classic-card h3{font-family:var(--serif);font-size:17px;font-weight:500;margin:0 0 6px}.classic-card p{font-size:9px;color:#9aa48e;margin:0;line-height:1.7}.classic-card small{font-size:8px;color:#a99a73;display:block;margin-top:5px}.classic-card>span:last-child{font-size:16px;color:#a2ad93}.era-note{font-size:9px;line-height:1.9;color:#98a68a;margin:13px 2px}.classic-reader-image{width:100%;max-height:62vh;object-fit:contain;background:#f4ecdb}.classic-source{font-size:10px;line-height:1.9;color:#879775}.classic-source a{color:#486d3f;border-bottom:1px solid #abb89a}.reference-dialog{width:min(650px,calc(100% - 28px))}}
@media screen and (max-width:1050px){.desktop-atmosphere{display:none}}
@media screen and (max-width:480px){body{background:var(--paper)}.app-shell{box-shadow:none;border:0}.bottom-nav{left:0;transform:none}.page-intro h1{font-size:21px}.page-intro .primary{font-size:9px;padding:10px}.hero-copy h2{font-size:28px}}
@media screen{.bottom-nav{flex-direction:row}.bottom-nav .nav-item{width:auto;text-align:center;margin:0;padding:3px;background:none;color:#9ba891;font-size:10px}.bottom-nav .nav-item.active{color:#3f6544}.bottom-nav .nav-item>span{width:auto;display:block}.arrange-controls label,.arrange-controls select,.workspace-tabs [role=tab],.pane-label{font-size:11px}.qin-caption{font-size:9px}.qin-pitch{font-size:10px}.tool-card p{font-size:10px}.sample-card p{font-size:9px}.classic-card p{font-size:11px}.classic-card small,.era-note{font-size:10px}.score-footnote{font-size:10px}.workspace-heading p{font-size:10px}.workflow-strip{font-size:10px}.primary,.secondary{min-height:34px}.page-intro p{font-size:11px}}
#pairedSource{display:block;margin:0 16px 16px;color:#7c8863;font-size:10px;background:#f6f7ef}.classic-reader-image{width:100%;display:block;max-height:62vh;object-fit:contain;background:#f4ecdb}.classic-source{font-size:11px;line-height:1.9;color:#879775}.classic-source a{color:#486d3f;border-bottom:1px solid #abb89a}
#referenceContent.zoomed{overflow:auto;max-height:65vh;scrollbar-width:thin}#referenceContent.zoomed .classic-reader-image{width:1400px;max-width:none;max-height:none;object-fit:initial}#referenceContent.zoomed .classic-source{max-width:400px}#referenceContent #zoomClassic{margin:5px 0 12px}
/* YueMing: listening, guqin editions, reading and creation. */
.listening-hero{position:relative;overflow:hidden;min-height:275px;padding:29px 25px;border-radius:13px;color:#ede9d7;background:linear-gradient(90deg,#17342fed,#17342f30),url('assets/background.webp') 24% 40%/auto 470px}.listening-hero>span{font-size:10px;letter-spacing:5px;color:#d8d3ac}.listening-hero h2{font-family:var(--serif);font-size:32px;font-weight:400;letter-spacing:2px;line-height:1.5;margin:14px 0}.listening-hero p{font-size:11px;color:#c1ceb5}.listening-hero button{margin-top:15px;font-size:11px;border-bottom:1px solid #c2c8a7;padding:0 0 6px;color:#e2dfc7}.listening-hero i{font-style:normal;padding-left:30px}.hero-wave{position:absolute;right:-15px;bottom:8px;font-size:35px;letter-spacing:2px;color:#bcaa6b25;transform:rotate(-15deg);pointer-events:none}.catalog-stats{display:flex;justify-content:space-around;padding:21px 10px;border-bottom:1px solid var(--line);margin-bottom:23px}.catalog-stats>span{font-size:9px;color:#9ea88e;text-align:center}.catalog-stats b{display:block;color:#58704b;font-family:var(--serif);font-size:22px;font-weight:400;margin-bottom:6px;font-variant-numeric:tabular-nums}.section-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 15px;gap:10px}.section-title h2{font-family:var(--serif);font-size:21px;margin:0;font-weight:500}.section-title>span{font-size:9px;color:#a0aa92}.featured-list{display:grid;gap:10px}.featured-item{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid var(--line);background:#fff;border-radius:9px;text-align:left}.feature-cover{width:65px;height:73px;flex-shrink:0;border-radius:5px;display:grid;place-items:center;color:#758964;background:linear-gradient(135deg,#e1e9d8,#cdd9bd);font-family:var(--serif);font-size:27px}.feature-cover.tone-1{background:linear-gradient(135deg,#efe3cd,#dac7a7);color:#988162}.feature-cover.tone-2{background:linear-gradient(135deg,#dce8e4,#b3d0c9);color:#698f87}.featured-item h3{font-size:15px;font-family:var(--serif);font-weight:500;margin:0 0 6px}.featured-item p{font-size:10px;color:#98a58a;margin:0;line-height:1.7}.featured-item small{display:block;font-size:9px;color:#aaad99;margin-top:7px}.featured-item .listen-icon{margin-left:auto;border:1px solid #d2ddc7;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#8da17a;font-size:10px}.wide-input{width:100%;font-size:12px;padding:12px;margin-bottom:14px}.filter-chips{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px}.filter-chips button{padding:7px 12px;border-radius:20px;border:1px solid #e2e7d8;white-space:nowrap;font-size:10px;color:#99a687}.filter-chips button.active{background:#355c42;color:#f4f4e8;border-color:#355c42}.catalog-list{display:grid;gap:9px}.catalog-item{background:#fff;border:1px solid var(--line);border-radius:8px;text-align:left;padding:16px;display:flex;align-items:center;gap:12px}.catalog-number{font-size:10px;min-width:24px;color:#afb79f;font-variant-numeric:tabular-nums}.catalog-item h3{font-size:13px;font-weight:500;margin:0 0 6px;line-height:1.5}.catalog-item p{font-size:10px;color:#95a485;margin:0;line-height:1.6}.catalog-item small{font-size:8px;display:block;color:#a5b093;margin-top:6px}.catalog-item>span:last-child{margin-left:auto;color:#97aa84;flex-shrink:0}.more-button{width:100%;text-align:center;border:1px solid #dde5d1;color:#829b6c;padding:14px;background:#f0f4e8;border-radius:7px;margin-top:17px;font-size:11px}.source-statement{display:flex;gap:10px;align-items:start;padding:17px;background:#eef2e6;border-radius:8px;margin:23px 0;color:#9aaa88}.source-statement span{font-size:16px}.source-statement p{font-size:10px;line-height:1.9;margin:0}.qin-feature{background:linear-gradient(110deg,#d5dcc8,#f2f0df);border:1px solid #dce3cf;border-radius:10px;padding:28px 25px;margin-bottom:23px;color:#5d754f}.qin-feature>span{font-size:10px;letter-spacing:5px}.qin-feature h2{font-family:var(--serif);font-size:31px;line-height:1.5;font-weight:400;margin:14px 0}.qin-feature p{font-size:11px;color:#94a083}.qin-library-card{background:#fff;border:1px solid var(--line);border-radius:9px;margin:12px 0;padding:20px}.qin-library-card h3{font-family:var(--serif);font-size:21px;font-weight:500;margin:0 0 10px}.qin-library-card p{font-size:11px;color:#929f83;line-height:1.8;margin:0 0 14px}.version-list{display:grid;gap:8px}.version-item{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;background:#f7f8f1;border-radius:5px;padding:11px;font-size:10px;color:#74865f}.version-item small{color:#a3af94}.qin-card-actions{display:flex;gap:10px;margin-top:15px}.qin-card-actions .secondary{font-size:10px}.creation-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:23px 20px}.creation-head{margin-bottom:23px}.creation-head h2{font-family:var(--serif);font-size:23px;font-weight:500;margin:0 0 7px}.creation-head span{font-size:10px;color:#96a386}.creation-card .field-label{margin:17px 0 10px;font-size:11px}.creation-card .field-label textarea{display:block;margin-top:9px;font-size:12px}.composition-controls{display:flex;gap:10px;align-items:center;font-size:9px;color:#94a481;justify-content:space-between;margin:20px 0 15px}.composition-controls label{display:flex;gap:4px;align-items:center}.composition-controls select{padding:7px 5px;font-size:10px}.composition-controls input{width:43px;padding:7px 4px;font-size:10px;text-align:center}.compose-keyboard{display:flex;gap:5px}.compose-keyboard button{flex:1;min-width:0;height:82px;border:1px solid #dbe3d0;border-radius:4px 4px 7px 7px;background:linear-gradient(#fff,#f2f5eb);box-shadow:0 3px 0 #e8edde;display:flex;flex-direction:column;justify-content:end;align-items:center;padding:12px 3px;font-family:var(--serif);font-size:19px;color:#59744c}.compose-keyboard small{font-family:inherit;font-size:8px;color:#9da98d;margin-top:8px}.compose-keyboard button:active{transform:translateY(2px);box-shadow:0 1px 0 #e8edde}.compose-toolbar{display:flex;gap:7px;justify-content:flex-end;margin:13px 0 18px}.compose-toolbar button{border:1px solid var(--line);border-radius:4px;padding:7px 9px;font-size:9px;color:#899a77}.creation-preview{background:#f5f8ee;border-radius:7px;padding:17px;margin:17px 0;min-height:75px;color:#8ea17a;font-size:11px;line-height:2.5;word-spacing:12px}.creation-preview strong{font-weight:400;font-size:20px;font-family:var(--serif);color:#567147}.creation-preview small{display:block;font-size:9px;color:#a3af95;word-spacing:normal}.creation-actions{display:flex;gap:8px}.creation-actions button{flex:1;padding:9px 5px;font-size:10px}.creation-save{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:23px;padding-top:18px}.creation-save button{font-size:11px}.sing-caption{font-family:var(--serif);font-size:20px;color:#5d764f;text-align:center;min-height:28px;line-height:1.5;margin:15px 0}.sing-caption .current{color:#b38d49;text-decoration:underline;text-underline-offset:5px}.work-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:20px;margin-bottom:12px}.work-card h3{font-family:var(--serif);font-weight:500;font-size:19px;margin:0 0 8px}.work-card p{font-size:10px;color:#9ca88e;margin:0 0 15px;line-height:1.9}.work-card button{font-size:10px;margin-right:8px}.empty-message{font-size:11px;color:#9bac8a;line-height:2;padding:17px 10px;text-align:center}.wide-button{width:100%;margin-top:15px}.song-dialog{max-height:90vh}.song-byline{font-size:11px;line-height:1.8;color:#96a387}.song-analysis{line-height:2;font-size:12px;color:#718366;margin:20px 0}.song-analysis h3{font-family:var(--serif);font-size:18px;font-weight:500;color:#4d6b3e;margin:22px 0 8px}.song-analysis .analysis-label{font-size:9px;color:#a4a486;background:#f1f2e5;padding:4px 7px;border-radius:4px}.song-sources{font-size:10px;line-height:1.9;color:#9baa8a;border-top:1px solid var(--line);padding-top:14px;margin-bottom:20px}.song-sources a{display:inline;color:#678d52;border-bottom:1px solid #c6d3b6}.song-sources a:after{content:' ↗'}.song-player{border-radius:7px;background:#f3f6eb;padding:17px;display:flex;align-items:center;gap:12px}.song-player button{background:#416340;border-radius:50%;width:35px;height:35px;color:white}.song-player span{font-size:10px;color:#91a17e}.song-player audio{width:100%;height:38px}#songPlayer>p{font-size:9px;color:#a5af95;line-height:1.9}.comment-area{border-top:1px solid var(--line);padding-top:20px}.comment-area h3{font-size:13px;font-weight:500;margin:0 0 13px}.comment-area textarea{font-size:11px;margin-top:15px}.comment-area>.primary{margin-top:12px;display:block;margin-left:auto;font-size:11px}.comment-item{border-bottom:1px solid #eff1e8;padding:13px 0}.comment-item header{font-size:10px;color:#8a9e76;display:flex;justify-content:space-between}.comment-item p{font-size:11px;line-height:1.9;color:#687f5a;margin:8px 0 0}.comment-item time{font-size:8px;color:#b0b9a3}.song-dialog .modal-header h2{font-size:23px;line-height:1.5}.creations-tab{color:#5e8050}.reference-dialog .modal-actions{position:sticky;bottom:-23px;background:white;padding:15px 0;margin-top:10px}
@media print{.bottom-nav,.desktop-atmosphere,#appreciation,#qinlibrary,#creation{display:none!important}}

/* Mobile reading comfort */
.app-shell{min-width:0;overflow-x:clip}.page-intro p{font-size:13px;line-height:1.8;color:#74806f}.catalog-item{min-width:0}.catalog-item>div{min-width:0;overflow-wrap:anywhere}.catalog-item h3{font-size:14px}.catalog-item p,.qin-library-card p,.featured-item p{font-size:12px;color:#738467}.catalog-item small,.version-item{font-size:11px;color:#718466}.filter-chips button{min-height:40px;font-size:12px}.source-statement p,.small-note{font-size:12px;line-height:1.8;color:#738267}.song-sources{font-size:12px;overflow-wrap:anywhere}.song-analysis{font-size:14px}.comment-item p{font-size:13px}.creation-card .field-label{font-size:13px}.creation-card textarea{width:100%}.song-player span{line-height:1.7}.version-item{line-height:1.7}.bottom-nav .nav-item{font-size:12px}