:root{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#234c40;background:#f8f7f1;font-size:14px;font-synthesis:none;--green:#234c40;--muted:#63746b;--orange:#c85832;--line:#dce1d6}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 8% 42%,#e7eedb70,transparent 36%),radial-gradient(ellipse at 92% 60%,#ffe4cd65,transparent 34%)}button,input,select{font:inherit}button,select{color:inherit;background:#fffefa;border:1px solid var(--line);border-radius:9px;padding:9px 13px}button{cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#eef1e5;border-color:#a5b6a4}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #d17849;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 5vw;border-bottom:1px solid #234c400d}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand img{border-radius:10px}.brand-name{font-size:25px;font-weight:750;letter-spacing:1px}.brand-caption{font-size:11px;color:var(--muted);margin-left:5px;letter-spacing:2px}.identity{display:flex;align-items:center;gap:12px}#user-name{font-weight:600}#access-button{background:transparent;border:1px solid #bac8b9;border-radius:22px;font-size:12px;padding:10px 17px}#access-button:hover{background:#e9efd9;border-color:var(--green)}#logout{background:none;border:none;font-size:12px}
.library{max-width:790px;margin:clamp(50px,11vh,120px) auto 0;padding:0 25px 28px}.hero{text-align:center}.trial-badge{display:inline-flex;gap:8px;align-items:center;margin:0 0 24px;padding:7px 12px;border:1px solid #d3dfbc;border-radius:30px;background:#eef3e2;font-size:11px;font-weight:550;letter-spacing:1px}.trial-badge>span:first-child{width:6px;height:6px;border-radius:50%;background:#668139}.badge-note{font-size:9px;color:#557140;border-left:1px solid #c6d5b3;padding-left:9px;letter-spacing:1.3px}.hero h1{font-size:clamp(32px,4.4vw,53px);line-height:1.35;font-weight:750;letter-spacing:-1.8px;margin:0;white-space:nowrap}.hero em{font-style:normal;color:var(--orange)}.hero-copy{margin:18px 0 35px;color:var(--muted);font-size:14px;letter-spacing:1px;line-height:1.8}
.search{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid #c9d2c1;border-radius:16px;padding:10px 11px 10px 21px;box-shadow:0 7px 0 -2px #e7ecd9,0 15px 38px #234c4008}.search>svg{flex:none;color:#637a67}.search:focus-within{border-color:#67845b;outline:3px solid #dce8bc;outline-offset:2px}.search input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:15px;color:inherit;padding:12px 0}.search input::placeholder{color:#697b68}.search-submit{flex:none;background:var(--green);color:#f4f8e9;border:0;border-radius:10px;padding:14px 20px;font-size:14px;font-weight:600}.search-submit span{margin-left:7px;color:#def38b}.search-submit:hover{background:#35644e}.trial-copy{margin:19px 0 0;text-align:center;font-size:11px;line-height:1.8;color:var(--muted)}.repertoire{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:22px}.repertoire span{font-size:10px;color:#63705f;padding:5px 9px;border:1px solid #e0e4d8;border-radius:6px;background:#ffffff55}.repertoire span:nth-child(2){color:#9c5937;background:#f9eadb;border-color:#f2dec9}.repertoire span:nth-child(3){color:#567040;background:#edf2de;border-color:#dde6c8}
#search-status{color:var(--muted);font-size:12px;min-height:18px;margin:26px 0 12px}.result{display:block;width:100%;text-align:left;padding:17px 18px;margin-bottom:9px;background:#fffefa;border-radius:10px}.result strong{display:block;font-size:15px;font-weight:550;line-height:1.5}.result span{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.6}.result:hover{border-color:#a5b88f;background:#f3f6e9}.result.selected{border-color:#41694e;background:#edf1e7}#pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0;font-size:12px}.has-query .library{margin-top:40px}.has-query .hero h1{font-size:32px}.has-query .hero-copy,.has-query .repertoire{display:none}.has-query .trial-badge{margin-bottom:14px}.has-query .hero{margin-bottom:24px}.site-footer{display:flex;align-items:center;justify-content:center;gap:17px;padding:10px 24px 32px}.site-footer p{font-size:10px;letter-spacing:1px;color:#65715f;text-align:center;line-height:1.8;margin:0}.footer-line{height:1px;width:36px;background:#d1d9c5}
.reading{display:grid;grid-template-columns:minmax(280px,30%) minmax(0,1fr);height:calc(100dvh - 82px)}.reading .library{margin:0;width:100%;padding:24px 20px;overflow:auto;border-right:1px solid var(--line)}.reading .hero,.reading .trial-copy,.reading .repertoire,body:has(.reading) .site-footer{display:none}.reading .search{padding:6px 8px 6px 12px;border-radius:10px;gap:8px;box-shadow:none}.reading .search input{font-size:13px}.reading .search-submit{padding:10px;font-size:12px}.reading .search-submit span{display:none}.reading #reader{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#e9ece2}.reader-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#f8f7f1;border-bottom:1px solid var(--line)}.reader-header h2{font-size:16px;font-weight:550;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-header button{font-size:12px;white-space:nowrap}#pdf-controls{display:flex;justify-content:center;align-items:center;gap:18px;padding:10px}#pdf-controls button{padding:4px 14px;font-size:22px}#pdf-controls select{font-size:12px}#reader-message{padding:12px 24px;text-align:center;color:#61725e;font-size:13px;line-height:1.8}#unlock,#retry-file{align-self:center;margin:15px}#pdf-surface{flex:1;overflow:auto;padding:20px;text-align:center}#pdf-surface canvas{display:block;margin:0 auto;background:white;box-shadow:0 3px 16px #253b3214}
dialog{border:1px solid #dfe2d9;border-radius:18px;padding:30px;width:min(420px,calc(100vw - 32px));color:inherit;background:#f8f7f1;box-shadow:0 25px 90px #183c3226}dialog::backdrop{background:#1d2e2470;backdrop-filter:blur(3px)}.dialog-eyebrow{font-size:11px;letter-spacing:2px;color:var(--orange);margin:0 0 12px}dialog h2{font-size:23px;margin:0 0 12px;line-height:1.5}.dialog-copy{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 25px}dialog label{display:block;margin:0 0 9px;font-size:12px}dialog input{width:100%;padding:12px;border:1px solid #abb8a6;border-radius:9px;background:white;font-size:16px}dialog input:focus{outline:2px solid #75927c;outline-offset:2px}#access-error{font-size:12px;color:#a14336;min-height:18px;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#1f4031}
@media(max-width:700px){header{height:70px;padding:0 20px}.brand{gap:8px}.brand img{width:32px;height:32px}.brand-name{font-size:23px}.brand-caption{display:none}.identity{gap:5px;font-size:12px}#access-button{padding:9px 12px}.library{margin-top:70px;padding:0 20px 24px}.hero h1{font-size:clamp(27px,6.8vw,44px);letter-spacing:-1px}.hero-copy{font-size:12px;letter-spacing:0;margin:16px 0 29px}.trial-badge{margin-bottom:25px}.search{padding:8px 8px 8px 15px;gap:9px;border-radius:13px}.search input{font-size:13px}.search-submit{font-size:12px;padding:13px}.search-submit span{display:none}.trial-copy{font-size:10px;padding:0 10px}.repertoire{gap:5px;margin-top:20px}.repertoire span{padding:4px 7px;font-size:9px}.site-footer{padding:0 20px 30px;gap:10px}.site-footer p{letter-spacing:0;font-size:9px}.footer-line{width:20px}.has-query .library{margin-top:30px}.has-query .hero h1{font-size:27px}.has-query .trial-badge{margin-bottom:12px}.reading{height:calc(100dvh - 70px);display:block}.reading .library{display:none}.reading #reader{height:100%}.reader-header{padding:12px;gap:8px}.reader-header h2{font-size:14px}#pdf-surface{padding:10px}#pdf-controls{gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.access-input{display:flex;align-items:center;gap:8px}.access-input input{min-width:0;flex:1}.access-input button{flex:none;font-size:12px}#access-hint{font-size:12px;line-height:1.6;color:var(--muted);margin:9px 0}