:root{color:#1d2433;background:#f4f6fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.app-shell{width:min(100% - 32px,760px);margin:0 auto;padding:56px 0 72px}.page-header{margin-bottom:28px}.header-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand,.eyebrow{color:#6658e8;letter-spacing:.09em;text-transform:uppercase;font-size:.8rem;font-weight:800}.brand{margin:0 0 10px}h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3rem)}.page-header>p:last-child{color:#596275;margin:12px 0 0}.auth-panel{min-height:40px}.auth-user{color:#596275;align-items:center;gap:8px;font-size:.82rem;display:flex}.auth-user button{color:#394150;cursor:pointer;background:#fff;border:1px solid #d5d9e4;border-radius:7px;padding:6px 9px}.auth-error{color:#bb2443;text-align:right;max-width:220px;margin:0;font-size:.78rem}.library-message{color:#596275;text-align:center;margin:18px 0;font-size:.9rem}.flashcard{background:#fff;border:1px solid #e1e5ef;border-radius:20px;overflow:hidden;box-shadow:0 16px 45px #2c334917}.card-face{width:100%;min-height:240px;color:inherit;cursor:pointer;text-align:center;background:linear-gradient(135deg,#fdfdff,#f1efff);border:0;place-content:center;gap:18px;padding:32px;display:grid}.card-face:hover{background:linear-gradient(135deg,#fff,#eae7ff)}.card-face:focus-visible{outline-offset:-5px;outline:3px solid #6658e8}.phrase{letter-spacing:-.05em;font-size:clamp(2.2rem,10vw,4.8rem);line-height:1}.card-action{color:#596275;font-size:.9rem}.card-details{padding:24px}.video-panel{background:#171923;border-radius:12px;overflow:hidden}.video-frame{aspect-ratio:16/9;width:100%}.video-frame iframe{border:0;width:100%;height:100%}.player-error{color:#fff;margin:0;padding:12px;font-size:.9rem}.subtitles{gap:16px;margin:24px 0 16px;display:grid}.subtitles div{background:#f7f8fc;border-radius:12px;padding:16px}.subtitles dt{color:#6658e8;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:800}.subtitles dd{margin:7px 0 0;font-size:1.08rem;line-height:1.6}.current-word{color:#171923;background:#ffdd73;border-radius:.18em;font-weight:800}mark{color:inherit;background:#ffdd73;border-radius:.18em;padding:0 .12em}.video-meta{color:#6b7280;margin:0;font-size:.8rem;line-height:1.5}.auth-user .purchase-button{color:#fff;background:#6658e8;border-color:#6658e8;font-weight:700}.access-status{color:#198754;font-weight:700}.checkout-error{color:#bb2443}.checkout-message{border-radius:10px;margin:0 0 18px;padding:12px 16px;font-size:.9rem}.checkout-success{color:#176b3a;background:#e7f7ed}.checkout-cancelled{color:#7a5700;background:#fff4dc}.auth-debug{color:#46516a;background:#fff;border:1px dashed #aeb7cc;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:.72rem;line-height:1.7}.auth-user{flex-wrap:wrap}.header-top{align-items:flex-start}@media (width<=600px){.header-top{flex-direction:column}.auth-panel{width:100%}}.legal-footer{border-top:1px solid #dce0ea;flex-wrap:wrap;gap:12px 20px;margin-top:36px;padding-top:20px;font-size:.78rem;display:flex}.legal-footer a{color:#596275}