.reading-list-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.reading-back,.reading-back-button{color:#66748d;font-size:.9rem;font-weight:700}.reading-back-button:hover,.reading-back:hover{color:var(--color-primary)}.reading-filter{display:flex;gap:8px;flex-wrap:wrap}.reading-filter a{padding:8px 14px;border:1px solid var(--color-border);border-radius:999px;color:#65728a;font-size:.82rem;font-weight:700}.reading-filter a.active{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.reading-card-link{display:block;height:100%;color:inherit}.reading-card{height:100%;padding:22px;border:1px solid var(--color-border);border-radius:16px;background:#fff;transition:.2s}.reading-card-link:hover .reading-card{transform:translateY(-3px);box-shadow:0 10px 25px #17233f12}.reading-card h2{margin:12px 0 7px;font-size:1.08rem;font-weight:800}.reading-card p{margin:0;color:var(--color-muted);font-size:.86rem;line-height:1.7}.detail-meta,.reading-card-meta{color:#6680d9;font-size:.76rem;font-weight:800}.reading-detail{max-width:850px;margin:0 auto}.detail-heading{margin-bottom:22px}.reading-back-button{padding:0;border:0;background:0 0}.detail-heading h2{margin:13px 0 7px;font-size:clamp(1.5rem, 4vw, 2rem);font-weight:850;letter-spacing:-.8px}.detail-heading p{color:var(--color-muted);line-height:1.7}.player-bar{position:sticky;top:84px;z-index:10;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px;margin:20px 0;border:1px solid var(--color-border);border-radius:15px;background:#ffffffed;box-shadow:0 5px 18px #17233f0a;backdrop-filter:blur(10px)}.player-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:42px;min-height:40px;padding:8px 13px;border:1px solid #e1e7f1;border-radius:10px;color:#40506b;background:#fff;font-weight:700}.player-button:hover{border-color:#b9c8f8;color:var(--color-primary)}.player-primary{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.player-primary:hover{color:#fff;background:#3156df}.player-status{margin-left:auto;color:#7b879b;font-size:.8rem}.sentence-list{display:grid;gap:13px}.sentence-card{padding:20px;border:1px solid var(--color-border);border-radius:15px;background:#fff;scroll-margin-top:160px;transition:border-color .2s,background .2s,box-shadow .2s}.sentence-card.is-active{border-color:#8da6ff;background:#f5f7ff;box-shadow:0 0 0 3px #4268f510}.sentence-card-top{display:flex;align-items:flex-start;gap:13px}.sentence-number{display:grid;flex:0 0 30px;place-items:center;width:30px;height:30px;border-radius:9px;color:#5473df;background:#edf2ff;font-size:.78rem;font-weight:800}.sentence-korean{flex:1;margin:2px 0 0;font-size:1.08rem;font-weight:750;line-height:1.75}.sentence-pronunciation{margin:12px 0 4px 43px;color:#8a6bca;font-size:.87rem;line-height:1.65}.sentence-translation{margin:0 0 0 43px;color:#77839a;font-size:.87rem;line-height:1.65}.sentence-play{flex:0 0 auto;width:38px;height:38px;border:1px solid #e1e7f1;border-radius:50%;color:#5271df;background:#fff}.sentence-play:hover{background:#edf2ff}.empty-reading{padding:45px 20px;border:1px dashed #dce3ef;border-radius:16px;color:#7b879b;text-align:center}@media (max-width:767px){.player-bar{top:68px;gap:7px}.player-status{flex-basis:100%;margin:2px 0 0}.sentence-card{padding:16px}.sentence-korean{font-size:1rem}.sentence-pronunciation,.sentence-translation{margin-left:0}}