#ost-library{box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-height:90dvh;padding:24px;color:#f5ebd7;border:1px solid #a58b60;border-radius:16px;background:linear-gradient(150deg,#1c2535,#101621 65%);box-shadow:0 24px 100px #000b;overflow:auto;font-family:inherit;text-align:left}
#ost-library::backdrop{background:#030711c9;backdrop-filter:blur(5px)}
#ost-library header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
#ost-library header small{font-size:10px;letter-spacing:.2em;color:#c5a978}
#ost-library h2{margin:6px 0 0;font-size:27px;color:#f7e3bc}
#ost-library .ost-intro{margin:8px 0 20px;color:#aeb7c5;font-size:13px}
#ost-library button{font:inherit;cursor:pointer;color:inherit;box-sizing:border-box;min-height:44px;width:auto;margin:0}
#ost-library .ost-close{width:44px;padding:0;border:1px solid #5c6170;border-radius:50%;background:#ffffff05;font-size:18px}
#ost-library .ost-list{display:grid;gap:6px;max-height:36dvh;overflow-y:auto;padding:2px 5px 8px 2px;overscroll-behavior:contain}
#ost-library .ost-list button{display:flex;align-items:center;gap:16px;text-align:left;padding:12px 14px;width:100%;border:1px solid #394252;background:#ffffff04;border-radius:8px}
#ost-library .ost-list button:hover{background:#ffffff0d;border-color:#988466}
#ost-library .ost-list button.selected{border-color:#d8b676;background:linear-gradient(100deg,#5b48394d,#a4885214)}
#ost-library .ost-number{color:#bca27b;font-size:12px;font-variant-numeric:tabular-nums}
#ost-library strong{display:block;font-size:15px;font-weight:600}
#ost-library .ost-list small{display:block;margin-top:3px;font-size:11px;color:#a7b3c5}
#ost-library .ost-player{border-top:1px solid #8a785249;margin-top:16px;padding-top:16px}
#ost-library .ost-now{font-size:17px;font-weight:600;margin:0 0 6px;color:#f2d69f}
#ost-library .ost-state{font-size:12px;color:#aebdd1;min-height:18px;margin:0 0 12px}
#ost-library .ost-timeline{display:flex;align-items:center;gap:9px;font-size:11px;color:#bdc9d9;font-variant-numeric:tabular-nums}
#ost-library input[type=range]{accent-color:#dbba7a;min-width:0;cursor:pointer;height:24px;margin:0}
#ost-library .ost-seek{flex:1}
#ost-library .ost-controls{display:flex;align-items:center;gap:8px;margin:10px 0 12px;flex-wrap:wrap}
#ost-library .ost-controls button{border:1px solid #78694f;border-radius:7px;background:#322d29;padding:8px 14px;font-size:13px}
#ost-library .ost-controls button:disabled{opacity:.4;cursor:default}
#ost-library .ost-controls label{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:11px;color:#c4cedb}
#ost-library .ost-volume{width:78px}
#ost-library .ost-player>small{font-size:10px;color:#919daf}
#ost-library :focus-visible{outline:2px solid #f2d495;outline-offset:3px}
@media(max-width:360px){#ost-library{padding:17px}.ost-controls label{width:100%;justify-content:flex-end}}