body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-red:#ec1c24;--primary-blue:#1d439a;--dark-blue:#0b172d;--white:#fff}body{color:#1d439a;color:var(--primary-blue);font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0}.App,body{background:#fff;background:var(--white)}.App{align-items:stretch;box-sizing:border-box;flex-direction:column;min-height:100vh;padding:0}.App,nav{display:flex;width:100vw}nav{background:linear-gradient(90deg,#0b172d,#1d439a);background:linear-gradient(90deg,var(--dark-blue) 0,var(--primary-blue) 100%);border-radius:0 0 18px 18px;box-shadow:0 2px 8px #1d439a12;gap:16px;left:50%;margin-bottom:32px;max-width:100vw;padding:18px 0 14px;position:relative;right:50%;transform:translateX(-50%);transition:padding .2s,gap .2s;z-index:10}.nav-inner,nav{justify-content:center}.nav-inner{display:flex;gap:inherit;margin:0 auto;max-width:1400px;width:100%}nav a{border-radius:8px;color:#fff;color:var(--white);display:inline-block;font-size:1.1rem;font-weight:500;padding:8px 18px;text-decoration:none;transition:background .2s,color .2s,font-size .2s,padding .2s}nav a:focus,nav a:hover{background:#ec1c24;background:var(--primary-red);color:#fff;color:var(--white)}nav a.active{background:#0b172d;background:var(--dark-blue);color:#ec1c24;color:var(--primary-red)}h2{color:#1d439a;color:var(--primary-blue);font-size:2rem;font-weight:600;letter-spacing:.5px;margin-top:32px;text-align:center}@media (max-width:900px){.App{padding:0 6px}nav{border-radius:0 0 10px 10px;font-size:.98rem;gap:8px;padding:12px 0 8px}nav a{font-size:1rem;padding:7px 10px}h2{font-size:1.3rem}}@media (max-width:600px){nav{border-radius:0 0 8px 8px;box-shadow:0 2px 12px #0b172d1a;flex-direction:column;gap:4px;left:0;margin-bottom:0;padding:8px 0 6px;position:fixed;right:0;top:0;width:100vw}.App{padding-top:60px}h2{font-size:1.1rem;margin-top:18px}}@media (min-width:1200px){.App{margin:0 auto;max-width:1700px;padding:0 32px}nav{gap:24px;padding:24px 0 18px}nav,nav a{font-size:1.15rem}nav a{padding:10px 24px}h2{font-size:2.3rem}}@media (max-width:700px){nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d224deb;border-radius:0;box-shadow:0 2px 12px #0b172d1a;display:flex;justify-content:center;left:0;margin-bottom:0;max-width:100vw;min-height:54px;position:fixed;right:0;top:0;transform:none;width:100vw;z-index:100}.nav-inner,nav{align-items:center;height:54px;padding:0}.nav-inner{flex-direction:row;gap:0;justify-content:space-between;margin:0 auto;max-width:420px;width:96vw}.nav-inner a,nav a{align-items:center;background:#0000!important;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;font-size:1.1rem;height:44px;justify-content:center;margin:0 2px;min-width:44px;padding:0;text-align:center;transition:background .18s;width:44px}.nav-inner a.active,nav a.active{background:#192c4d!important}.nav-inner a:hover,nav a:hover{background:#223a6a!important}.nav-icon{display:block;font-size:1.6rem;line-height:1}.nav-label{display:none}.App{padding-top:58px}.App>div,.App>form,.reading-section,.writing-section{align-items:center!important;justify-content:center!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}button{margin-left:4px;margin-right:4px;min-width:120px;width:auto}}.vocab-progress{background:#e6eaf7;border-radius:6px;height:8px;margin:0 auto 32px;max-width:340px;overflow:hidden;width:100%}.vocab-progress-bar{background:linear-gradient(90deg,#1d439a,#0b172d);border-radius:6px;height:100%;transition:width .4s cubic-bezier(.4,1.4,.6,1)}.vocab-title{color:#1d439a;font-size:2.2rem;font-weight:700;margin-bottom:32px;text-align:center}.vocab-card{align-items:center;background:#f8f9fa;border-radius:24px;box-shadow:0 4px 32px #0b172d1a;display:flex;font-size:2.3rem;font-weight:600;justify-content:center;margin-bottom:36px;min-height:110px;min-width:240px;padding:56px 32px;position:relative;text-align:center;transition:box-shadow .2s,background .2s;-webkit-user-select:none;user-select:none}.vocab-card .vocab-show-btn{background:#0b172d;border:none;border-radius:12px;bottom:24px;box-shadow:0 2px 8px #1d439a12;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;left:50%;padding:12px 32px;position:absolute;transform:translateX(-50%);transition:background .18s,color .18s}.vocab-card .vocab-show-btn:hover{background:#1d439a}.vocab-card .vocab-back{width:100%}.vocab-back-title{color:#1d439a;font-size:1.2rem;font-weight:500;margin-bottom:18px}.vocab-actions{display:flex;gap:18px;justify-content:center}.vocab-actions button{border:none;border-radius:12px;box-shadow:0 2px 8px #1d439a12;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 32px;transition:background .18s,color .18s,box-shadow .18s}.vocab-actions .vocab-dontknow{background:#ec1c24;color:#fff}.vocab-actions .vocab-dontknow:hover{background:#b81a1f}.vocab-actions .vocab-know{background:#1d439a;color:#fff}.vocab-actions .vocab-know:hover{background:#0b172d}.vocab-session{color:#888;font-size:1.08rem;margin-top:24px;text-align:center}@media (max-width:600px){.vocab-title{font-size:1.3rem;margin-bottom:18px}.vocab-card{border-radius:14px;font-size:1.2rem;min-height:60px;min-width:120px;padding:32px 10px 48px}.vocab-card .vocab-show-btn{border-radius:8px;font-size:1rem;padding:10px 18px}.vocab-actions button{border-radius:8px;font-size:1rem;padding:10px 16px}.vocab-session{font-size:.98rem}.vocab-progress{margin-bottom:18px;max-width:98vw}}.vocab-flip{margin-bottom:36px;max-width:340px;min-height:180px;perspective:1200px;width:100%}.vocab-flip-inner{min-height:180px;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,1.4,.6,1);width:100%}.vocab-flip.flipped .vocab-flip-inner{transform:rotateY(180deg)}.vocab-flip-back,.vocab-flip-front{align-items:center;backface-visibility:hidden;background:#f8f9fa;border-radius:24px;box-shadow:0 4px 32px #0b172d1a;display:flex;flex-direction:column;font-size:2.1rem;font-weight:600;justify-content:center;left:0;min-height:180px;padding:48px 18px;position:absolute;text-align:center;top:0;-webkit-user-select:none;user-select:none;width:100%}.vocab-flip-back{color:#1d439a;font-size:1.25rem;font-weight:500;padding-top:36px;transform:rotateY(180deg)}.vocab-flip-front .vocab-show-btn{background:#0b172d;border:none;border-radius:12px;bottom:24px;box-shadow:0 2px 8px #1d439a12;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;left:50%;padding:12px 32px;position:absolute;transform:translateX(-50%);transition:background .18s,color .18s}.vocab-flip-front .vocab-show-btn:hover{background:#1d439a}.vocab-flip-back .vocab-actions{margin-top:32px}@media (max-width:600px){.vocab-flip,.vocab-flip-back,.vocab-flip-front,.vocab-flip-inner{border-radius:14px;font-size:1.1rem;min-height:110px;padding:24px 6px 32px}.vocab-flip-front .vocab-show-btn{border-radius:8px;font-size:1rem;padding:10px 18px}}.reading-section>div,.reading-section>form{scrollbar-color:#1d439a #e6eaf7;scrollbar-width:thin}.reading-section>div::-webkit-scrollbar,.reading-section>form::-webkit-scrollbar{width:10px}.reading-section>div::-webkit-scrollbar-thumb,.reading-section>form::-webkit-scrollbar-thumb{background:#1d439a;border-radius:8px}.reading-section>div::-webkit-scrollbar-track,.reading-section>form::-webkit-scrollbar-track{background:#e6eaf7;border-radius:8px}
/*# sourceMappingURL=main.d338f388.css.map*/