.year2-reading[data-v-reading-revised-recorder] { max-width: 880px; margin: 0 auto; padding: 8px 0 40px; color: #302b35;
}
.year2-reading__label[data-v-reading-revised-recorder] { font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
}
.year2-reading__steps[data-v-reading-revised-recorder] { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0;
}
.year2-reading__hint[data-v-reading-revised-recorder] { color: #66566a; font-weight: 600;
}
.year2-reading__step[data-v-reading-revised-recorder] { min-width: 48px; padding: 7px 12px; border: 1px solid #dcc9df; border-radius: 999px; color: #755079; background: #fff; font-weight: 700; text-align: center;
}
.year2-reading__step--done[data-v-reading-revised-recorder] { color: #fff; background: #688f71; border-color: #688f71;
}
.year2-reading__step--active[data-v-reading-revised-recorder] { color: #fff; background: #8f5d95; border-color: #8f5d95;
}
.year2-reading__scene-meta[data-v-reading-revised-recorder] { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 17px 22px; border: 1px solid #e8d9ea; border-radius: 18px 18px 0 0; color: #755079; background: #f6edf7;
}
.year2-reading__focus[data-v-reading-revised-recorder] { margin-top: 4px; font-size: .92rem;
}
.year2-reading__passage[data-v-reading-revised-recorder] { padding: 24px clamp(22px, 5vw, 48px); border: 1px solid #e8d9ea; border-top: 0; border-radius: 0 0 18px 18px; background: #fff; font-size: clamp(1.25rem, 2.5vw, 1.55rem); line-height: 1.85;
}
.year2-reading__passage p[data-v-reading-revised-recorder] { margin: 0 0 1.1em;
}
.year2-reading__passage p[data-v-reading-revised-recorder]:last-child { margin-bottom: 0;
}
.year2-reading__controls[data-v-reading-revised-recorder] { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; width: min(880px, 100%); margin: 0 auto;
}
.year2-reading__footer[data-v-reading-revised-recorder] { position: fixed; z-index: 10; right: 0; bottom: 0; left: 0; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid #e6d9e8; background: #fff; box-shadow: 0 -6px 20px rgb(42 26 47 / 8%);
}
.year2-reading__finished[data-v-reading-revised-recorder] { color: #66566a; font-size: .9rem;
}
.year2-reading__recording[data-v-reading-revised-recorder] { color: #b13c55; font-weight: 700;
}
.year2-reading__evidence[data-v-reading-revised-recorder], .year2-reading__result[data-v-reading-revised-recorder] { margin-top: 16px; border-color: #e8d9ea; border-radius: 18px;
}
.year2-reading__attempt[data-v-reading-revised-recorder] { display: flex; flex-wrap: wrap; gap: 12px; padding: 10px 0; border-bottom: 1px solid #eee5ef;
}
.year2-reading__attempt[data-v-reading-revised-recorder]:last-of-type { border-bottom: 0;
}
.year2-reading__attempt strong[data-v-reading-revised-recorder] { min-width: 44px; color: #755079;
}
.year2-reading__transcript[data-v-reading-revised-recorder] { flex-basis: 100%; color: #66566a;
}
.year2-reading__transcript p[data-v-reading-revised-recorder] { margin: 4px 0 8px; padding: 10px 14px; border-radius: 10px; background: #f9f4fa;
}
.year2-reading__caution[data-v-reading-revised-recorder] { margin: 12px 0 0; color: #766b79; font-size: .88rem;
}
.year2-reading__result[data-v-reading-revised-recorder] { margin: 18px 0; background: #f5edf6;
}
.year2-reading__level[data-v-reading-revised-recorder] { margin: 5px 0 8px; color: #68436e; font-size: 2rem; font-weight: 800;
}
.year2-reading__result p[data-v-reading-revised-recorder] { margin: 0;
}
.year2-reading__next-actions[data-v-reading-revised-recorder] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 16px;
}
.year2-reading__next-hint[data-v-reading-revised-recorder], .year2-reading__starting-point[data-v-reading-revised-recorder] { color: #66566a; font-size: .88rem;
}
.year2-reading__starting-point[data-v-reading-revised-recorder] { margin-top: 12px !important;
}
.year2-reading__note[data-v-reading-revised-recorder] { display: flex; gap: 8px; margin-top: 18px; color: #5e5261; background: #f0edf1;
}
.year2-reading__continue-overlay[data-v-reading-revised-recorder] { position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; padding: 24px; background: rgb(255 255 255 / 82%); backdrop-filter: blur(4px);
}
.year2-reading__continue-card[data-v-reading-revised-recorder] { display: flex; flex-direction: column; align-items: center; gap: 18px; width: min(440px, 100%); max-height: calc(100dvh - 48px); overflow-y: auto; padding: clamp(20px, 5vw, 36px); border: 1px solid #d8e9d9; border-radius: 22px; background: #fff; box-shadow: 0 18px 55px rgb(29 69 37 / 16%); text-align: center;
}
.year2-reading__continue-card h2[data-v-reading-revised-recorder] { margin: 0; font-size: clamp(1.35rem, 3vw, 1.8rem); line-height: 1.35; font-weight: 700;
}
.year2-reading__continue-hint[data-v-reading-revised-recorder] { margin: 0; color: #5f6561; line-height: 1.5;
}
.year2-reading__start-error[data-v-reading-revised-recorder] { margin: 0; color: #9b1c27; font-weight: 600;
}
.year2-reading__save-exit[data-v-reading-revised-recorder] { max-width: 100%; flex-shrink: 0;
}
.year2-reading__save-exit[data-v-reading-revised-recorder] .q-btn__content { white-space: normal; line-height: 1.4;
}