.study-practice{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.study-practice .paper{min-width:0;padding:16px}.study-crop{margin:6px 0 12px}.study-crop button{padding:0;border:0;background:white;width:100%;cursor:zoom-in}.study-crop img{display:block;width:100%;height:auto}.study-timers{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.study-timers b{font-variant-numeric:tabular-nums}.study-answer-sheet{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.study-answer-sheet button{width:36px;height:36px;border:1px solid #ddd;border-radius:8px;background:white}.study-answer-sheet .answered{background:#e3f2eb;color:#21684b}.study-answer-sheet .active{outline:2px solid #ce1527}.study-options{display:flex;gap:12px;margin:18px 0}.study-options button{flex:1}.study-summary{display:flex;gap:25px;flex-wrap:wrap;padding:24px;background:#fff2ee;margin:20px 0;border-radius:12px}.study-stats{display:flex;gap:40px;flex-wrap:wrap;padding:28px;background:white;border-radius:16px;margin:20px 0}.study-pie{width:250px;height:250px;border-radius:50%;display:grid;place-items:center}.study-pie>div{border-radius:50%;background:white;width:165px;height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center}.study-pie strong{font-size:28px}.study-legend{min-width:240px}.study-legend p{display:flex;gap:12px;align-items:center}.study-legend i{width:12px;height:12px;border-radius:4px}.study-legend b{margin-left:auto}.toc-family a{display:flex;align-items:baseline;padding:12px 0;color:#222;gap:12px}.toc-family i{flex:1;border-bottom:1px dotted #bbb}.toc-family h2{padding-top:15px;color:#b31625}.pdf-upload{display:block;margin-top:24px;padding:25px;border:2px dashed #de9ea5;border-radius:12px}.pdf-upload input{display:block;margin-top:12px}.paper label{margin-right:15px}.paper select{padding:8px;border:1px solid #ddd;border-radius:8px}.pdf-reader{width:100%;height:78vh;border:1px solid #ddd;margin-top:15px}.study-crop+details{margin-top:14px}.material-card details{padding:10px 0}.material-card summary{cursor:pointer}.button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.study-practice{grid-template-columns:1fr}.study-stats{justify-content:center;gap:15px}.study-timers{gap:8px}.study-answer-sheet button{width:32px;height:32px}.study-practice .paper{padding:12px}.study-practice .actions{flex-wrap:wrap}}

.pdf-reader{height:auto;min-height:400px;padding:12px;background:#e6e8ed;border-radius:12px}.pdf-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pdf-controls input{width:70px;padding:8px}.pdf-controls select{padding:8px}.pdf-canvas-wrap{overflow:auto;max-height:78vh}.pdf-canvas-wrap canvas{display:block;background:white;margin:auto}.pdf-reader [role="status"]{color:#666;font-size:13px}

@media(max-width:1250px){.reference-ui .study-time{display:flex;flex-direction:column;font-size:10px;line-height:1.3}.reference-ui .study-time b{font-size:16px;margin-left:0}.reference-ui .top-actions .notification-button{display:none}}@media(max-width:700px){.reference-ui .handwritten{font-size:15px}.reference-ui .top-search{width:150px}.reference-ui .top-actions .top-avatar{display:none}}@media(max-width:480px){.reference-ui .top-search{width:110px}.reference-ui .handwritten{display:none}}

@media(max-width:900px){.full-catalog-sidebar{max-height:220px;overflow:auto}.full-directory{padding:15px}.toc-family a{font-size:13px;gap:6px}.toc-family b{white-space:nowrap}}

.review-list{display:grid;gap:18px;max-width:1100px;margin:auto}.original-solution{max-width:1000px;margin:18px auto}.solution-reader{max-width:1100px;margin:auto;padding:24px}.original-solution-details>summary{font-weight:700;color:#bd1625}.solution-note-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.solution-note-grid>div{max-width:360px}.solution-notes{padding:14px;background:#faf7f3;border-radius:10px}.original-solution .study-crop{background:white}@media(max-width:700px){.solution-reader{padding:12px}.review-list .material-card{padding:14px}}

.cloud-welcome{max-width:600px;margin:12vh auto;padding:32px;background:white;border-radius:16px;line-height:1.8}.cloud-account{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;background:#fff;border:1px solid #eadcdd;border-radius:10px;font-size:13px}.cloud-account [data-cloud-status]{color:#666;margin-right:auto}.cloud-account button{cursor:pointer;border:1px solid #e4c6c8;border-radius:6px;padding:6px 12px;background:#fff6f6}.cloud-account a{color:#b31625}