.deck-details-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:2rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.deck-details-modal{background:var(--bg-card);border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.deck-details-modal:focus{outline:none}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.header-left{flex:1;align-items:flex-start;gap:1rem;min-width:0;display:flex}.author-avatar,.author-avatar-fallback{border-radius:50%;flex-shrink:0;width:48px;height:48px}.author-avatar{object-fit:cover;border:2px solid var(--border)}.author-avatar-fallback{background:var(--accent-soft);color:var(--accent);border:2px solid var(--accent);justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.author-details{flex:1;min-width:0}.deck-name{color:var(--text-primary);margin:0 0 .5rem;font-size:1.375rem;font-weight:700;line-height:1.3}.deck-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.author-name{color:var(--text-secondary);font-size:.9375rem}.subject-badge{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:.25rem .625rem;font-size:.8125rem;font-weight:500}.close-button{background:var(--bg-surface);width:40px;height:40px;color:var(--text-muted);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s ease-out;display:flex}.close-button:hover{background:var(--border);color:var(--text-primary)}.modal-content{flex:1;padding:1.5rem;overflow-y:auto}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--bg-surface)}.modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.stats-bar{background:var(--bg-surface);border-radius:12px;gap:2rem;margin-bottom:1.5rem;padding:1rem;display:flex}.stat-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.stat-item svg{color:var(--text-muted);flex-shrink:0}.flashcard-preview-section{flex-direction:column;gap:1.5rem;display:flex}.preview-navigation{justify-content:center;display:flex}.card-counter{background:var(--accent-soft);color:var(--accent);border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.flashcard-container{perspective:1000px;cursor:pointer;justify-content:center;align-items:center;min-height:320px;display:flex}.flashcard{width:100%;max-width:600px;min-height:280px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-side{backface-visibility:hidden;background:#fff;border-radius:16px;flex-direction:column;width:100%;min-height:280px;padding:2rem;display:flex;position:absolute;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.flashcard-side.front{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%)}.flashcard-side.back{background:linear-gradient(135deg, var(--accent-soft) 0%, #f9fafb 100%);transform:rotateY(180deg)}.side-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:1rem;font-size:.75rem;font-weight:700}.flashcard-content{color:#1f2937;flex:1;margin:0;font-size:1.125rem;line-height:1.7;overflow-y:auto}.flashcard-content::-webkit-scrollbar{width:4px}.flashcard-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.preview-controls{justify-content:center;align-items:center;gap:.75rem;display:flex}.nav-button,.flip-button{cursor:pointer;border-radius:8px;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s ease-out}.nav-button{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary)}.nav-button:hover:not(:disabled){background:var(--bg-card);border-color:var(--text-muted)}.nav-button:disabled{opacity:.4;cursor:not-allowed}.flip-button{background:var(--accent);color:#fff;border:none}.flip-button:hover{filter:brightness(1.1)}.keyboard-hint{text-align:center;color:var(--text-muted);margin:0;font-size:.8125rem}.empty-deck{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-deck svg{opacity:.5;margin-bottom:1rem}.empty-deck p{margin:0;font-size:1rem}.modal-actions{border-top:1px solid var(--border);background:var(--bg-surface);gap:.75rem;padding:1.5rem;display:flex}.action-button{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;transition:all .2s ease-out;display:flex}.action-button svg{flex-shrink:0}.action-button.secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary)}.action-button.secondary:hover{background:var(--bg-surface);border-color:var(--accent);color:var(--accent)}.action-button.primary{background:var(--accent);color:#fff;border:none}.action-button.primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 8px 12px var(--accent-glow);transform:translateY(-1px)}.action-button.primary:active:not(:disabled){transform:translateY(0)}.action-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.deck-details-overlay{padding:0}.deck-details-modal{border-radius:0;max-width:100%;max-height:100vh}.modal-header{padding:1.25rem}.deck-name{font-size:1.125rem}.modal-content{padding:1.25rem}.stats-bar{flex-wrap:wrap;gap:1rem}.flashcard-container{min-height:280px}.flashcard-side{min-height:240px;padding:1.5rem}.flashcard-content{font-size:1rem}.preview-controls{flex-direction:column}.nav-button,.flip-button{width:100%}.modal-actions{flex-direction:column}.keyboard-hint{display:none}}@media (width<=480px){.author-avatar,.author-avatar-fallback{width:40px;height:40px}.flashcard-container{min-height:240px}.flashcard-side{min-height:200px;padding:1.25rem}.flashcard-content{font-size:.9375rem}}@media (prefers-reduced-motion:reduce){.deck-details-overlay,.deck-details-modal,.flashcard,.action-button{transition:none;animation:none}.flashcard.flipped,.action-button.primary:hover{transform:none}}