.test-read-page[data-v-0ee94d18]{background:transparent;min-height:100vh;padding:2rem 0}.page-header[data-v-0ee94d18]{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:2rem}.page-title[data-v-0ee94d18]{color:#212529;font-weight:700;margin:0}.test-controls .card[data-v-0ee94d18]{border:none;box-shadow:0 2px 4px #0000001a}.section-title[data-v-0ee94d18]{border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding-bottom:.5rem}.volumes-list[data-v-0ee94d18]{display:grid;gap:1rem}.volume-card .card[data-v-0ee94d18]{border:1px solid #dee2e6;border-radius:8px;transition:all .2s ease}.volume-card .card[data-v-0ee94d18]:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.player-section[data-v-0ee94d18]{box-shadow:0 4px 8px #0000001a;padding:2rem}.no-data[data-v-0ee94d18],.player-section[data-v-0ee94d18]{background:#fff;border-radius:12px}.no-data[data-v-0ee94d18]{padding:3rem}.api-response[data-v-0ee94d18],.no-data[data-v-0ee94d18]{box-shadow:0 2px 4px #0000001a}.api-response[data-v-0ee94d18]{background:#fff;border-radius:8px}@media (max-width:768px){.test-read-page[data-v-0ee94d18]{padding:1rem 0}.page-header[data-v-0ee94d18],.player-section[data-v-0ee94d18]{padding:1.5rem}}