.reading-tools{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.reading-dialog,.lecture-sheet{color:#203b31;background:#fcfdf9;border:1px solid #cdd9c8;border-radius:24px;padding:30px;width:min(960px,calc(100vw - 36px));max-height:88dvh;box-sizing:border-box;overflow:auto}.reading-dialog::backdrop,.lecture-sheet::backdrop{background:#11261dc9}.reading-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.reading-dialog h2{font-size:28px;margin:8px 0}.reading-dialog p{line-height:1.8}.reading-dialog label,.lecture-page label{display:grid;gap:8px}.reading-dialog select,.lecture-page select{width:100%;min-width:0;padding:12px;background:white;border:1px solid #9cb099;border-radius:8px;color:#203b31}#reading-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.reading-orbit{padding:30px 22px;background:radial-gradient(ellipse at center,#fff 0%,#e9f0e5 70%);border:1px solid #d9e3d4;border-radius:24px;perspective:900px}.reading-hub{width:fit-content;max-width:100%;padding:18px 28px;background:#304e3c;color:white;border-radius:50%;margin:0 auto 26px;box-shadow:0 12px 0 #c8d5c0,0 18px 28px #203b3120;text-align:center;overflow-wrap:anywhere}.reading-nodes{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;transform:rotateX(6deg)}.reading-nodes button{flex:0 1 230px;padding:18px;border:1px solid #8fa488;border-radius:16px;background:white;box-shadow:0 7px 0 #d6e0d0;text-wrap:balance;overflow-wrap:anywhere}.reading-nodes button[aria-pressed=true],.reading-keywords button[aria-pressed=true]{background:#304e3c;color:white}.reading-keyword-panel{padding:22px 0}.reading-keyword-panel li{padding:8px 0;overflow-wrap:anywhere}.reading-keywords{display:flex;gap:10px;flex-wrap:wrap}.reading-keywords button{border-radius:999px}.reading-empty{padding:30px;background:#edf2e8;border-radius:16px}.reading-dialog .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.lecture-page{background:linear-gradient(150deg,#eef3e8,#fffdf5);padding-bottom:80px;min-height:70vh}.lecture-page h1{max-width:800px}.lecture-intro{display:flex;justify-content:space-between;align-items:center;gap:28px;margin:0 0 36px}.lecture-intro p{max-width:650px;line-height:1.9}.lecture-intro .button{flex-shrink:0}.lecture-page> .wrap>label{max-width:380px}.lecture-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;margin-top:30px}.lecture-book{display:flex;align-items:center;flex-direction:column;gap:14px;text-align:center;padding:24px 18px;border:1px solid #d4dfcf;border-radius:20px;background:#fffdf9;color:#203b31;min-width:0;perspective:900px}.lecture-cover{height:250px;display:grid;place-items:center;width:100%}.lecture-cover img{max-height:100%;max-width:100%;object-fit:contain;box-shadow:8px 12px 20px #1f382b23;transition:transform .3s}.lecture-book:hover .lecture-cover img,.lecture-book:focus-visible .lecture-cover img{transform:rotateY(-15deg) rotateZ(-3deg) scale(1.04)}.lecture-book strong{font-size:19px;overflow-wrap:anywhere}.lecture-book>span:not(.lecture-cover){font-size:13px}.lecture-pick{margin-top:auto;color:#426344}.lecture-sheet{width:min(1060px,calc(100vw - 36px));padding:32px;animation:lecture-arrive .3s ease-out}.lecture-close{display:block;margin:0 0 22px auto}#lecture-selection{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px}.lecture-selected-cover{height:300px;display:grid;place-items:center;perspective:900px;margin:26px 0}.lecture-selected-cover img{height:100%;max-width:100%;object-fit:contain;transform:rotateY(-12deg);filter:drop-shadow(12px 15px 10px #203b3125)}.lecture-selected-book p,.lecture-selected-info p{line-height:1.8;overflow-wrap:anywhere}.lecture-selected-info{min-width:0}.lecture-author{display:flex;align-items:flex-start;gap:18px;margin:20px 0}.lecture-author img{width:80px;height:100px;object-fit:cover;border-radius:10px}.lecture-author h4{margin:0;font-size:18px}.lecture-author p{font-size:14px;white-space:pre-line}.lecture-selected-info .primary{margin-top:24px;display:inline-block}.lecture-selection-note{padding:18px 22px;border:1px solid #a7b99f;border-radius:12px;background:#f3f7ee;margin:24px 0}.lecture-selection-note p{margin:7px 0;overflow-wrap:anywhere}@keyframes lecture-arrive{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.lecture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.reading-dialog,.lecture-sheet{padding:22px 18px;border-radius:18px}.reading-dialog h2{font-size:23px}.reading-dialog-head{gap:12px}.reading-dialog-head button{flex-shrink:0}#reading-controls{grid-template-columns:1fr}.reading-nodes{transform:none}.reading-nodes button{flex:1 1 100%}.lecture-intro{display:block}.lecture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.lecture-book{padding:18px 12px}.lecture-cover{height:180px}.lecture-book strong{font-size:16px}.lecture-book>span:not(.lecture-cover){font-size:12px}#lecture-selection{grid-template-columns:1fr;gap:22px}.lecture-selected-cover{height:260px}.lecture-author img{width:66px;height:88px}.lecture-selected-info .primary{white-space:normal}.lecture-sheet{max-height:92dvh}.reading-orbit{padding:24px 14px}}@media(prefers-reduced-motion:reduce){.lecture-sheet{animation:none}.lecture-cover img{transition:none}.lecture-book:hover .lecture-cover img,.lecture-book:focus-visible .lecture-cover img{transform:none}}.reduce-motion .lecture-sheet{animation:none}.reduce-motion .lecture-cover img{transition:none;transform:none}

.lecture-cover,.lecture-selected-cover{display:flex;align-items:center;justify-content:center;min-height:0}.lecture-cover img{height:250px;width:auto;max-height:100%;min-height:0;min-width:0}.lecture-selected-cover img{height:300px;width:auto;max-height:100%;min-height:0;min-width:0}.reading-nodes{position:relative;padding-top:18px;border-top:1px solid #9bb091}.reading-nodes:before{content:'';position:absolute;left:50%;height:26px;top:-26px;border-left:1px solid #9bb091}.reading-nodes button{position:relative}.reading-nodes button:before{content:'';position:absolute;left:50%;height:18px;top:-19px;border-left:1px solid #9bb091}.reading-keyword-panel{border-left:2px solid #a7b99f;margin:22px 0;padding:0 0 0 20px}@media(max-width:760px){.lecture-cover img{height:180px}.lecture-selected-cover img{height:260px}}
