.dictation-list-page{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:20px}#dictation-list{backdrop-filter:blur(6px);background:hsla(0,0%,100%,.85);border:1px solid rgba(115,3,192,.12);border-radius:24px;box-shadow:0 8px 28px rgba(115,3,192,.08);box-sizing:border-box;margin:0 auto;max-width:900px;padding:1.5rem;width:100%}#dictation-list .header-row{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem 1rem;justify-content:space-between;margin-bottom:1.2rem}#dictation-list .header-row h2{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#7303c0,#9c27b0);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.course-section{margin-bottom:2rem}.course-name{border-bottom:2px solid rgba(115,3,192,.2);color:#4a148c;font-size:1.3rem;font-weight:600;margin-bottom:.8rem;padding-bottom:.3rem}.dictation-cards-container{display:flex;flex-direction:column;gap:1rem}.dictation-card{backdrop-filter:blur(6px);background:hsla(0,0%,100%,.9);border:1px solid rgba(115,3,192,.12);border-radius:18px;box-shadow:0 4px 16px rgba(115,3,192,.08);cursor:pointer;padding:1rem 1.2rem;transition:transform .2s ease,box-shadow .2s ease}.dictation-card:hover{border-color:rgba(115,3,192,.25);box-shadow:0 8px 24px rgba(115,3,192,.15);transform:translateY(-2px)}.card-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.card-title{color:#2d1b3e;font-size:1.1rem;font-weight:600;margin:0;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-start{align-items:center;background:linear-gradient(135deg,#7303c0,#9c27b0);border:none;border-radius:40px;box-shadow:0 4px 12px rgba(115,3,192,.3);color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.45rem 1.3rem;transition:all .2s}.btn-start:hover{box-shadow:0 6px 20px rgba(115,3,192,.45);transform:translateY(-2px)}.dark-theme #dictation-list{background:rgba(20,15,35,.85);border-color:rgba(115,3,192,.25)}.dark-theme .dictation-card{background:rgba(30,25,50,.9);border-color:rgba(115,3,192,.2);color:#e0d6f0}.dark-theme .card-title{color:#e0d6f0}.dark-theme .course-name{border-bottom-color:rgba(115,3,192,.3);color:#b388ff}@media (max-width:576px){.dictation-list-page{padding:10px}#dictation-list{padding:1rem .8rem}.card-header{align-items:flex-start;flex-direction:column}.card-title{max-width:100%}}#dictation-list .accordion{margin-top:1rem}.course-accordion-item{background:hsla(0,0%,100%,.9);border:1px solid rgba(115,3,192,.12);border-radius:12px;box-shadow:0 2px 8px rgba(115,3,192,.05);margin-bottom:.8rem;overflow:hidden}.accordion-button{background:hsla(0,0%,100%,.95);border:none;box-shadow:none;color:#4a148c;font-size:1.1rem;font-weight:600;padding:.9rem 1.2rem;transition:background .2s}.accordion-button:not(.collapsed){background:rgba(243,229,245,.7);box-shadow:none;color:#4a148c}.accordion-button:focus{border-color:transparent;box-shadow:0 0 0 2px rgba(115,3,192,.2)}.accordion-button:after{filter:brightness(0) saturate(100%) invert(15%) sepia(86%) saturate(3207%) hue-rotate(276deg) brightness(89%) contrast(101%)}.accordion-body{background:hsla(0,0%,100%,.6);padding:.8rem 1.2rem}.dark-theme .course-accordion-item{background:rgba(30,25,50,.85);border-color:rgba(115,3,192,.25)}.dark-theme .accordion-button{background:rgba(30,25,50,.9);color:#b388ff}.dark-theme .accordion-button:not(.collapsed){background:rgba(60,45,80,.8);color:#b388ff}.dark-theme .accordion-body{background:rgba(20,15,35,.7)}.dictation-card--completed{background:rgba(232,245,233,.9);border-left:4px solid #4caf50}.dictation-card--completed:hover{border-color:rgba(76,175,80,.3);box-shadow:0 8px 24px rgba(76,175,80,.2)}.badge-completed{align-items:center;background:#4caf50;border-radius:20px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:.2rem;margin-right:.5rem;padding:.3em .7em;white-space:nowrap}.dark-theme .dictation-card--completed{background:rgba(27,40,27,.85);border-left-color:#66bb6a}.dark-theme .badge-completed{background:#388e3c}