@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit Fallback;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_ed3508{font-family:Outfit,Outfit Fallback;font-style:normal}:root{--background:#fff8f0;--foreground:#333333;--primary:#ff6b6b;--secondary:#009688;--accent:#ffe66d;--text-light:#666666;--card-bg:#ffffff;--error:#ff4757;--success:#2ed573;--font-family:"Outfit","Inter",sans-serif}@media (prefers-color-scheme:dark){:root{--background:#1a1a2e;--foreground:#f5f6fa;--primary:#ff6b6b;--secondary:#009688;--accent:#ffe66d;--text-light:#a4b0be;--card-bg:#16213e}}body,html{font-family:var(--font-family);background:var(--background);color:var(--foreground);margin:0;padding:0;min-height:100vh}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}a{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:99px;border:none;font-family:inherit;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;min-width:48px;min-height:48px}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:white;box-shadow:0 4px 14px 0 rgba(255,107,107,.39)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,107,.23)}.btn-secondary{background:var(--secondary);color:white}.card{background:var(--card-bg);border-radius:24px;padding:24px;box-shadow:0 8px 30px rgba(0,0,0,.05)}input{width:100%;padding:14px 16px;border-radius:12px;border:2px solid #e1e1e1;font-family:inherit;font-size:1rem;transition:border-color .2s}input:focus{outline:none;border-color:var(--primary)}.container{max-width:600px;margin:0 auto;padding:20px;display:flex;flex-direction:column;min-height:100vh}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (min-width:768px){.container{max-width:720px;padding:20px 40px}}@media (orientation:landscape) and (max-height:768px){.container{height:100vh;min-height:0;overflow:hidden;padding-top:6px;padding-bottom:6px}.container main{min-height:0;padding-top:.5rem!important;padding-bottom:.5rem!important;justify-content:flex-start!important}}.crop-preview-img{max-width:100%;width:auto;height:auto;object-fit:contain;max-height:60vh}@media (orientation:landscape) and (max-height:768px){.crop-preview-img{max-height:40vh}}.dictation-play-btn{width:160px;height:160px;flex-shrink:0}.dictation-body{flex:1 1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (orientation:landscape) and (max-height:500px){.container main{padding-top:.25rem!important;padding-bottom:.25rem!important}.dictation-body{gap:.75rem!important}.dictation-play-btn{width:80px!important;height:80px!important}.dictation-play-btn svg{width:32px!important;height:32px!important}.dictation-play-btn span{font-size:.75rem!important}.dictation-side-col{gap:.5rem!important}.dictation-side-col .btn{padding:10px!important;font-size:1rem!important}}.dictation-side-col{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.dictation-progress-bar{margin-bottom:1.5rem}.dictation-listen-hint{color:var(--text-light);font-size:1.1rem;text-align:center;margin:0}.dictation-action-bar{display:flex;gap:10px;width:100%}.flashcard-action-bar{margin-top:1rem;display:flex;gap:10px;flex-shrink:0}@media (orientation:landscape) and (max-height:768px){.dictation-progress-bar{margin-bottom:.5rem!important}.dictation-body{flex-direction:row;gap:2rem;align-items:center;justify-content:center}.dictation-play-btn{width:110px!important;height:110px!important}.dictation-play-btn svg{width:44px!important;height:44px!important}.dictation-side-col{align-items:flex-start;flex:1 1;max-width:320px}.dictation-listen-hint{font-size:1rem;text-align:left}.flashcard-action-bar{margin-top:.5rem}}.flashcard-card{flex:1 1;min-height:0;text-align:center;padding:2rem;overflow:hidden}.flashcard-card,.flashcard-word-col{display:flex;flex-direction:column;align-items:center}.flashcard-word-col{flex-shrink:0}.flashcard-details-col{flex:1 1;min-height:0;width:100%;text-align:left;background:rgba(255,255,255,.05);padding:1.5rem;border-radius:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (orientation:landscape) and (max-height:768px){.flashcard-card{flex-direction:row!important;align-items:stretch!important;justify-content:flex-start!important;gap:1.5rem;padding:1rem!important;overflow:hidden}.flashcard-word-col{width:180px;justify-content:center;border-right:1px solid rgba(128,128,128,.15);padding-right:1.5rem;flex-shrink:0}.flashcard-details-col{flex:1 1;margin-top:0!important;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:100%}.flashcard-word-heading{font-size:2rem!important}.flashcard-audio-btns{margin-bottom:0!important}}@media (orientation:landscape) and (max-height:500px){.flashcard-card{padding:.5rem!important;gap:.75rem!important}.flashcard-word-col{width:130px;padding-right:.75rem!important}.flashcard-word-heading{font-size:1.5rem!important}.flashcard-audio-btns .btn{width:48px!important;height:48px!important}.flashcard-details-col{padding:.75rem!important}.flashcard-action-bar .btn{padding:10px!important;font-size:1rem!important}}@media (orientation:landscape) and (max-height:768px){.auth-mascot{display:none!important}.auth-app-title{font-size:1.8rem!important;margin-bottom:.25rem!important}.auth-tagline{margin-bottom:1rem!important;font-size:.95rem!important}.auth-card{padding:1rem!important}}