.page-module___8aEwW__page{--gray-rgb:0, 0, 0;--gray-alpha-200:rgba(var(--gray-rgb), .08);--gray-alpha-100:rgba(var(--gray-rgb), .05);min-height:100vh;padding:calc(20px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));font-family:var(--font-geist-sans);justify-content:center;align-items:flex-start;display:flex}@media (prefers-color-scheme:dark){.page-module___8aEwW__page{--gray-rgb:255, 255, 255;--gray-alpha-200:rgba(var(--gray-rgb), .145);--gray-alpha-100:rgba(var(--gray-rgb), .06)}}.page-module___8aEwW__main{flex-direction:column;gap:16px;width:100%;max-width:720px;display:flex}.page-module___8aEwW__controlPanel{top:calc(8px + env(safe-area-inset-top));z-index:10;background:color-mix(in srgb, var(--background) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--gray-alpha-200);border-radius:14px;flex-direction:column;gap:12px;padding:12px;display:flex;position:sticky}.page-module___8aEwW__controlRow{flex-direction:column;gap:6px;display:flex}.page-module___8aEwW__controlLabel{font-size:.9rem;font-weight:600}.page-module___8aEwW__select{border:1px solid var(--gray-alpha-200);background:0 0;border-radius:10px;padding:10px 12px;font-size:.95rem}.page-module___8aEwW__range{width:100%}.page-module___8aEwW__delayValue{font-size:.9rem;font-weight:600}.page-module___8aEwW__controlActions{flex-direction:column;gap:8px;display:flex}.page-module___8aEwW__autoPlayButton{color:#fff;background:#1d4ed8;border:none;border-radius:12px;height:44px;font-size:1rem;font-weight:600}.page-module___8aEwW__autoPlayButton.page-module___8aEwW__autoPlaying{background:#ef4444}.page-module___8aEwW__resumeButton{border:1px solid var(--gray-alpha-200);background:0 0;border-radius:12px;height:42px;font-size:.95rem;font-weight:600}.page-module___8aEwW__resumeButton:disabled{opacity:.45}.page-module___8aEwW__progressMeta{color:#666;flex-wrap:wrap;gap:10px;font-size:.85rem;display:flex}.page-module___8aEwW__categoryGroup{flex-direction:column;gap:16px;margin-top:12px;display:flex}.page-module___8aEwW__categoryGroup h2{border-bottom:2px solid var(--gray-alpha-200);margin:0;padding-bottom:8px;font-size:1.5rem}.page-module___8aEwW__sentenceList{flex-direction:column;gap:16px;display:flex}.page-module___8aEwW__card{background:var(--gray-alpha-100);border:1px solid var(--gray-alpha-200);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.page-module___8aEwW__learnedCard{border-color:#10b981}.page-module___8aEwW__cardHeader{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.page-module___8aEwW__cardActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.page-module___8aEwW__category{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}@media (prefers-color-scheme:dark){.page-module___8aEwW__category{color:#aaa}}.page-module___8aEwW__playButton{color:#fff;cursor:pointer;background:#0070f3;border:none;border-radius:12px;min-height:40px;padding:8px 14px;font-size:.9rem;font-weight:500;transition:all .2s}.page-module___8aEwW__playButton:hover{background:#0051a8}.page-module___8aEwW__playButton.page-module___8aEwW__playing{background:#10b981}.page-module___8aEwW__learnButton{border:1px solid var(--gray-alpha-200);cursor:pointer;background:0 0;border-radius:12px;min-height:40px;padding:8px 12px;font-size:.9rem;font-weight:500}.page-module___8aEwW__learnButton.page-module___8aEwW__learned{color:#047857;border-color:#10b981}.page-module___8aEwW__text{margin:0;font-size:1.1rem;font-weight:500;line-height:1.5}.page-module___8aEwW__translation{color:#666;margin:0;font-size:.95rem;line-height:1.4}.page-module___8aEwW__meta{color:#6b7280;margin:0;font-size:.8rem}@media (prefers-color-scheme:dark){.page-module___8aEwW__translation{color:#999}.page-module___8aEwW__progressMeta,.page-module___8aEwW__meta{color:#9ca3af}.page-module___8aEwW__learnButton.page-module___8aEwW__learned{color:#34d399}}@media (max-width:430px){.page-module___8aEwW__main h1{margin:0;font-size:1.5rem}.page-module___8aEwW__main p{margin:0}.page-module___8aEwW__cardHeader{flex-direction:column}.page-module___8aEwW__cardActions{justify-content:flex-start;width:100%}.page-module___8aEwW__playButton,.page-module___8aEwW__learnButton{min-width:108px}}