.yz-hud{position:fixed;left:12px;top:148px;z-index:20;display:flex;gap:5px;flex-wrap:wrap;max-width:400px;background:#fff9eeed;padding:8px;border:1px solid #bcad8e;border-radius:14px}.yz-hud button{font-size:13px;color:#794a36}.yz-dialog{box-sizing:border-box;width:min(880px,calc(100vw - 28px));max-height:90dvh;padding:0;border:1px solid #a99370;border-radius:18px;background:#fffaf0;color:#413b30;box-shadow:0 20px 65px #142a2550}.yz-dialog::backdrop{background:#18312780}.yz-dialog>header{display:flex;align-items:center;gap:14px;padding:15px 22px;background:#eadeca;cursor:move}.yz-dialog>header img{width:45px;height:45px;object-fit:contain;border-radius:50%}.yz-dialog h2{font-size:24px;flex:1;margin:0}.yz-dialog>nav{display:flex;flex-wrap:wrap;gap:5px;padding:10px 16px;border-bottom:1px solid #d8c7a8}.yz-dialog>nav [aria-pressed=true],.yz-dialog button.primary{background:#8c4536;color:#fff9e9;border-color:#8c4536}.yz-dialog button{border:1px solid #ccb896;font-size:14px;padding:10px 13px;background:#fffdf7;line-height:1.5}.yz-dialog button:disabled{opacity:.5;cursor:wait}.yz-body{padding:20px 22px;max-height:calc(90dvh - 230px);overflow:auto;display:flex;flex-direction:column;gap:13px;overscroll-behavior:contain}.yz-body h3,.yz-body h4{margin:3px 0}.yz-body p{line-height:1.75;margin:5px 0;overflow-wrap:anywhere}.yz-body a{color:#994e36;text-decoration:none;font-weight:650;line-height:1.7}.yz-body a:hover{text-decoration:underline}.yz-note,.yz-body small{font-size:13px;color:#827258}.yz-hero{padding:23px;background:#f0e7d5;border-radius:16px}.yz-hero img{width:min(260px,80%);height:auto}.yz-hero h3{font-size:25px;margin-top:20px}.yz-filters{display:flex;gap:5px;flex-wrap:wrap}.yz-filters [aria-pressed=true]{background:#365b4c;color:white}.yz-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.yz-book{padding:15px;background:#f0e7d5;border:1px solid #dfd0b2;border-radius:14px}.yz-book img{width:100%;height:210px;object-fit:contain;filter:drop-shadow(2px 4px 4px #34271430)}.yz-book h4{font-size:16px;margin-top:12px;line-height:1.55}.yz-card{padding:18px;background:#f0e7d5;border-radius:14px;border:1px solid #dfd0b2}.yz-card h4{font-size:17px}.yz-card small{display:block;color:#5d7664;margin-bottom:6px}.yz-card button,.yz-card a{margin:8px 9px 0 0;display:inline-block}.yz-card img{width:100%;height:180px;object-fit:contain;border-radius:8px;background:#fffaf0}.yz-course-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.yz-body form{display:grid;grid-template-columns:1fr;gap:9px}.yz-body input,.yz-body select{box-sizing:border-box;width:100%;padding:11px 13px;border:1px solid #c7b48f;border-radius:9px;background:#fff;color:#413b30;font-family:inherit;font-size:16px}.yz-status{font-size:14px;color:#81533b;white-space:pre-wrap}.yz-dialog>footer{padding:12px 20px;border-top:1px solid #d8c7a8;font-size:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:#8a775b}.yz-dialog>footer a{color:#954936}.yz-tag{background:#fff6e7f0!important;color:#78472f!important;border-color:#bca783!important}
@media(max-width:640px){.yz-hud{top:146px;left:10px;right:10px;max-width:none;justify-content:center}.yz-hud button{font-size:11px;padding:7px}.yz-dialog{width:calc(100vw - 16px);max-height:94dvh;left:auto!important;top:auto!important;margin:auto!important}.yz-dialog>header{padding:12px;gap:8px;cursor:auto}.yz-dialog h2{font-size:19px}.yz-dialog>header img{width:34px;height:34px}.yz-dialog>header button{font-size:12px;padding:8px}.yz-dialog>nav{padding:8px}.yz-dialog>nav button{padding:7px;font-size:12px}.yz-body{padding:14px;max-height:calc(94dvh - 250px)}.yz-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.yz-book{padding:10px}.yz-book img{height:160px}.yz-book h4{font-size:14px}.yz-course-grid{grid-template-columns:1fr}.yz-hero h3{font-size:20px}.yz-dialog>footer{padding:10px 14px}}

.yz-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.yz-dialog>header,.yz-dialog>nav,.yz-dialog>footer{flex-shrink:0}.yz-body{min-height:0;max-height:none;flex:1 1 auto}