/* Keep one comfortable mobile layout on every screen size. */
:root{--paper:#f7f5ee;--line:#e3e5d9;--ink:#243c31;--green:#315948;--deep:#183c33;--muted:#75816e}body{background-image:linear-gradient(#081e1780,#081e1780),url('assets/background.webp');background-size:cover;background-position:center;background-attachment:fixed}.app-shell{background:#f7f5ee;box-shadow:0 0 90px #04170fd0}.topbar{height:70px;background:#faf8f1ed;backdrop-filter:blur(15px);border-bottom:1px solid #dfdfd2;position:sticky;top:0;z-index:18}.topbar:before{color:#315644;letter-spacing:3px;font-size:24px}.topbar .breadcrumb{font-size:11px;color:#687c60}.avatar{background:#e9ecdf;color:#49683f;outline:1px solid #d9e0cb}.search-button{color:#798a6d}main{padding-top:20px}.page-intro{margin-bottom:22px}.page-intro h1{font-size:23px;line-height:1.6;margin-top:8px;color:#294235}.page-intro p{font-size:12px;color:#7b8673;line-height:1.9}.page-intro .eyebrow{font-size:8px;letter-spacing:2px;color:#91a07f}.listening-hero,.qin-feature,.hero-card{display:none!important;background-image:none!important}.catalog-stats{background:#f0f1e8;border:1px solid #e4e7d7;border-radius:13px;padding:18px 6px;margin:0 0 25px;box-shadow:inset 0 1px #ffffff88}.catalog-stats b{color:#5c7650;font-size:23px}.catalog-stats>span{font-size:10px;color:#8f9d80}.featured-item,.catalog-item,.qin-library-card,.work-card,.creation-card{border-color:#e0e4d6;box-shadow:0 3px 15px #153a2204;background:#fffdf9;border-radius:13px}.featured-item{padding:14px;gap:12px}.featured-item h3{font-size:16px;line-height:1.5}.featured-item p{font-size:11px}.featured-item small{font-size:10px;line-height:1.8}.feature-cover{width:55px;height:65px;border-radius:9px 2px 9px 2px}.featured-item .listen-icon{width:34px;height:34px;font-size:10px}.section-title h2{font-size:23px;letter-spacing:1px}.catalog-item{padding:16px 14px;gap:10px}.catalog-item h3{font-size:14px;line-height:1.6}.catalog-item small{font-size:10px;line-height:1.8}.catalog-number{font-family:var(--serif);color:#bca97e;font-size:12px}.qin-main-tabs{padding:5px;background:#e8ecdf;border:1px solid #e0e5d7;border-radius:10px;margin:20px 0 17px}.qin-main-tabs button{flex:1;width:auto;min-height:42px;font-size:12px;padding:8px 4px}.qin-main-tabs button.active{box-shadow:0 2px 8px #2543190c;color:#365c42}.qin-collection-overview{display:flex;align-items:center;gap:12px;margin:18px 2px;font-size:10px;color:#8c9b7f}.qin-collection-overview b{font-family:var(--serif);font-weight:400;font-size:21px;color:#6b8158;margin-right:4px}.qin-collection-overview .text-button{margin-left:auto;font-size:10px;white-space:nowrap}.qin-library-card{padding:20px 17px}.qin-library-card h3{font-size:23px}.qin-library-card p{color:#7b8a70;font-size:12px}.version-item{border:1px solid #e7ebde;background:#f6f8ef;border-radius:8px;min-height:44px;padding:10px 12px}.version-item small{font-size:10px}.wide-input{min-height:45px;background:#fffdf9;border-color:#dfe6d4;border-radius:9px;font-size:13px}.filter-chips{gap:7px;scrollbar-width:thin}.filter-chips button{border-color:#dee4d2}.filter-chips button.active{background:#2b5140;color:#fbf6e8;border-color:#2b5140}.source-statement{background:#edf0e4;border:1px solid #e2e7d6;border-radius:11px;color:#849674}.source-statement p{font-size:11px;color:#7d8d6c}.bottom-nav{background:#fbfaf3f5;border-color:#dedfcd;box-shadow:0 -5px 25px #23381007}.bottom-nav .nav-item{position:relative;min-height:48px}.bottom-nav .nav-item.active{color:#315844}.bottom-nav .nav-item.active:before{content:'';position:absolute;left:calc(50% - 9px);top:-8px;width:18px;height:2px;background:#a98d55;border-radius:2px}.bottom-nav .nav-item>span{font-size:21px}.creation-card{padding:23px 18px}.creation-card .small-note{font-size:11px;color:#8c967e}.primary{background:#315848;border-radius:8px}.secondary{background:#fffdf9;border-color:#dde4d2;border-radius:8px}.composition-controls{font-size:10px}.compose-keyboard button{border-radius:5px 5px 10px 10px;box-shadow:0 4px 0 #e3e8d8;background:linear-gradient(#fffef9,#eef3e4)}.compose-toolbar button{min-height:35px;border-radius:6px}.creation-save button{min-height:43px}.creation-head h2{font-size:25px}.workspace{border-color:#dfe5d5;border-radius:14px;background:#fffdf9}.workspace-heading{background:#fffdf9}.arrange-controls,.transport{background:#f3f6eb}.workspace-tabs{background:#fafbf5}.qin-score{background:#fffdf9}.transport{gap:10px}.tool-card,.classic-card{border-radius:12px}.tool-icon{border-radius:10px 3px 10px 3px}.practice-card{border-radius:15px;border-color:#e0e5d6;background:#fffdf9}.guide-card{border-radius:15px;border-color:#e0e5d6;background:#fffdf9}.guide-card p{font-size:12px;color:#708063;line-height:2}dialog{background:#fffdf7;border-radius:15px;border-color:#dde4d2}dialog::backdrop{background:#10291f88;backdrop-filter:blur(3px)}.modal-header h2{color:#31513a}footer{border-color:#e1e4d5;color:#8b9b7b}button:focus-visible,a:focus-visible{outline:2px solid #b79a61;outline-offset:3px}.ym-carousel-image{object-position:58% center}.ym-carousel-copy{width:94%}.ym-transplant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ym-carousel{height:303px}.ym-carousel-image{filter:saturate(.87)}.desktop-atmosphere{left:calc(50% - 490px)}@media(max-width:480px){body{background:#f7f5ee}.app-shell{border:0;box-shadow:none}.topbar{height:66px}.topbar:before{font-size:24px;letter-spacing:2px}main{padding-top:18px}.page-intro h1{font-size:22px}.page-intro .primary{padding:9px 11px;font-size:10px}.ym-carousel{margin-bottom:22px}.catalog-stats{padding:17px 6px}.creation-head h2{font-size:23px}}@media(max-width:359px){.topbar:before{font-size:21px}.topbar{gap:10px}.qin-collection-overview{gap:8px}.qin-collection-overview .text-button{font-size:9px}.qin-main-tabs button{font-size:11px}.featured-item h3{font-size:15px}.ym-carousel{height:323px}.ym-carousel-title{font-size:25px}.ym-carousel-description{font-size:12px}.catalog-stats b{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.technique-results{grid-template-columns:minmax(0,1fr)}.lecture-list{grid-template-columns:repeat(2,minmax(0,1fr))}

.music-share-card{border:1px solid #e2e6d9;border-radius:13px;padding:18px;margin:18px 0;text-align:center;background:#f7faf2}.music-social-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.music-social-buttons [aria-pressed=true]{background:#315948;color:#fff}.music-share-card p{font-size:12px;line-height:1.8;color:#687e60}.music-share-card small{display:block;font-size:10px;line-height:1.8;color:#91a282;margin-top:10px}.music-qr{max-width:220px;margin:12px auto;background:#fff}