.statistieken{max-width:1200px;margin:0 auto}.statistieken-header{margin-bottom:var(--spacing-xl);text-align:center}.statistieken-header-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s ease}.back-link:hover{background:var(--color-surface);color:var(--color-primary)}.icon-back{width:20px;height:20px}.statistieken-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.export-stats-btn,.share-stats-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}.export-stats-btn:hover,.share-stats-btn:hover{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.export-stats-btn:disabled{opacity:.6;cursor:not-allowed}.export-stats-btn:disabled:hover{background:var(--color-background);color:var(--color-text-secondary);border-color:var(--color-border)}.export-icon,.share-icon{width:18px;height:18px}.statistieken-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.statistieken-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.statistieken-section{margin-bottom:var(--spacing-xl);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.statistieken-section h2{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.stats-page-icon{width:24px;height:24px;color:var(--color-primary)}.fire-icon{color:var(--color-warning)}.section-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.section-header-with-controls{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.section-header-with-controls h2{margin-bottom:0;padding-bottom:0;border-bottom:none}.chart-period-selector{display:flex;gap:var(--spacing-xs);background:var(--color-surface);padding:var(--spacing-xs);border-radius:var(--radius-md)}.period-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.period-btn:hover{background:var(--color-background);color:var(--color-text)}.period-btn--active{background:var(--color-primary);color:white}.period-btn--active:hover{background:var(--color-primary-dark);color:white}.activity-chart{height:200px;margin-bottom:var(--spacing-lg)}.activity-chart-bars{display:flex;align-items:flex-end;gap:2px;height:160px;padding:0 var(--spacing-sm)}.activity-chart-bar-wrapper{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.activity-chart-bar{width:100%;max-width:20px;height:var(--bar-height,2%);background:var(--color-border);border-radius:var(--radius-xs) var(--radius-xs) 0 0;transition:all .3s ease;min-height:2px}.activity-chart-bar--active{background:var(--color-primary)}.activity-chart-bar--active:hover{background:var(--color-primary-dark)}.activity-chart-count{font-size:9px;color:var(--color-text-secondary);margin-top:2px;opacity:0;transition:opacity .2s ease}.activity-chart-bar-wrapper:hover .activity-chart-count{opacity:1}.activity-chart-labels{display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-sm) 0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.activity-summary{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.activity-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.activity-stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text)}.activity-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.testament-balance{padding:var(--spacing-md) 0}.testament-progress{display:flex;height:24px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-surface)}.testament-progress-ot{background:linear-gradient(90deg,#8B5CF6,#7C3AED)}.testament-progress-nt,.testament-progress-ot{width:var(--progress,0);transition:width .5s ease}.testament-progress-nt{background:linear-gradient(90deg,#06B6D4,#0891B2)}.testament-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-md)}.testament-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.testament-indicator{width:12px;height:12px;border-radius:var(--radius-full)}.testament-indicator--ot{background:#8B5CF6}.testament-indicator--nt{background:#06B6D4}.testament-label strong{margin-left:var(--spacing-xs);color:var(--color-text)}.top-books{display:flex;flex-direction:column;gap:var(--spacing-sm)}.top-book-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background .2s ease}.top-book-item:hover,.top-book-rank{background:var(--color-surface)}.top-book-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.top-book-item:first-child .top-book-rank{background:linear-gradient(135deg,#FFD700,#FFA500);color:white}.top-book-item:nth-child(2) .top-book-rank{background:linear-gradient(135deg,#C0C0C0,#A9A9A9);color:white}.top-book-item:nth-child(3) .top-book-rank{background:linear-gradient(135deg,#CD7F32,#8B4513);color:white}.top-book-info{flex:1 1;min-width:0}.top-book-name{display:block;font-weight:500;margin-bottom:var(--spacing-xs)}.top-book-bar-wrapper{height:6px;background:var(--color-surface);border-radius:var(--radius-full);overflow:hidden}.top-book-bar{height:100%;width:var(--progress,0);border-radius:var(--radius-full);transition:width .5s ease}.top-book-bar--ot{background:linear-gradient(90deg,#8B5CF6,#7C3AED)}.top-book-bar--nt{background:linear-gradient(90deg,#06B6D4,#0891B2)}.top-book-stats{display:flex;align-items:center;gap:var(--spacing-sm)}.top-book-testament{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.top-book-testament--ot{background:rgba(139,92,246,.1);color:#8B5CF6}.top-book-testament--nt{background:rgba(6,182,212,.1);color:#06B6D4}.top-book-count{font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.statistieken-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-top:var(--spacing-xl)}.nav-card{display:flex;flex-direction:column;padding:var(--spacing-lg);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease}.nav-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.nav-card--highlight{background:linear-gradient(135deg,var(--color-primary-light,rgba(37,99,235,.1)) 0,var(--color-background) 100%);border-color:var(--color-primary)}.nav-card--highlight .nav-card-title{color:var(--color-primary)}.nav-card-title{font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.nav-card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.statistieken-journey{margin-top:var(--spacing-xl)}.statistieken-journey h2{display:flex;align-items:center;gap:var(--spacing-sm)}.statistieken-journey .section-description{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.activity-empty,.books-error,.testament-balance--empty,.top-books--empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-md)}.activity-chart-skeleton{height:200px;padding:var(--spacing-md)}.skeleton-bars{display:flex;align-items:flex-end;gap:4px;height:160px}.skeleton-bar{flex:1 1;height:var(--bar-height,50%);border-radius:var(--radius-xs) var(--radius-xs) 0 0}.books-skeleton,.testament-skeleton{padding:var(--spacing-md)}.skeleton-progress{height:24px;border-radius:var(--radius-full);background:var(--color-surface);animation:pulse 1.5s ease-in-out infinite}.skeleton-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-md)}.skeleton-label{width:120px;height:20px;background:var(--color-surface);border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite}.skeleton-book-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)}.skeleton-rank{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-surface);animation:pulse 1.5s ease-in-out infinite}.skeleton-book-info{flex:1 1}.skeleton-name{width:100px;height:18px;border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.skeleton-bar,.skeleton-name{background:var(--color-surface);animation:pulse 1.5s ease-in-out infinite}.skeleton-bar{height:6px;width:70%;border-radius:var(--radius-full)}.skeleton-stats{width:60px;height:20px;background:var(--color-surface);border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (min-width:640px){.section-header-with-controls{flex-direction:row;justify-content:space-between;align-items:center}.activity-summary{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.statistieken-nav{grid-template-columns:1fr}.activity-chart-bars{gap:1px}.activity-chart-bar{max-width:10px}.testament-labels{flex-direction:column;gap:var(--spacing-sm)}}@media (prefers-color-scheme:dark){.statistieken-section{background:var(--color-surface)}.top-book-testament--ot{background:rgba(139,92,246,.2)}.top-book-testament--nt{background:rgba(6,182,212,.2)}.nav-card{background:var(--color-surface)}}@media print{.chart-period-selector,.statistieken-header-nav,.statistieken-nav{display:none}.statistieken-section{break-inside:avoid;page-break-inside:avoid;border:1px solid #ccc}}@media (prefers-reduced-motion:reduce){.activity-chart-bar,.back-link,.export-stats-btn,.nav-card,.period-btn,.share-stats-btn,.testament-progress-nt,.testament-progress-ot,.top-book-bar{transition:none}@keyframes pulse{0%,to{opacity:1}}}.statistieken-shortcuts-btn{position:fixed;bottom:var(--spacing-lg,1.5rem);right:var(--spacing-lg,1.5rem);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:50%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);cursor:pointer;transition:all var(--transition-fast,.15s ease);z-index:100}.statistieken-shortcuts-btn:hover{background-color:var(--color-background,#ffffff);border-color:var(--color-primary,#4f46e5);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transform:translateY(-2px)}.statistieken-shortcuts-btn:focus-visible{outline:2px solid var(--color-primary,#4f46e5);outline-offset:2px}.statistieken-shortcuts-btn-icon{width:24px;height:24px;color:var(--color-text-secondary,#64748b)}.statistieken-shortcuts-btn:hover .statistieken-shortcuts-btn-icon{color:var(--color-primary,#4f46e5)}@media (prefers-color-scheme:dark){.statistieken-shortcuts-btn{background-color:#1e293b;border-color:#334155}.statistieken-shortcuts-btn:hover{background-color:#0f172a;border-color:var(--color-primary,#4f46e5)}.statistieken-shortcuts-btn-icon{color:#94a3b8}}@media (max-width:640px){.statistieken-shortcuts-btn{bottom:var(--spacing-md,1rem);right:var(--spacing-md,1rem);width:44px;height:44px}.statistieken-shortcuts-btn-icon{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){.statistieken-shortcuts-btn{transition:none}.statistieken-shortcuts-btn:hover{transform:none}}@media print{.statistieken-shortcuts-btn{display:none!important}}