.reading-history-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:.3s fadeIn}.history-modal-content{background:linear-gradient(135deg,#0c0b14 0,#1a1624 100%);border-top:2px solid rgba(216,183,106,.55);border-right:1px solid rgba(216,183,106,.22);border-bottom:1px solid rgba(216,183,106,.22);border-left:1px solid rgba(216,183,106,.22);border-radius:14px;max-width:700px;width:100%;max-height:75vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 32px rgba(216,183,106,.07)}.history-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid rgba(185,156,255,.2);position:sticky;top:0;background:linear-gradient(135deg,#0c0b14 0,#1a1624 100%)}.history-modal-header h2{font-size:1.5rem;color:#b99cff;margin:0;font-family:Cinzel,serif}.close-history-btn{background:0 0;border:none;color:#b99cff;font-size:1.5rem;cursor:pointer;padding:.5rem;transition:color .3s}.close-history-btn:hover{color:#f3edf8}.history-empty{padding:3rem 1.5rem;text-align:center;color:#888}.history-empty p{margin:.5rem 0;font-size:1rem}.history-hint{font-size:.9rem;color:#666;font-style:italic}.history-items-container{padding:1rem}.reading-history-item{background:rgba(185,156,255,.05);border:1px solid rgba(185,156,255,.15);border-radius:8px;padding:1rem;margin-bottom:1rem;transition:.3s}.reading-history-item:hover{background:rgba(185,156,255,.1);border-color:rgba(185,156,255,.3);box-shadow:0 4px 12px rgba(185,156,255,.1)}.reading-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.reading-item-meta{display:flex;flex-direction:column;gap:.5rem;flex:1}.reading-date{font-size:.9rem;color:#999}.reading-spread{font-size:.95rem;color:#b99cff;font-weight:500}.reading-item-actions{display:flex;gap:.5rem}.delete-reading-btn,.view-again-btn{background:rgba(185,156,255,.15);border:1px solid rgba(185,156,255,.3);color:#b99cff;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:.3s;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.view-again-btn:hover{background:rgba(185,156,255,.3);border-color:rgba(185,156,255,.5);color:#f3edf8}.delete-reading-btn:hover{background:rgba(220,53,69,.3);border-color:rgba(220,53,69,.5);color:#ff6b6b}.reading-item-intention{font-size:.95rem;color:#b99cff;margin-bottom:.75rem;padding:.75rem;background:rgba(185,156,255,.08);border-radius:4px;border-left:3px solid #b99cff}.reading-item-cards{font-size:.9rem;color:#c0b0d0;line-height:1.5}.history-modal-content::-webkit-scrollbar{width:8px}.history-modal-content::-webkit-scrollbar-track{background:rgba(185,156,255,.05)}.history-modal-content::-webkit-scrollbar-thumb{background:rgba(185,156,255,.3);border-radius:4px}.history-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(185,156,255,.5)}@media (max-width:600px){.reading-history-modal{padding:0}.history-modal-content{max-height:90vh;border-radius:12px 12px 0 0}.history-modal-header{padding:1rem}.history-modal-header h2{font-size:1.25rem}.reading-item-header{flex-direction:column}.reading-item-actions{width:100%;justify-content:flex-start}.delete-reading-btn,.view-again-btn{flex:1;min-width:unset}.history-items-container{padding:.75rem}.reading-history-item{margin-bottom:.75rem;padding:.75rem}}