.drama-library{margin:24px 0;padding:24px 0}.library-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.library-cards article{overflow:hidden;border:1px solid #cfd7e2;border-radius:20px;background:#fff}.library-cards article>img{width:100%;height:190px;object-fit:cover}.library-cards article>div{padding:22px}.library-cards h3{font-size:26px;margin:10px 0}.library-cards p{line-height:1.6}.library-dialog{width:min(1280px,96vw);max-width:none;padding:0}.library-layout{display:grid;grid-template-columns:43% 57%;min-height:570px}.library-stage{position:relative;overflow:hidden;min-height:400px;background:#18273d}.library-stage>img{position:absolute;width:100%;height:100%;object-fit:cover;animation:library-pan 20s ease-in-out infinite alternate}.library-stage>small{position:absolute;left:20px;top:20px;background:#13243de0;color:#fff;padding:8px 12px;border-radius:20px}.library-caption{position:absolute;bottom:24px;left:24px;right:24px;padding:22px;color:#fff;background:#101c2ee6;border-radius:14px;line-height:1.8}.library-content{padding:30px;max-height:75vh;overflow:auto;background:#f7f9fb}.library-content h1{font-size:30px;margin:0 0 18px}.library-content p{line-height:1.8}.library-progress{display:flex;gap:16px;padding:16px 24px;background:#ebeff4;flex-wrap:wrap}.library-progress span{font-size:14px;color:#5b7398}.library-progress [aria-current]{font-weight:800;color:#172b48}.library-phone{border-left:4px solid #b29352;background:#f1e9d9;padding:18px;margin:20px 0}.library-materials,.library-events{display:grid;grid-template-columns:1fr 1fr;gap:10px}.library-materials button,.library-events button{border:1px solid #c0cad9;background:#fff;padding:14px;border-radius:10px;text-align:left;color:#233147}.library-puzzle{margin:24px 0;padding:20px;background:#edf2f7;border-radius:14px}.library-puzzle ol{line-height:2}.library-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.library-compare>div{padding:16px;background:white;border-radius:10px}.library-compare small{display:block;margin-bottom:10px}.library-check{display:flex!important;align-items:center;gap:10px;margin:14px 0}.library-check input{width:20px!important;height:20px}.library-content form>label{display:block;font-weight:700;margin:20px 0}.library-content textarea,.library-content select{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #b5c1d2;border-radius:8px;margin-top:10px;font:inherit;background:#fff;color:#17263d}.library-content textarea{min-height:110px}.library-report{padding:18px;border:1px solid #d2dbe8;border-radius:12px}.library-history details{padding:16px;border-bottom:1px solid #ddd}.library-history p{overflow-wrap:anywhere}.library-content button:focus-visible,.library-cards button:focus-visible{outline:3px solid #b29352;outline-offset:3px}@keyframes library-pan{from{transform:scale(1)}to{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.library-stage>img{animation:none}}@media(max-width:760px){.library-cards,.library-layout{grid-template-columns:1fr}.library-stage{min-height:260px}.library-caption{font-size:14px;padding:14px;bottom:15px;left:15px;right:15px}.library-content{max-height:none;padding:20px}.library-dialog{max-height:94dvh;overflow:auto}.library-content h1{font-size:25px}.library-progress{gap:10px;padding:12px}.library-cards article>img{height:150px}.library-materials,.library-events{grid-template-columns:1fr}.library-dialog .drama-toolbar{flex-wrap:wrap}}
.library-dialog[open]{display:flex;flex-direction:column}.library-layout{flex:1;min-height:0}.library-content{color:#17263d;max-height:none}.library-content h1,.library-content h2,.library-report{color:#17263d}.library-content h1:focus{outline:none}.library-content .drama-reveal{color:#fff}.library-content .drama-note{color:#526889}.library-stage{min-height:0}.library-content .secondary{background:#fff;color:#233147;border:1px solid #c0cad9;padding:10px 14px;border-radius:9px;font:inherit;cursor:pointer}.library-content .text-btn{background:none;border:0;color:#172b48;padding:12px;font:inherit;cursor:pointer}@media(max-width:760px){.library-layout{flex:none}.library-stage{min-height:260px}.library-content{overflow:visible}.library-dialog[open]{display:block}}