.practice-records-page{min-height:100vh;background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.auth-required,.error-container,.no-records{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.auth-icon,.error-icon,.no-records-icon{font-size:4rem;margin-bottom:1rem;opacity:.8}.auth-required h3,.error-container h3,.no-records h3{font-size:1.8rem;margin-bottom:1rem;font-weight:600;color:var(--text-primary)}.auth-required p,.error-container p,.no-records p{font-size:1.1rem;margin-bottom:2rem;color:var(--text-secondary)}.auth-button,.retry-button,.start-practice-button{background:var(--accent-color);border:2px solid var(--accent-color);color:white;padding:.75rem 2rem;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.auth-button:hover,.retry-button:hover,.start-practice-button:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px)}.retry-button{background:var(--error-color);border-color:var(--error-color)}.start-practice-button{background:var(--success-color);border-color:var(--success-color)}.records-title-section{padding:1.5rem 2rem;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.records-title-container{max-width:1200px;margin:0 auto}.records-main-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem;text-align:center}.records-header-modern{background:var(--bg-card);color:var(--text-primary);padding:1rem 2rem;margin-bottom:0;border-bottom:1px solid var(--border-color)}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.title-section{flex:1}.records-header-modern.records-header-modern--center .title-section{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem}.records-header-modern.records-header-modern--center .stats-badge{margin-left:auto;margin-top:0}.page-title{font-size:1.5rem;font-weight:700;margin:0 0 .125rem;color:var(--text-primary);line-height:1.2}.page-subtitle{font-size:.8rem;margin:0;color:var(--text-secondary);font-weight:400}.stats-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:.5rem .75rem;text-align:center;min-width:70px;box-shadow:var(--shadow-sm)}.stats-number{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.1rem}.stats-label{font-size:.7rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.3px}[data-theme=dark] .records-header-modern{background:var(--bg-card);border-bottom-color:var(--border-color)}[data-theme=dark] .stats-badge{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}[data-theme=dark] .records-main-title{color:#ffffff}.overall-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease;box-shadow:var(--shadow-sm)}.stat-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.stat-label{display:block;font-size:.875rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-detail{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.records-filters{padding:1.5rem 2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.filters-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:1.5rem}.search-box{position:relative;width:100%;max-width:500px}.search-input{width:100%;padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-card);color:var(--text-primary);font-size:1rem;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.08)}.search-box:after,.search-box:before,.search-input:after,.search-input:before{display:none!important}.search-input::-webkit-search-cancel-button,.search-input::-webkit-search-decoration,.search-input::-webkit-search-results-button,.search-input::-webkit-search-results-decoration{display:none!important;-webkit-appearance:none!important}.search-box,.search-input{background-image:none!important}.search-box>:after,.search-box>:before{display:none!important}.search-box .search-icon,.search-icon,.search-input .search-icon{display:none!important;visibility:hidden!important}.search-input{padding-left:1.25rem!important}.search-input::-moz-placeholder{color:var(--text-muted);-moz-transition:color .3s ease;transition:color .3s ease}.search-input::placeholder{color:var(--text-muted);transition:color .3s ease}.search-input:focus{outline:none;border-color:var(--accent-color);background:var(--bg-card);box-shadow:0 4px 16px rgba(0,0,0,.1),0 0 0 3px rgba(255,255,255,.1);transform:translateY(-1px)}[data-theme=dark] .search-input:focus{box-shadow:0 4px 16px rgba(0,0,0,.3),0 0 0 3px rgba(255,255,255,.05)}.search-input:focus::-moz-placeholder{color:transparent}.search-input:focus::placeholder{color:transparent}.filter-group{display:flex;gap:1rem}.filter-item{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.filter-label{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.filter-select{border:2px solid var(--border-color);border-radius:16px;background:var(--bg-card);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px rgba(0,0,0,.04);min-width:140px;max-width:180px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding:.875rem 2.5rem .875rem 1.25rem;flex-shrink:0}.filter-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 4px 12px rgba(59,130,246,.15);transform:translateY(-2px)}.filter-select:hover{border-color:var(--accent-color);box-shadow:0 4px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.filter-select option{background:var(--bg-card);color:var(--text-primary);padding:.75rem;font-weight:500}.records-container{padding:2rem;max-width:1200px;margin:0 auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:var(--text-primary);text-align:center}.loading-spinner{width:40px;height:40px;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-spinner.small{width:20px;height:20px;border-width:2px;margin-right:.5rem;margin-bottom:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.practices-grid{display:flex;flex-direction:column;gap:1.5rem}.practice-card-modern{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm)}.practice-card-modern:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.practice-card-modern.clickable:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.15),0 6px 16px rgba(0,0,0,.1);border-color:var(--accent-color)}.listening-practice-records-page .practice-card-modern,.reading-practice-records-page .practice-card-modern{opacity:1;border:1px solid var(--border-color);background:var(--bg-card)}[data-theme=dark] .listening-practice-records-page .practice-card-modern,[data-theme=dark] .reading-practice-records-page .practice-card-modern{background:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.listening-practice-records-page .practice-card-modern.latest-record,.reading-practice-records-page .practice-card-modern.latest-record{opacity:1}[data-theme=dark] .reading-practice-records-page .practice-card-modern{background:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.reading-practice-records-page .reading-record-card{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.reading-practice-records-page .reading-record-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.reading-practice-records-page .reading-record-card__header-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.reading-practice-records-page .reading-record-card__recent{padding:.25rem .65rem;font-size:.7rem;background:rgba(59,130,246,.14);color:var(--accent-color)}.reading-practice-records-page .reading-record-card__badge,.reading-practice-records-page .reading-record-card__recent{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.reading-practice-records-page .reading-record-card__badge{justify-content:center;padding:.35rem .9rem;font-size:.75rem;border:1px solid transparent}.reading-practice-records-page .reading-record-card__badge--complete{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#ffffff;border-color:rgba(37,99,235,.35)}.reading-practice-records-page .reading-record-card__badge--single{background:rgba(16,185,129,.18);border-color:rgba(16,185,129,.32);color:var(--accent-part1)}.reading-practice-records-page .reading-record-card__fraction-tag{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--border-color);font-size:.85rem;font-weight:600;background:var(--bg-card);color:var(--text-primary)}.reading-practice-records-page .reading-record-card__fraction-tag svg{width:.85rem;height:.85rem;margin-right:.35rem}.reading-practice-records-page .reading-record-card__fraction-tag--excellent{color:var(--success-color);border-color:rgba(16,185,129,.35)}.reading-practice-records-page .reading-record-card__fraction-tag--good{color:var(--accent-color);border-color:rgba(37,99,235,.35)}.reading-practice-records-page .reading-record-card__fraction-tag--average{color:#f59e0b;border-color:rgba(245,158,11,.35)}.reading-practice-records-page .reading-record-card__fraction-tag--poor{color:var(--error-color);border-color:rgba(239,68,68,.35)}.reading-practice-records-page .reading-record-card__duration{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--border-color);font-size:.85rem;font-weight:600;color:var(--text-primary);background:var(--bg-card)}.reading-practice-records-page .reading-record-card__duration svg{width:.85rem;height:.85rem}.reading-practice-records-page .reading-record-card__band{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .78rem;border-radius:999px;border:1px solid rgba(139,92,246,.35);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#ffffff;font-size:.82rem;font-weight:700;line-height:1;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.reading-practice-records-page .reading-record-card__band:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(124,58,237,.28);filter:brightness(1.03)}.reading-practice-records-page .reading-record-card__band:active{transform:translateY(0)}.reading-practice-records-page .reading-record-card__band:focus-visible{outline:2px solid rgba(139,92,246,.6);outline-offset:1px}.reading-practice-records-page .reading-record-card__header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;text-align:right}.reading-practice-records-page .reading-record-card__header-right .label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:600}.reading-practice-records-page .reading-record-card__header-right .value{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.reading-practice-records-page .reading-record-card__title h3{margin:0;font-size:1.15rem;font-weight:600;color:var(--text-primary);line-height:1.4;word-break:break-word}.reading-practice-records-page .reading-record-card__metrics{display:flex;align-items:center;gap:1rem}.reading-practice-records-page .reading-record-card__score{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-primary)}.reading-practice-records-page .reading-record-card__fraction{font-size:1rem}.reading-practice-records-page .reading-record-card__accuracy.excellent,.reading-practice-records-page .reading-record-card__fraction.excellent{color:var(--success-color)}.reading-practice-records-page .reading-record-card__accuracy.good,.reading-practice-records-page .reading-record-card__fraction.good{color:var(--accent-color)}.reading-practice-records-page .reading-record-card__accuracy.average,.reading-practice-records-page .reading-record-card__fraction.average{color:#f59e0b}.reading-practice-records-page .reading-record-card__accuracy.poor,.reading-practice-records-page .reading-record-card__fraction.poor{color:var(--error-color)}[data-theme=dark] .reading-practice-records-page .reading-record-card__recent{background:rgba(59,130,246,.2);color:var(--accent-color)}[data-theme=dark] .reading-practice-records-page .reading-record-card__badge--complete{box-shadow:0 12px 28px rgba(37,99,235,.35)}[data-theme=dark] .reading-practice-records-page .reading-record-card__badge--single{background:rgba(16,185,129,.22);border-color:rgba(16,185,129,.42);color:var(--accent-part1)}[data-theme=dark] .reading-practice-records-page .reading-record-card__duration,[data-theme=dark] .reading-practice-records-page .reading-record-card__fraction-tag{border-color:var(--border-color);background:var(--bg-card)}[data-theme=dark] .reading-practice-records-page .reading-record-card__band{border-color:rgba(167,139,250,.42);box-shadow:0 10px 20px rgba(124,58,237,.25)}.score-display{justify-content:space-between}.score-display,.score-main{display:flex;align-items:center}.score-main{gap:1rem}.score-fraction{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.score-fraction .correct-count.excellent{color:var(--success-color)}.score-fraction .correct-count.good{color:var(--accent-color)}.score-fraction .correct-count.average{color:#f59e0b}.score-fraction .correct-count.poor{color:var(--error-color)}.accuracy-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:white}.accuracy-badge.excellent{background:var(--success-color)}.accuracy-badge.good{background:var(--accent-color)}.accuracy-badge.average{background:#f59e0b}.accuracy-badge.poor{background:var(--error-color)}.meta-label{display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.meta-icon{color:var(--accent-color);opacity:.8}.meta-value{display:block;color:var(--text-primary);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.band-score,.meta-value{font-size:.875rem;font-weight:600}.band-score{padding:.25rem .75rem;background:#8b5cf6;color:white;border-radius:12px}.band-score.clickable{cursor:pointer;transition:all .3s ease;position:relative}.band-score.clickable:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 8px rgba(139,92,246,.3)}.band-score.clickable:active{transform:translateY(0)}.reading-practice-records-page .reading-record-card__metrics .performance-indicator{flex:1;margin-top:0}.performance-indicator{width:100%;margin-top:1rem}.performance-bar{width:100%;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.performance-fill{height:100%;border-radius:3px;transition:width .3s ease}.performance-bar.excellent .performance-fill{background:var(--success-color)}.performance-bar.good .performance-fill{background:var(--accent-color)}.performance-bar.average .performance-fill{background:#f59e0b}.performance-bar.poor .performance-fill{background:var(--error-color)}.load-more-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);margin-top:1.5rem}.load-more-info{text-align:center}.load-more-stats{color:var(--text-secondary);font-size:.9rem;font-weight:500}.load-more-button{display:flex;align-items:center;gap:.5rem;background:var(--accent-color);border:2px solid var(--accent-color);color:white;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.load-more-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px)}.load-more-button:disabled{opacity:.6;cursor:not-allowed}.load-more-remaining{font-size:.875rem;opacity:.8}.passage-details-modal .modal-content{max-width:700px}.passage-details-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.passage-details-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border-radius:12px;font-size:20px;color:white}.passage-details-info h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.passage-details-info .test-meta{font-size:.875rem;color:var(--text-secondary);margin:0}.passages-list{display:flex;flex-direction:column;gap:1rem}.passage-item-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.passage-item-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));transform:scaleX(0);transition:transform .3s ease}.passage-item-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.passage-item-card:hover:before{transform:scaleX(1)}.passage-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.passage-item-title{flex:1;margin-right:1rem}.passage-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.passage-item-title h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.passage-item-title .passage-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0;opacity:.8}.passage-score-summary{text-align:right;min-width:100px}.passage-score-main{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.passage-accuracy-display{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:white}.passage-accuracy-display.excellent{background:var(--success-color)}.passage-accuracy-display.good{background:var(--accent-color)}.passage-accuracy-display.average{background:#f59e0b}.passage-accuracy-display.poor{background:var(--error-color)}.passage-actions{display:flex;gap:.75rem;margin-top:1rem}.passage-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;flex:1;justify-content:center}.passage-action-btn.review{background:var(--accent-color);color:white}.passage-action-btn.review:hover{background:var(--accent-hover);transform:translateY(-1px)}.passage-action-btn.retry{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.passage-action-btn.retry:hover{background:var(--success-color);color:white;border-color:var(--success-color)}.passage-action-btn.intensive{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:white;border:none;box-shadow:var(--shadow-sm)}.passage-action-btn.intensive:hover{transform:translateY(-1px);background:linear-gradient(135deg,#2563eb,#0891b2);box-shadow:var(--shadow-md)}.band-info-modal .modal-content{max-width:600px}.band-info-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.band-info-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;font-size:20px;color:white;font-weight:700}.band-info-title h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.band-info-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.current-band-highlight{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white;padding:1rem 1.5rem;border-radius:12px;text-align:center;margin-bottom:1.5rem;box-shadow:0 4px 12px rgba(139,92,246,.2)}.current-band-score{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.current-band-description{font-size:.9rem;opacity:.9}.band-scale-container{margin-bottom:1.5rem}.band-scale-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-align:center}.band-scale-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.band-scale-item{background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;padding:.75rem;text-align:center;transition:all .3s ease}.band-scale-item.current{border-color:#8b5cf6;background:rgba(139,92,246,.1)}.band-scale-number{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.band-scale-item.current .band-scale-number{color:#8b5cf6}.band-scale-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.band-descriptions{background:var(--bg-secondary);border-radius:8px;padding:1.25rem}.band-descriptions h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.band-descriptions-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.4}.band-description-list{display:flex;flex-direction:column;gap:.75rem}.band-description-item{display:flex;gap:.75rem;align-items:flex-start}.band-description-score{background:var(--accent-color);color:white;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;min-width:32px;text-align:center;flex-shrink:0}.band-description-item.current .band-description-score{background:#8b5cf6}.band-description-text{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.band-description-item.current .band-description-text{color:var(--text-primary);font-weight:500}.band-description-detail{margin-top:.25rem;font-size:.8rem;color:var(--text-muted);line-height:1.3}.band-description-item.current .band-description-detail{color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px);padding:1rem}.modal-content{background:var(--bg-card);border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;color:var(--text-secondary);transition:all .3s ease}.modal-close-button:hover{background:var(--bg-card);color:var(--text-primary)}.modal-body{padding:2rem;overflow-y:auto;flex:1}.practice-section{margin-bottom:2rem}.practice-section:last-child{margin-bottom:0}.practice-section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.practice-section-stats{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem}.answers-grid{display:flex;flex-direction:column;gap:1rem}.answer-item{padding:1rem;border-radius:8px;border:2px solid var(--border-color);background:var(--bg-secondary);transition:all .3s ease}.answer-item.correct{border-color:var(--success-color);background:rgba(34,197,94,.1)}.answer-item.incorrect{border-color:var(--error-color);background:rgba(239,68,68,.1)}.question-number{font-weight:600;font-size:.9rem;color:var(--accent-color);margin-bottom:.75rem}.answer-comparison{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.standard-answer,.user-answer{display:flex;justify-content:space-between;align-items:center}.answer-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.answer-value{font-weight:600;color:var(--text-primary)}.answer-status{display:flex;justify-content:center;align-items:center}.answer-item.correct .answer-status svg{color:var(--success-color)}.answer-item.incorrect .answer-status svg{color:var(--error-color)}.passage-selection-content h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.passage-list{display:flex;flex-direction:column;gap:1rem}.passage-item{border-radius:8px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease}.passage-item:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.passage-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-card);border:none;cursor:pointer;transition:all .3s ease}.passage-button:hover{background:var(--bg-secondary)}.passage-info h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.passage-info .passage-title{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.passage-stats{display:flex;gap:1rem;font-size:.9rem}.passage-stats span:first-child{color:var(--text-primary);font-weight:500}.passage-arrow{color:var(--accent-color);transition:transform .3s ease}.passage-button:hover .passage-arrow{transform:translateX(4px)}@media (max-width:768px){.records-title-section{padding:1.5rem 1rem}.records-header-modern{padding:.75rem 1rem}.header-content{flex-direction:column;gap:.75rem;text-align:center}.page-title{font-size:1.25rem}.page-subtitle{font-size:.75rem}.stats-badge{padding:.375rem .5rem;min-width:60px}.stats-number{font-size:1.125rem}.records-filters{padding:1rem}.records-container{padding:1.5rem 1rem}.records-main-title{font-size:1.5rem}.overall-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.filters-container{flex-direction:column;align-items:center;gap:1rem}.search-box{width:100%;max-width:100%}.filter-item{width:100%;max-width:300px}.filter-select{min-width:100%;max-width:100%}.reading-record-card__header{flex-direction:column;align-items:flex-start;gap:.75rem}.reading-record-card__header-right{align-items:flex-start;text-align:left}.reading-record-card__score{flex-wrap:wrap;gap:.5rem}.reading-record-card__metrics{flex-direction:column;align-items:stretch;gap:.75rem}.reading-record-card__metrics .performance-indicator{width:100%;margin-top:.25rem}.listening-record-card__header{flex-direction:column;align-items:flex-start;gap:.75rem}.listening-record-card__header-right{align-items:flex-start;text-align:left}.listening-record-card__score{flex-wrap:wrap;gap:.5rem}.listening-record-card__metrics{flex-direction:column;align-items:stretch;gap:.75rem}.listening-record-card__metrics .performance-indicator{width:100%;margin-top:.25rem}.card-actions{flex-direction:column;gap:1rem}.primary-actions,.secondary-actions{width:100%;justify-content:center}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body,.modal-header{padding:1rem}.passage-details-header{flex-direction:column;gap:.75rem;text-align:center}.passage-details-icon{align-self:center}.passage-item-header{flex-direction:column;gap:.75rem;text-align:center}.passage-item-title{margin-right:0}.passage-title-row{flex-direction:column;gap:.5rem;align-items:center}.passage-score-summary{text-align:center;min-width:auto}.passage-actions{flex-direction:column;gap:.5rem}.band-info-header{flex-direction:column;gap:.75rem;text-align:center}.band-info-icon{align-self:center}.band-scale-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.band-description-item{flex-direction:column;gap:.5rem;text-align:center}.band-description-score{align-self:center}}@media (max-width:480px){.records-header-modern{padding:.5rem .75rem}.page-title{font-size:1.125rem}.page-subtitle{font-size:.65rem}.stats-badge{padding:.25rem .375rem;min-width:50px}.stats-number{font-size:1rem}.stats-label{font-size:.6rem}.overall-stats{grid-template-columns:1fr}.stat-number{font-size:1.5rem}.primary-actions{flex-direction:column;gap:.5rem}.action-btn{justify-content:center;width:100%}.reading-record-card__score{font-size:.9rem;gap:.4rem}.band-scale-grid{grid-template-columns:repeat(2,1fr)}.current-band-highlight{padding:.75rem 1rem}.current-band-score{font-size:1.25rem}}.practice-card-modern.latest-record{position:relative;animation:latestRecordPulse 2s ease-in-out infinite}.latest-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .7rem;background:transparent;color:var(--text-secondary);border-radius:8px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-right:.5rem;margin-bottom:.75rem;box-shadow:none;border:none}.latest-badge svg{width:14px;height:14px}@keyframes latestRecordPulse{0%,to{transform:scale(1.01) translateY(0)}50%{transform:scale(1.02) translateY(-2px)}}@media (max-width:768px){.latest-badge{font-size:.85rem;padding:.5rem .85rem}}.listening-practice-records-page .listening-record-card{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.listening-practice-records-page .listening-record-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.listening-practice-records-page .listening-record-card__header-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.listening-practice-records-page .listening-record-card__recent{padding:.25rem .65rem;font-size:.7rem;background:rgba(59,130,246,.14);color:var(--accent-color)}.listening-practice-records-page .listening-record-card__badge,.listening-practice-records-page .listening-record-card__recent{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.listening-practice-records-page .listening-record-card__badge{justify-content:center;padding:.35rem .9rem;font-size:.75rem;border:1px solid transparent}.listening-practice-records-page .listening-record-card__badge--complete{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#ffffff;border-color:rgba(37,99,235,.35)}.listening-practice-records-page .listening-record-card__badge--single{background:rgba(16,185,129,.18);border-color:rgba(16,185,129,.32);color:var(--accent-part1)}.listening-practice-records-page .listening-record-card__fraction-tag{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--border-color);font-size:.85rem;font-weight:600;background:var(--bg-card);color:var(--text-primary)}.listening-practice-records-page .listening-record-card__fraction-tag svg{width:.85rem;height:.85rem;margin-right:.35rem}.listening-practice-records-page .listening-record-card__fraction-tag--excellent{color:var(--success-color);border-color:rgba(16,185,129,.35)}.listening-practice-records-page .listening-record-card__fraction-tag--good{color:var(--accent-color);border-color:rgba(37,99,235,.35)}.listening-practice-records-page .listening-record-card__fraction-tag--average{color:#f59e0b;border-color:rgba(245,158,11,.35)}.listening-practice-records-page .listening-record-card__fraction-tag--poor{color:var(--error-color);border-color:rgba(239,68,68,.35)}.listening-practice-records-page .listening-record-card__duration{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--border-color);font-size:.85rem;font-weight:600;color:var(--text-primary);background:var(--bg-card)}.listening-practice-records-page .listening-record-card__duration svg{width:.85rem;height:.85rem}.listening-practice-records-page .listening-record-card__band{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .78rem;border-radius:999px;border:1px solid rgba(139,92,246,.35);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#ffffff;font-size:.82rem;font-weight:700;line-height:1;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.listening-practice-records-page .listening-record-card__band:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(124,58,237,.28);filter:brightness(1.03)}.listening-practice-records-page .listening-record-card__band:active{transform:translateY(0)}.listening-practice-records-page .listening-record-card__band:focus-visible{outline:2px solid rgba(139,92,246,.6);outline-offset:1px}.listening-practice-records-page .listening-record-card__header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;text-align:right}.listening-practice-records-page .listening-record-card__header-right .label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:600}.listening-practice-records-page .listening-record-card__header-right .value{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.listening-practice-records-page .listening-record-card__title h3{margin:0;font-size:1.15rem;font-weight:600;color:var(--text-primary);line-height:1.4;word-break:break-word}.listening-practice-records-page .listening-record-card__metrics{display:flex;align-items:center;gap:1rem}.listening-practice-records-page .listening-record-card__score{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-primary)}.listening-practice-records-page .listening-record-card__accuracy{font-size:.95rem;font-weight:600}.listening-practice-records-page .listening-record-card__accuracy.excellent{color:var(--success-color)}.listening-practice-records-page .listening-record-card__accuracy.good{color:var(--accent-color)}.listening-practice-records-page .listening-record-card__accuracy.average{color:#f59e0b}.listening-practice-records-page .listening-record-card__accuracy.poor{color:var(--error-color)}[data-theme=dark] .listening-practice-records-page .listening-record-card{background:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-sm)}[data-theme=dark] .listening-practice-records-page .listening-record-card__recent{background:rgba(59,130,246,.2);color:var(--accent-color)}[data-theme=dark] .listening-practice-records-page .listening-record-card__badge--complete{box-shadow:0 12px 28px rgba(37,99,235,.35)}[data-theme=dark] .listening-practice-records-page .listening-record-card__badge--single{background:rgba(16,185,129,.22);border-color:rgba(16,185,129,.42);color:var(--accent-part1)}[data-theme=dark] .listening-practice-records-page .listening-record-card__duration,[data-theme=dark] .listening-practice-records-page .listening-record-card__fraction-tag{border-color:var(--border-color);background:var(--bg-card)}[data-theme=dark] .listening-practice-records-page .listening-record-card__band{border-color:rgba(167,139,250,.42);box-shadow:0 10px 20px rgba(124,58,237,.25)}