html{scroll-behavior:smooth}body{margin:0;--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity));font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;line-height:1.5rem;line-height:1.625;--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration-line:none}button,input,select,textarea{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid #0000;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity));--tw-ring-offset-width:2px}h1{margin-bottom:.75rem;font-size:1.875rem;line-height:2.25rem;font-weight:700;line-height:1.25;letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}@media (min-width:640px){h1{font-size:2.25rem;line-height:2.5rem}}h2{font-size:1.25rem;line-height:1.75rem;line-height:1.375}h2,h3{font-weight:600;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}p{line-height:1.625}main{margin-left:auto;margin-right:auto;width:100%;min-width:0;max-width:1536px;padding:1.5rem 1rem 3rem}@media (min-width:640px){main{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){main{padding:2rem}}.skip{position:fixed;top:-5rem;left:1rem;z-index:50;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.75rem;--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.skip:focus{top:.5rem}.topbar{position:relative;z-index:30;display:flex;min-height:72px;flex-wrap:wrap;align-items:center;gap:.75rem;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.75rem 1rem}@media (min-width:640px){.topbar{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.topbar{padding-left:2rem;padding-right:2rem}}.brand{display:flex;flex-shrink:0;align-items:center;gap:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.brand-icon{display:grid;height:2.5rem;width:2.5rem;place-items:center;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity));font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.brand-cn{display:none;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:0;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}@media (min-width:1280px){.brand-cn{display:inline}}.local-tag{display:none}.profile{margin-left:auto;font-size:.875rem;line-height:1.25rem}.mobile-menu-button{margin-left:auto;display:inline-flex;min-height:44px;align-items:center;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}@media (min-width:768px){.mobile-menu-button{display:none}}.series-nav{margin-left:auto;display:none;flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.875rem;line-height:1.25rem}@media (min-width:768px){.series-nav{display:flex}}.series-nav a{white-space:nowrap;border-radius:.5rem;padding:.5rem .75rem;font-weight:500;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.series-nav a:hover{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity))}.series-nav.is-open{order:9999;display:flex;width:100%;gap:.25rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity));padding-top:.75rem}@media (min-width:768px){.series-nav.is-open{order:0;width:auto;border-width:0;padding-top:0}}.series-nav.is-open a{flex:1 1 0%;text-align:center}@media (min-width:768px){.series-nav.is-open a{flex:none}}.layout{min-height:calc(100vh - 72px)}@media (min-width:1024px){.layout{display:grid;grid-template-columns:220px minmax(0,1fr)}}.sidebar{display:none;border-right-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:2rem 1rem}@media (min-width:1024px){.sidebar{display:block}}.eyebrow,.nav-label{margin-bottom:.75rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.nav-label{margin-top:1.75rem}.family-link{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));padding:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity))}.sidebar-note{margin-top:1.75rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));padding-top:1.25rem;font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}#levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.level-link{display:grid;min-height:40px;place-items:center;border-radius:.5rem;border-width:1px;border-color:#0000;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.level-link:hover{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity))}.level-link.active{--tw-border-opacity:1;border-color:rgb(2 132 199/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity));font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}#course-phases{margin-top:1.25rem;margin-bottom:1.25rem;display:grid;gap:.5rem}.phase-link{border-radius:.5rem;padding:.75rem;font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.phase-link:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.phase-link.active{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));font-weight:600;--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity))}.button,.chip{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.5rem;--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.button:hover,.chip:hover{--tw-border-opacity:1;border-color:rgb(125 211 252/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity))}.button:disabled,.chip:disabled{pointer-events:none;opacity:.5}.button.primary,.play-button{border-color:rgb(2 132 199/var(--tw-border-opacity));background-color:rgb(2 132 199/var(--tw-bg-opacity))}.button.primary,.button.primary:hover,.play-button,.play-button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.button.primary:hover,.play-button:hover{border-color:rgb(3 105 161/var(--tw-border-opacity));background-color:rgb(3 105 161/var(--tw-bg-opacity))}.play-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;line-height:1.5rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chip[aria-pressed=true]{--tw-border-opacity:1;border-color:rgb(14 165 233/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity))}.search,.select,.vocab-actions select,.vocab-filters input,.vocab-filters select{min-height:44px;max-width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity))}.search{min-width:0;flex:1 1 0%}.select,.vocab-actions select,.vocab-filters select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-size:16px 16px;background-position:right 12px center;background-repeat:no-repeat;padding-right:2.5rem;background-image:url(/assets/select-chevron.svg)}.toolbar{margin-bottom:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.toolbar .search{width:100%}@media (min-width:640px){.toolbar .search{width:auto}}.count,.subtle,.track-description{font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.count{flex-shrink:0;white-space:nowrap}.page-heading{margin-bottom:1.5rem;align-items:flex-end}.course-intro,.page-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.course-intro{margin-bottom:1.25rem;align-items:flex-start}.course-intro p{max-width:48rem}.course-actions{margin-bottom:1.5rem;margin-top:1rem}.course-actions,.track-box{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.track-box{margin-bottom:.5rem;margin-top:1.25rem;font-size:.875rem;line-height:1.25rem}.track-description{margin-bottom:1.25rem;max-width:48rem}.continue{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1rem;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(224 242 254/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));padding:1.25rem;--tw-text-opacity:1;color:rgb(12 74 110/var(--tw-text-opacity))}@media (min-width:640px){.continue{flex-direction:row;align-items:center}}.continue .subtle{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity))}.continue h2{margin-top:.5rem;margin-bottom:.5rem;--tw-text-opacity:1;color:rgb(8 47 73/var(--tw-text-opacity))}.continue a{display:inline-flex;min-height:44px;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.continue a:hover{--tw-bg-opacity:1;background-color:rgb(3 105 161/var(--tw-bg-opacity))}.course-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:640px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.lesson-card{display:flex;flex-direction:column;gap:.75rem;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.lesson-card:hover{--tw-border-opacity:1;border-color:rgb(125 211 252/var(--tw-border-opacity));background-color:#f0f9ff4d}.lesson-card h2{font-size:1.125rem;line-height:1.75rem;line-height:1.625}.lesson-card p{margin:0;font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.lesson-number{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity))}.lesson-card .lesson-status{margin-top:auto;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity))}.series-grid{margin-top:1.5rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem}@media (min-width:768px){.series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.series-card{display:flex;flex-direction:column;gap:1rem;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.25rem}@media (min-width:640px){.series-card{padding:1.5rem}}.series-card h2{font-size:1.5rem;line-height:2rem}.series-card p{line-height:1.625;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.series-card .lesson-number{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity))}.series-card .button{margin-top:auto;align-self:flex-start}.course-steps{margin-bottom:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem}.course-steps .button{min-height:40px;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.course-steps button[aria-current=step]{--tw-border-opacity:1;border-color:rgb(14 165 233/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));font-weight:600;--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity))}.course-page{min-height:300px;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.25rem}@media (min-width:640px){.course-page{padding:1.5rem}}@media (min-width:1024px){.course-page{padding:2rem}}.course-page h2{margin-bottom:1.25rem;font-size:1.5rem;line-height:2rem}.course-page:focus{outline:2px solid #0000;outline-offset:2px}.course-page progress{width:100%}.lesson-copy{overflow-wrap:break-word;font-size:1rem;line-height:2rem}.lesson-copy p{margin-bottom:1rem;line-height:2rem}.lesson-copy ul{list-style-type:disc;padding-left:1.5rem}.lesson-copy ol{list-style-type:decimal;padding-left:1.5rem}.lesson-copy blockquote{margin-top:1rem;margin-bottom:1rem;border-left-width:4px;--tw-border-opacity:1;border-color:rgb(14 165 233/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));padding:.75rem 1rem}.preread-grid,.vocab-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:768px){.preread-grid,.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.speech-item,.vocab-item{border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));padding:1rem}@media (min-width:640px){.speech-item,.vocab-item{padding:1.25rem}}.vocab-item h3{margin-bottom:.5rem;font-size:1.875rem;line-height:2.25rem}.tutorial-image{margin-bottom:1rem;display:block;aspect-ratio:1/1;height:auto;width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity));-o-object-fit:cover;object-fit:cover}.speech-item{margin-bottom:1.25rem}.speech-item .sentence-text{font-size:1.5rem;line-height:2rem}@media (min-width:640px){.speech-item .sentence-text{font-size:1.875rem;line-height:2.25rem}}.speech-note{margin-top:1rem;margin-bottom:1rem;border-left-width:4px;--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity));padding:.5rem 1rem;font-size:1rem;line-height:1.5rem;line-height:1.625}.flow-text{white-space:pre-wrap;font-size:1.25rem;line-height:1.75rem;line-height:1.625;--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity))}.media-later{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.media-later button{min-height:40px;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.voice-box{margin-bottom:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.voice-label{margin-right:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.audio-button.playing,.voice-box button[aria-pressed=true]{--tw-border-opacity:1;border-color:rgb(2 132 199/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.audio-button.playing:hover,.voice-box button[aria-pressed=true]:hover{--tw-bg-opacity:1;background-color:rgb(3 105 161/var(--tw-bg-opacity))}.voice-credit{font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.phonics-split{margin-top:.75rem;margin-bottom:.75rem;overflow-wrap:break-word;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));padding:.5rem .75rem;font-size:1.125rem;line-height:1.75rem;line-height:1.625;--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity))}.ipa-toggle{margin-bottom:1.25rem}.preread{margin-top:1.25rem;margin-bottom:1.25rem;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));padding:1rem}.preread summary{cursor:pointer;font-weight:600}.preread-grid{margin-top:1rem}.preread-word{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity));padding:.75rem}.preread-word .tutorial-image{margin-left:auto;margin-right:auto;margin-bottom:.75rem;max-width:180px}.preread-word .ipa{margin-top:.5rem;margin-bottom:.5rem;font-size:1rem;line-height:1.5rem}.quiz-item{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));padding-top:1.25rem;padding-bottom:1.25rem;font-size:1rem;line-height:1.5rem;line-height:1.625}.quiz-item textarea{margin-top:.75rem;margin-bottom:.75rem;display:block;min-height:80px;width:100%;resize:vertical;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity));padding:.75rem;font-size:1rem;line-height:1.5rem}.quiz-item summary{cursor:pointer;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity))}.quiz-item details p{margin-top:.75rem;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity));padding:.75rem}.course-footer{margin-top:1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.text-note{margin-top:1rem;line-height:1.25rem;line-height:1.625}.breadcrumb,.text-note{font-size:.875rem;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.breadcrumb{margin-bottom:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;line-height:1.25rem}.breadcrumb a:hover{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity))}.reader-heading{margin-bottom:1.25rem;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem}.reader-heading h1{font-size:1.875rem;line-height:2.25rem}.reader-tools{margin-bottom:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.reader-tools label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}.reader-panel{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));overflow:hidden;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}@media (min-width:1024px){.reader-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}.picture-panel{display:flex;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity));padding:1rem}@media (min-width:640px){.picture-panel{padding:1.5rem}}.picture{position:relative;aspect-ratio:1/1;width:100%;max-width:400px;overflow:hidden;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.picture img{display:block;height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.picture img.sprite{position:absolute;max-width:none;-o-object-fit:fill;object-fit:fill}.picture-missing{padding:2.5rem;text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.sentence-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1.25rem}@media (min-width:640px){.sentence-panel{padding:2rem}}.sentence-label{margin-bottom:1rem;font-size:.75rem;line-height:1rem;letter-spacing:.1em;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.sentence-text{margin-bottom:1rem;overflow-wrap:break-word;font-size:1.875rem;line-height:2.25rem;font-weight:600;line-height:1.375;letter-spacing:-.025em}@media (min-width:640px){.sentence-text{font-size:2.25rem;line-height:2.5rem}}.ipa{margin-bottom:1rem;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.ipa,.translation{font-size:1.125rem;line-height:1.75rem;line-height:1.625}.translation{width:100%;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));padding-top:1rem}.translation small{margin-bottom:.5rem;display:block;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.listen-bar{margin-top:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.audio-note{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.reading-footer{margin-bottom:.75rem;margin-top:1.25rem;display:flex;align-items:center;gap:.75rem}.position{min-width:0;flex:1 1 0%}.position progress{margin-top:.5rem;display:block;height:.375rem;width:100%;accent-color:#0284c7}.position-text{display:flex;justify-content:space-between}.position-text,.save-status{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.save-status{min-height:20px;text-align:right}.sentence-list{margin-top:1.5rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));padding-top:1.25rem}.sentence-list summary{cursor:pointer;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.sentence-list ol{margin-top:.75rem;display:grid;max-height:20rem;list-style-type:none;gap:.5rem;overflow:auto;padding:0}.sentence-jump{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.75rem;text-align:left;font-size:.875rem;line-height:1.25rem;line-height:1.625}.sentence-jump.current{--tw-border-opacity:1;border-color:rgb(125 211 252/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity))}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width:640px){.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1536px){.book-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.book-card{overflow:hidden;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.book-card:hover{--tw-border-opacity:1;border-color:rgb(125 211 252/var(--tw-border-opacity))}.book-face{display:flex;height:10rem;flex-direction:column;justify-content:space-between;border-left-width:4px;--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));padding:1rem}.book-card:nth-child(4n+2) .book-face{--tw-border-opacity:1;border-color:rgb(153 246 228/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(240 253 250/var(--tw-bg-opacity))}.book-card:nth-child(4n+3) .book-face{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity))}.book-card:nth-child(4n+4) .book-face{--tw-border-opacity:1;border-color:rgb(221 214 254/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(245 243 255/var(--tw-bg-opacity))}.book-no{font-size:.75rem;line-height:1rem;font-weight:500;letter-spacing:.1em;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.book-face h3{margin-top:.5rem;margin-bottom:.5rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:1.25rem;line-height:1.75rem;font-weight:600;line-height:1.375}.level-stamp{font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.book-info{padding:.75rem}@media (min-width:640px){.book-info{padding:1rem}}.book-info .subtle{margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.status{display:inline-flex;align-items:center;gap:.25rem;--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity))}.status:before{content:"";height:.375rem;width:.375rem;border-radius:9999px;background-color:currentColor}.status.pending{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity))}.book-progress{margin-top:.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity))}.pagination{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.empty,.loading{padding:3rem 1rem;text-align:center;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.error-box{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity));padding:1.25rem;line-height:1.625;--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}#notice{position:fixed;bottom:1.5rem;left:50%;z-index:50;display:none;max-width:90vw;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity));padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#notice.show{display:block}.completion{margin-top:1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity));padding:1rem 1.25rem;--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity))}.completion p{margin:0}.vocab-filters{margin-top:1.25rem;margin-bottom:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem}.vocab-filters label{display:grid;min-width:0;flex:1 1 150px;gap:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}@media (min-width:640px){.vocab-filters label{flex:0 1 auto}}.vocab-filters input,.vocab-filters select{width:100%}@media (min-width:640px){.vocab-filters input,.vocab-filters select{max-width:260px}}.vocab-summary{margin-top:1.25rem;margin-bottom:1.25rem;border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));padding:1rem 1.25rem;line-height:1.625;--tw-text-opacity:1;color:rgb(12 74 110/var(--tw-text-opacity))}.vocab-actions{margin-top:1rem;margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.vocab-badge{margin-bottom:.25rem;margin-right:.25rem;display:inline-block;border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity))}.vocab-card{display:flex;flex-direction:column;gap:.75rem}.vocab-card h2{overflow-wrap:break-word;font-size:1.5rem;line-height:2rem}.vocab-card-heading{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem}.vocab-card-heading h2{margin:0}.vocab-word{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.vocab-word:hover{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity))}.vocab-frequency{flex-shrink:0;border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity))}.vocab-card .vocab-actions{margin-top:0;margin-bottom:0;flex-wrap:wrap;gap:.5rem}.vocab-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}.vocab-detail-link{margin-top:auto;display:inline-flex;min-height:44px;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity))}.vocab-detail-link:hover{--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity))}.vocab-card .button{margin-top:auto;align-self:flex-start}.vocab-meaning{margin-top:.25rem;margin-bottom:.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.625}.vocab-sense{margin-top:1.25rem;margin-bottom:1.25rem;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.25rem}@media (min-width:640px){.vocab-sense{padding:1.5rem}}.vocab-sense h2{margin-bottom:.75rem;line-height:1.625}.vocab-skills{margin-top:1rem;margin-bottom:1rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media (min-width:768px){.vocab-skills{grid-template-columns:repeat(3,minmax(0,1fr))}}.vocab-skill{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity));padding:1rem;font-size:.875rem;line-height:1.25rem;line-height:1.625}.vocab-examples{list-style-type:disc;padding-left:1.25rem;line-height:1.625}.vocab-examples li{margin-top:.75rem;margin-bottom:.75rem}.vocab-sources{margin-top:1rem;margin-bottom:1rem;line-height:1.625}.vocab-sources summary{cursor:pointer;font-weight:600}.vocab-examples a,.vocab-sources a{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity));text-decoration-line:underline}.vocab-pagination{margin-top:1.25rem;margin-bottom:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.review-stage{margin:1.25rem auto;max-width:48rem}.review-prompt{margin-top:1.5rem;margin-bottom:1.5rem;overflow-wrap:break-word;font-size:1.875rem;line-height:2.25rem;line-height:1.625}@media (min-width:640px){.review-prompt{font-size:2.25rem;line-height:2.5rem}}.review-answer{margin-top:1.25rem;margin-bottom:1.25rem;border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));padding:1.25rem;line-height:1.625}.review-answer h2{font-size:1.875rem;line-height:2.25rem}.review-history{list-style-type:decimal;padding-left:1.25rem;line-height:1.625}.review-history li{margin-top:.5rem;margin-bottom:.5rem}.vocab-error{white-space:pre-wrap;--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.vocab-loading{min-height:150px}.review-rules{margin-top:1.25rem;margin-bottom:1.25rem;line-height:1.625}.review-rules summary{cursor:pointer;--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity))}.animation-main{margin-left:auto;margin-right:auto;max-width:1280px;padding:1.5rem 1rem}@media (min-width:640px){.animation-main{padding-left:1.5rem;padding-right:1.5rem}}.animation-layout{margin-top:1.25rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:1024px){.animation-layout{grid-template-columns:minmax(0,1fr) 300px}}.animation-main video{display:block;aspect-ratio:4/3;width:100%;border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity))}.animation-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}@media (min-width:640px){.animation-list{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1024px){.animation-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.animation-list button{min-height:64px;padding:.5rem .25rem}.animation-list small,.animation-list strong{display:block}.animation-list strong{font-size:1.25rem;line-height:1.75rem}.animation-list [aria-pressed=true]{--tw-border-opacity:1;border-color:rgb(2 132 199/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.animation-links{margin-top:1.25rem;margin-bottom:1.25rem;border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));padding:1rem}#animation-lessons .button,.animation-links .button{margin-bottom:.5rem;margin-right:.5rem}.start-grid{margin-top:1.25rem;margin-bottom:1.25rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem}@media (min-width:768px){.start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.start-card{border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.25rem}@media (min-width:640px){.start-card{padding:1.5rem}}.start-card h2{margin-bottom:.75rem}.start-card ol{list-style-type:decimal;padding-left:1.25rem}.start-card ul{list-style-type:disc;padding-left:1.25rem}.start-card li{margin-top:.75rem;margin-bottom:.75rem}.start-card .button{margin-bottom:.5rem;margin-right:.5rem}.animation-main .toolbar{margin-top:1.25rem;margin-bottom:1.25rem}.animation-main label{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.site-ad-slot{clear:both;margin-left:auto;margin-right:auto;margin-top:2.5rem;min-height:110px;max-width:970px;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));padding:1rem .75rem;text-align:center}.site-ad-label{margin-bottom:.75rem;display:block;font-size:.75rem;line-height:1rem;letter-spacing:.1em;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.site-ad-slot a{display:inline-block;max-width:100%}.site-ad-slot img{margin-left:auto;margin-right:auto;display:block;height:auto;max-height:250px;width:auto;max-width:100%}@media (max-width:767px){.series-nav{margin-left:0}.brand-cn{display:none}.reader-heading .button,.reading-footer .button{padding-left:.75rem;padding-right:.75rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto;transition-property:none}}