.auth-page{min-height:100vh;background:linear-gradient(180deg,#fff7b2,#fff 60%);background-attachment:fixed;background-position:top center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.back-to-home{position:absolute;top:2rem;left:2rem;color:#1d1d1f;text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem 1rem;border:2px solid rgba(0,0,0,.15);border-radius:980px;transition:all .3s;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-to-home:hover{background:#fff;border-color:#1d1d1f;transform:translate(-2px)}@media(max-width:768px){.auth-page{background-attachment:scroll}}.auth-container{width:100%;max-width:460px}.auth-card{background:#fff;border-radius:18px;padding:3rem 2.5rem;box-shadow:0 4px 24px #00000014;border:1px solid rgba(0,0,0,.06)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;font-weight:600;color:#1d1d1f;margin-bottom:.5rem;letter-spacing:-.01em}.auth-header p{font-size:1rem;color:#6e6e73;font-weight:400}.auth-error{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:12px;padding:1rem;margin-bottom:1.5rem;color:#d62828;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:#1d1d1f;letter-spacing:.01em}.form-group input,.form-group select{padding:.875rem 1rem;border:1px solid rgba(0,0,0,.15);border-radius:12px;font-size:1rem;font-family:inherit;transition:all .2s;background:#fff;color:#1d1d1f}.form-group input:focus,.form-group select:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 3px #0071e31a}.form-group input::placeholder{color:#86868b}.auth-button{background:#0071e3;color:#fff;border:none;border-radius:980px;padding:1rem 2rem;font-size:1.05rem;font-weight:500;cursor:pointer;transition:all .3s;margin-top:.5rem;letter-spacing:.01em}.auth-button:hover:not(:disabled){background:#0077ed;transform:scale(1.02)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.08)}.auth-footer p{font-size:.95rem;color:#6e6e73}.auth-link{background:none;border:none;color:#0071e3;font-weight:500;cursor:pointer;text-decoration:none;padding:0;font-size:inherit;transition:opacity .2s}.auth-link:hover{opacity:.8;text-decoration:underline}@media(max-width:640px){.auth-card{padding:2rem 1.5rem}.auth-header h1{font-size:1.75rem}.auth-page{padding:1rem}}.dashboard{min-height:100vh;background:linear-gradient(180deg,#fff7b2,#fff 60%);background-attachment:fixed;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1d1d1f}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff7b2,#fff 60%);color:#1d1d1f}.spinner{width:48px;height:48px;border:4px solid rgba(245,196,0,.2);border-top-color:#f5c400;border-radius:50%;animation:spin 1s linear infinite}.dashboard-header{background-color:transparent;border-bottom:1px solid transparent;position:sticky;top:0;z-index:100;transition:background-color .24s ease,border-color .24s ease,backdrop-filter .24s ease}.dashboard-header.scrolled{background-color:#fff7b2f2;border-bottom:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.header-content{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{font-size:1.5rem;font-weight:600;color:#1d1d1f;letter-spacing:-.01em}.header-actions{display:flex;align-items:center;gap:1.5rem}.user-greeting{font-size:.95rem;color:#6e6e73;font-weight:400}.logout-button{background:transparent;color:#1d1d1f;border:2px solid #1d1d1f;padding:.5rem 1.25rem;border-radius:980px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s}.logout-button:hover{background:#1d1d1f;color:#fff;transform:scale(1.02)}.dashboard-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:3rem 2rem}.parent-view{display:flex;flex-direction:column;gap:2.5rem}.welcome-section{text-align:center}.welcome-section h2{font-size:2.5rem;font-weight:600;color:#1d1d1f;margin-bottom:.5rem;letter-spacing:-.015em}.welcome-section p{font-size:1.25rem;color:#6e6e73;font-weight:400}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-card{background:#fff;border-radius:18px;padding:2rem;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 12px #0000000a;cursor:pointer;transition:all .3s;position:relative}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.action-card.primary-card{background:linear-gradient(135deg,#f5c400,#ffd869);color:#1d1d1f;border:none}.action-card.primary-card h3,.action-card.primary-card p{color:#1d1d1f}.card-icon{font-size:3rem;margin-bottom:1rem}.action-card h3{font-size:1.375rem;font-weight:600;color:#1d1d1f;margin-bottom:.5rem;letter-spacing:-.01em}.action-card p{font-size:.95rem;color:#6e6e73;line-height:1.5}.child-mode-section{margin-top:1rem}.child-mode-card{background:#fff;border-radius:18px;padding:2rem;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 12px #0000000a;display:flex;justify-content:space-between;align-items:center;gap:2rem}.child-mode-info h3{font-size:1.25rem;font-weight:600;color:#1d1d1f;margin-bottom:.5rem}.child-mode-info p{font-size:.95rem;color:#6e6e73;line-height:1.6}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#f5c400}input:checked+.slider:before{transform:translate(26px)}.child-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:2.5rem;padding:2rem}.child-title{font-size:3rem;font-weight:700;color:#1d1d1f;letter-spacing:-.02em}.child-practice-button{background:linear-gradient(135deg,#f5c400,#ffd869);color:#1d1d1f;border:none;border-radius:24px;padding:2.5rem 3.5rem;font-size:1.75rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 10px 30px #f5c40040;display:flex;align-items:center;gap:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.child-practice-button:hover{transform:scale(1.08);box-shadow:0 15px 40px #f5c40059}.child-practice-button:active{transform:scale(.95)}.button-emoji{font-size:3rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.child-back-button{background:transparent;color:#1d1d1f;border:2px solid rgba(0,0,0,.15);padding:1rem 2rem;border-radius:980px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.child-back-button:hover{background:#f5c40026;border-color:#f5c400;color:#1d1d1f;transform:scale(1.05)}.dashboard-footer{background:transparent;border-top:none;padding:1.5rem 2rem;text-align:center}.dashboard-footer p{font-size:.875rem;color:#6e6e73}@media(max-width:768px){.dashboard{background-attachment:scroll}.header-content{padding:1rem 1.5rem}.dashboard-header h1{font-size:1.25rem}.user-greeting{display:none}.dashboard-main{padding:2rem 1.5rem}.welcome-section h2{font-size:2rem}.welcome-section p{font-size:1.125rem}.quick-actions{grid-template-columns:1fr}.child-mode-card{flex-direction:column;align-items:flex-start}.child-title{font-size:2.5rem}.child-practice-button{padding:2rem 2.5rem;font-size:1.5rem}.button-emoji{font-size:2.5rem}.child-back-button{padding:.75rem 1.5rem;font-size:1rem}}.header-content{display:flex;align-items:center;gap:1rem}.hamburger-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.hamburger-button:hover{background-color:#0000000d}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f5c40066;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#f5c40099}.app.practice-app{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#fff7b2,#fff 60%);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1d1d1f}@media(max-width:768px){.app.practice-app{background-attachment:scroll}}.app.practice-app .header{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-bottom:1px solid transparent;padding:1.5rem 2rem;position:sticky;top:0;z-index:30;display:flex;flex-direction:column;gap:.5rem;color:#1d1d1f;align-items:center;text-align:center;transition:background-color .24s ease,border-color .24s ease,backdrop-filter .24s ease}.app.practice-app .header.scrolled{background-color:#fff7b2f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgb(0,0,0,.08)}.app.practice-app .header h1{font-size:1.75rem;font-weight:600;color:#1d1d1f;margin:0;letter-spacing:-.01em}.app.practice-app .header p{font-size:1.1rem;color:#1d1d1f;margin:0;font-weight:600;letter-spacing:.02em}@keyframes gradient-shift{0%{background-position:200% 0}50%{background-position:-200% 0}to{background-position:200% 0}}.app.practice-app .main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:3rem 2rem;display:grid;grid-template-columns:1fr;gap:2rem;background:transparent}.app.practice-app .progress-tracker{margin-bottom:2rem;background:#fff;border-radius:18px;padding:1.5rem;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 18px #0000000a}.app.practice-app .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600;color:#1d1d1f;font-size:1rem}.app.practice-app .progress-bar{height:10px;background:#00000014;border-radius:6px;overflow:hidden}.app.practice-app .progress-fill{height:100%;background:linear-gradient(90deg,#f5c400,#ffd869);transition:width .5s ease}.app.practice-app section{background:#fff;border:1px solid rgba(0,0,0,.08);color:#1d1d1f}.app.practice-app section h2{color:#1d1d1f;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;letter-spacing:-.01em}.app.practice-app .vowel-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.app.practice-app .vowel-button{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;border:2px solid rgba(0,0,0,.12);border-radius:18px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:1rem}.app.practice-app .vowel-button:hover{border-color:#f5c400;background:#f5c40014;transform:scale(1.02);box-shadow:0 4px 12px #f5c40026}.app.practice-app .vowel-button.selected{border-color:#f5c400;background:#f5c4001a;box-shadow:0 4px 12px #f5c40033}.app.practice-app .vowel-button.completed{background:#34c75914;border-color:#34c759}.app.practice-app .status-icon{font-size:1.2rem;margin-bottom:.5rem;color:#f5c400}.app.practice-app .vowel-emoji{font-size:0;margin-bottom:1rem}.app.practice-app .vowel-emoji img{width:5rem;height:5rem;object-fit:contain}.app.practice-app .vowel-letter{display:none}.app.practice-app .vowel-sound{font-size:1rem;font-weight:600;color:#1d1d1f}.vowel-display{background:linear-gradient(135deg,#f5c400,#ffd869);color:#1d1d1f;padding:.5rem 1rem;border-radius:12px;font-size:1.75rem;font-weight:700;display:inline-block}.app.practice-app .practice-section{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:3rem;color:#1d1d1f}.app.practice-app .vowel-info{margin-bottom:3rem;display:grid;grid-template-columns:1fr;gap:1.5rem}.app.practice-app .vowel-info h2{color:#1d1d1f;font-size:1.75rem;margin:0;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:1rem}.app.practice-app .instruction{color:#1d1d1f;font-size:1.1rem;line-height:1.8;margin:0;font-weight:500;background:#f5c4000d;padding:1.25rem;border-radius:12px;border-left:4px solid #f5c400}.app.practice-app .examples{background:linear-gradient(135deg,#f5c40014,#ffd8690d);border:2px solid #f5c400;border-left:5px solid #f5c400;padding:1.5rem;border-radius:14px;color:#1d1d1f;font-size:1rem;margin:0;box-shadow:0 2px 8px #f5c4001a}.app.practice-app .examples strong{color:#1d1d1f;font-weight:700;font-size:1.05rem;display:block;margin-bottom:.75rem}.info-panel{position:fixed;right:2rem;top:8rem;width:300px;max-height:calc(100vh - 10rem);overflow-y:auto}.app.practice-app .audio-recorder{max-width:800px;margin:2rem auto 0}.app.practice-app .method-section h3{color:#1d1d1f;font-weight:600;font-size:1.2rem;margin-bottom:1rem}.app.practice-app .prompt{color:#1d1d1f;font-size:1rem;margin-bottom:1rem;font-weight:500}.app.practice-app .prompt strong{color:#f5c400;font-weight:700}.app.practice-app .divider{color:#1d1d1f;font-weight:600;font-size:1.1rem}.app.practice-app .file-input{color:#1d1d1f;background:#f5c4000d;border:2px dashed rgba(245,196,0,.3);padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease}.app.practice-app .file-input:hover{background:#f5c4001a;border-color:#f5c400}.app.practice-app .recording-indicator{color:#1d1d1f;font-weight:600;margin-top:1rem}.app.practice-app .info-content{background:#fff;border-radius:18px;padding:2rem;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px #0000001a}.app.practice-app .info-content h3{color:#1d1d1f;font-size:1.25rem;font-weight:600;margin:0 0 1rem;letter-spacing:-.01em}.app.practice-app .info-content h4{color:#1d1d1f;font-size:1rem;font-weight:600;margin:1.5rem 0 .75rem;letter-spacing:.01em;text-transform:uppercase;font-size:.85rem}.app.practice-app .info-content p{color:#1d1d1f;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.app.practice-app .vowel-list,.app.practice-app .tech-list{list-style:none;padding:0;margin:0;color:#1d1d1f;font-size:.9rem}.app.practice-app .vowel-list li,.app.practice-app .tech-list li{padding:.6rem 0 .6rem 1.8rem;position:relative;color:#1d1d1f;line-height:1.5}.app.practice-app .vowel-list li:before,.app.practice-app .tech-list li:before{content:"✓";position:absolute;left:0;color:#f5c400;font-weight:700;font-size:1rem}.app.practice-app .reset-button{width:100%;background:#f5c400;border:2px solid #f5c400;color:#1d1d1f;padding:.875rem 1.5rem;border-radius:999px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;margin-top:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app.practice-app .reset-button:hover{background:#e6b000;border-color:#e6b000;transform:translateY(-2px);box-shadow:0 4px 12px #f5c4004d}.app.practice-app .footer{background:transparent;border-top:none;padding:2rem;text-align:center;color:#6e6e73}.app.practice-app .footer p{margin:.5rem 0;font-size:.875rem}@media(max-width:1200px){.info-panel{position:static;width:100%;max-height:none;margin-top:2rem}.header{padding:1rem 1.5rem 1rem 6rem}}@media(max-width:768px){.main-content{padding:2rem 1rem}.header{padding:1rem 1rem 1rem 5rem;gap:.25rem}.header h1{font-size:1.5rem}.header p{font-size:.85rem}.vowel-selection,.app.practice-app .practice-section{padding:1.5rem;border-radius:14px}.vowel-selection h2,.app.practice-app .practice-section h2{font-size:1.25rem;margin-bottom:1rem}.app.practice-app .vowel-info h2{font-size:1.4rem}.app.practice-app .instruction{font-size:1rem;padding:1rem}.app.practice-app .examples{padding:1.25rem}.vowel-display{font-size:1.5rem;padding:.4rem .8rem}.info-panel{margin-top:1.5rem}.info-content{padding:1.5rem}.info-content h3{font-size:1.1rem}.info-content h4{font-size:.95rem;margin:1rem 0 .5rem}.vowel-list li,.tech-list li{padding:.4rem 0 .4rem 1.2rem;font-size:.85rem}}@media(max-width:480px){.main-content{padding:1rem .75rem}.header{padding:.75rem .75rem .75rem 4.5rem}.header h1{font-size:1.25rem}.vowel-selection,.practice-section{padding:1.25rem}}.lesson-intro{display:grid;grid-template-columns:1fr;gap:2rem;border-radius:18px;padding:2rem}.intro-hero{background:#fff;border:4px solid #f5c400;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 6px 18px #f5c40026}.intro-hero h2{font-size:2rem;margin:.5rem 0 .25rem;color:#1d1d1f}.intro-hero .time{color:#6e6e73;margin:.25rem 0 1rem}.start-button{background:#f5c400;border:2px solid #f5c400;color:#1d1d1f;padding:.875rem 1.5rem;border-radius:999px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s ease}.start-button:hover{background:#e6b000;border-color:#e6b000}.intro-content{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:1.5rem 1.75rem}.intro-content h3{margin:0 0 .75rem;font-size:1.4rem;font-weight:700;color:#1d1d1f}.intro-content h4{margin:1rem 0 .5rem;font-size:1.05rem;font-weight:700}.intro-content p,.intro-content ul{margin:0 0 .75rem;color:#333;line-height:1.7;font-size:.98rem}.intro-content ul{padding-left:1.2rem}.intro-highlight{background:#fff7b2;border:1px solid #1d1d1f;border-radius:12px;padding:.9rem 1rem}.cvc-title{font-size:1.2rem;color:#1d1d1f;margin:0;display:flex;align-items:center;justify-content:center;gap:1rem;font-weight:600;flex-wrap:wrap;line-height:1.4}.expand-icon{width:1.5rem;height:1.5rem;flex-shrink:0;transition:transform .3s ease;display:inline-flex;align-items:center;justify-content:center;color:#1d1d1f;line-height:1;padding:0}.app.menu-mode{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#fff7b2,#fff 60%);background-attachment:fixed}.app.menu-mode .main-content{display:flex;justify-content:center;align-items:flex-start;flex:1;padding:2rem;background:transparent}.menu-wrapper{max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center}.cvc-info-box{width:100%;max-width:900px;background:#fff;border:2px solid #1d1d1f;border-radius:16px;padding:1.25rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .3s ease}.cvc-info-box.expanded{padding:2rem;max-width:100%}.lesson-cards-container{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;width:100%}.practice-card{background:#fff;border:4px solid #f5c400;border-radius:20px;padding:2.5rem;width:350px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;box-shadow:0 2px 8px #00000014}.practice-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px #f5c40033;border-color:#e6b000}.practice-card .lesson-badge{border:4px solid #f5c400;border-radius:20px 20px 0 0;background-color:#f5c400;position:absolute;font-size:1rem;font-weight:700;letter-spacing:.5px;text-align:center;box-shadow:0 2px 8px #f5c40040}.practice-card.locked{background:#f9f9f9;border:4px solid #ddd;cursor:not-allowed;opacity:.7}.practice-card.locked:hover{transform:none;box-shadow:0 2px 8px #00000014;border-color:#ddd}.practice-card.locked .lesson-badge{border:4px solid #ddd;border-radius:20px 20px 0 0;background-color:#ddd;position:absolute;font-size:1rem;font-weight:700;letter-spacing:.5px;text-align:center;box-shadow:0 2px 8px #f5c40040}.practice-card h2{font-size:1.8rem;margin-bottom:1rem;margin-top:1rem;color:#1d1d1f;font-weight:700}.practice-card p{margin:0;line-height:1.6;font-size:1rem}.practice-card p:first-of-type{color:#333}.practice-card p:last-of-type{color:#999;font-size:.9rem;margin-top:1rem;font-weight:500}.practice-card.locked p:first-of-type{color:#999}.practice-card.locked p:last-of-type{color:#aaa}.lesson-badge{position:absolute;top:-4px;left:-4px;right:-4px;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-align:center;padding:.5rem 1rem;box-shadow:0 2px 8px #f5c40040}.app.practice-app .header{position:relative}.app.practice-app .header .back-button{position:absolute;left:2rem;top:1.5rem}.profile-settings{min-height:100vh;background:linear-gradient(180deg,#fff7b2,#fff 60%);background-attachment:fixed;background-position:top center;background-repeat:no-repeat;background-size:cover;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media(max-width:768px){.profile-settings{background-attachment:scroll}}.settings-container{max-width:1200px;margin:0 auto;padding:2rem}.settings-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:2rem;padding:1.5rem 2rem;margin:-2rem -2rem 2rem;background-color:transparent;position:sticky;top:0;z-index:50;transition:background-color .24s ease,border-color .24s ease,backdrop-filter .24s ease}.settings-header.scrolled{background-color:#fff7b2f2;border-bottom:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:0}.settings-header h1{flex:1 1 200px;text-align:center;color:#1d1d1f;font-size:2rem;margin:0;font-weight:600;letter-spacing:-.01em}.back-button{background:#f5c40026;border:2px solid #f5c400;color:#1d1d1f;padding:.75rem 1.75rem;border-radius:980px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;gap:.5rem}.back-button:hover{background:#f5c400;color:#1d1d1f;transform:translate(-4px);box-shadow:0 4px 12px #f5c40040}.back-button:active{transform:scale(.95)}.settings-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.settings-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;position:relative}.settings-section-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.profile-info{display:flex;align-items:center;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:2rem}.avatar-placeholder{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#f5c400,#ffd869);display:flex;align-items:center;justify-content:center;border:3px solid rgba(245,196,0,.2);flex-shrink:0}.avatar-icon{font-size:3.5rem}.profile-details h2{margin:0 0 .5rem;font-size:1.5rem;color:#1d1d1f;font-weight:600}.role-badge{display:inline-block;background:#f5c40026;color:#8b6600;padding:.5rem 1rem;border-radius:999px;font-size:.875rem;font-weight:600;margin-bottom:1rem;margin-right:1rem;text-transform:capitalize}.edit-profile-btn{background:transparent;border:2px solid rgba(245,196,0,.3);color:#1d1d1f;padding:.75rem 1.25rem;border-radius:999px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.edit-profile-btn:hover{background:#f5c40026;border-color:#f5c400;color:#1d1d1f}.settings-form h3{color:#1d1d1f;font-size:.875rem;font-weight:600;margin:2rem 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.settings-form h3:first-child{margin-top:0}.form-group{margin-bottom:1.5rem}.form-group input{width:100%;padding:1rem;border:2px solid rgba(0,0,0,.08);border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.form-group input::placeholder{color:#6e6e73}.form-group input:focus{outline:none;border-color:#f5c400;box-shadow:0 0 0 3px #f5c4001a;background:#fff}.form-group input:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f7}.error-message{background:#fee;color:#c53030;padding:1rem;border-radius:12px;border-left:4px solid #c53030;margin-bottom:1rem;font-size:.875rem;font-weight:500}.success-message{background:#c6f6d5;padding:1rem;border-radius:12px;margin-bottom:1rem;font-size:.875rem;font-weight:500}.save-button{width:100%;background:linear-gradient(135deg,#f5c400,#ffd869);color:#1d1d1f;padding:1.25rem;border:none;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 6px 18px #f5c40033}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #f5c4004d}.save-button:active:not(:disabled){transform:translateY(0)}.save-button:disabled{opacity:.6;cursor:not-allowed}.settings-sidebar{display:flex;flex-direction:column;gap:1.5rem}.settings-card{background:#fff;border-radius:18px;padding:1.75rem;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 18px #0000000a}.settings-card h3{color:#1d1d1f;font-size:1rem;font-weight:600;margin:0 0 .75rem}.settings-card p{color:#6e6e73;font-size:.875rem;margin:0;line-height:1.5}.delete-account-btn{background:#fff;border:2px solid rgba(255,59,48,.2);color:#ff3b30;padding:1.25rem;border-radius:999px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.delete-account-btn:hover{background:#ff3b3014;border-color:#ff3b30;transform:translateY(-2px)}.help-section{background:#fff;border-radius:18px;padding:1.75rem;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 18px #0000000a}.help-section h3{color:#1d1d1f;font-size:1rem;font-weight:600;margin:0 0 1rem}.help-section ul{list-style:none;padding:0;margin:0}.help-section li{padding:.75rem 0;color:#6e6e73;cursor:pointer;transition:all .3s ease;border-bottom:1px solid rgba(0,0,0,.04);font-weight:500}.help-section li:last-child{border-bottom:none}.help-section li:hover{color:#1d1d1f;font-weight:500;color:#667eea}.modal-overlay{position:fixed!important;inset:0!important;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;position:relative;margin:auto}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:2rem 2rem 1rem;border-bottom:2px solid #f0f0f0}.modal-header h2{margin:0;color:#e53e3e;font-size:1.5rem}.modal-body{padding:2rem}.modal-warning{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.modal-instruction{color:#2d3748;font-weight:600;margin-bottom:.75rem}.modal-instruction strong{color:#e53e3e}.modal-input{width:100%;padding:.875rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease}.modal-input:focus{outline:none;border-color:#e53e3e}.modal-footer{padding:1rem 2rem 2rem;display:flex;gap:1rem;justify-content:flex-end}.modal-btn{padding:.75rem 1.5rem;border-radius:980px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid}.cancel-btn{background:#fff;color:#1d1d1f;border-color:#1d1d1f}.cancel-btn:hover{background:#1d1d1f;color:#fff}.delete-btn{background:#e53e3e;color:#fff;border-color:#e53e3e}.delete-btn:hover:not(:disabled){background:#c53030;border-color:#c53030;transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e66}.delete-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.settings-container{padding:1rem}.settings-header{margin:-1rem -1rem 1.5rem;padding:1rem;flex-wrap:wrap;gap:1rem}.settings-header h1{font-size:1.5rem;flex:1}.settings-content{grid-template-columns:1fr}.profile-info{flex-direction:column;text-align:center}.avatar-placeholder{width:80px;height:80px}.avatar-icon{font-size:2.5rem}.profile-details h2{font-size:1.25rem}.edit-profile-btn{width:100%}.save-button{padding:1rem;font-size:.95rem}.modal-content{width:95%;margin:1rem}.modal-footer{flex-direction:column-reverse}.modal-btn{width:100%}}.landing{min-height:100vh;background:linear-gradient(180deg,#fff7b2,#fff 60%);background-attachment:fixed;background-position:top center;background-repeat:no-repeat;background-size:cover;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media(max-width:768px){.landing{background-attachment:scroll}}.hero{max-width:1200px;margin:0 auto 8rem;padding:6rem 2rem 8rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;min-height:85vh;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.08)}.hero-content{position:relative;z-index:10}.hero-title{font-size:4rem;color:#1d1d1f;margin-bottom:1.5rem;line-height:1.1;font-weight:600;letter-spacing:-.015em}.hero-accent{background:linear-gradient(90deg,#1d1d1f,#86868b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.hero-subtitle{font-size:1.5rem;color:#6e6e73;margin-bottom:2.5rem;line-height:1.5;font-weight:400;letter-spacing:.01em}.hero-buttons{display:flex;gap:1.25rem;margin-bottom:4rem}.btn-primary{background-color:#f5c400;color:#1d1d1f;border:none;padding:.75rem 1.75rem;border-radius:980px;font-size:1.05rem;font-weight:400;cursor:pointer;transition:all .3s;letter-spacing:.01em}.btn-primary:hover{background-color:#e6b000;transform:scale(1.02)}.btn-primary:active{background-color:#d0a400;transform:scale(.98)}.btn-primary:disabled{background-color:#f5c400;opacity:.7;cursor:not-allowed}.btn-large{font-size:1.125rem;padding:.875rem 2rem}.btn-secondary{background-color:transparent;color:#c98f00;border:2px solid #c98f00;padding:.75rem 1.75rem;border-radius:980px;font-size:1.05rem;font-weight:400;cursor:pointer;transition:all .3s;letter-spacing:.01em}.btn-secondary:hover{background-color:#c98f00;color:#1d1d1f}.hero-stats{display:flex;gap:4rem}.stat{text-align:left}.stat-number{font-size:3rem;font-weight:600;color:#1d1d1f;letter-spacing:-.02em}.stat-label{color:#6e6e73;font-size:.875rem;margin-top:.25rem;font-weight:400}.vowel-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.vowel-card{background:#fff;padding:1rem;border-radius:18px;text-align:center;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 18px #1018280a}.vowel-card:nth-child(3){grid-column:2}.vowel-img{width:6rem;height:6rem;object-fit:contain;display:block;margin:0 auto .5rem}.vowel-letter{font-size:2.25rem;font-weight:600;color:#1d1d1f;display:block;letter-spacing:-.02em}.vowel-sound{font-size:1.125rem;color:#6e6e73;font-weight:400}@media(max-width:768px){.vowel-img{width:3.25rem;height:3.25rem}}.features{max-width:1200px;margin:0 auto 4rem;padding:5rem 2rem;display:block;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.08)}.section-title{text-align:center;font-size:3rem;color:#1d1d1f;margin-bottom:1rem;font-weight:600;letter-spacing:-.015em}.features-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:4rem}.feature-card{background:#fff;padding:2.5rem 2rem;border-radius:18px;text-align:center;border:1px solid rgba(0,0,0,.08)}.feature-icon{font-size:3rem;margin-bottom:1.25rem;color:#f5c400}.feature-card h3{font-size:1.5rem;margin-bottom:.75rem;color:#1d1d1f;font-weight:600;letter-spacing:-.01em}.feature-card p{line-height:1.6;color:#6e6e73;font-weight:400}.how-it-works{max-width:1200px;margin:0 auto 4rem;padding:6rem 2rem;background:#fff;color:#1d1d1f;border-radius:20px;border:1px solid rgba(0,0,0,.08)}.how-it-works .section-title{color:#1d1d1f}.steps{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;gap:3rem;justify-content:center;margin-top:4rem}.step{background:transparent;padding:2rem 1.5rem;border-radius:18px;text-align:center;flex:1;max-width:260px}.step-number{width:56px;height:56px;background:#1d1d1f0f;color:#1d1d1f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:500;margin:0 auto 1.5rem;border:1px solid rgba(29,29,31,.08)}.step h3{font-size:1.375rem;margin-bottom:.75rem;font-weight:600;letter-spacing:-.01em}.step p{color:#6e6e73;line-height:1.5;font-weight:400}.step-arrow{font-size:1.5rem;color:#86868b;align-self:center;margin-top:2rem;width:32px}.about{max-width:1200px;margin:0 auto 4rem;padding:4rem 2rem;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.08)}.about-content{max-width:900px;margin:0 auto;text-align:center}.about-text{font-size:1.375rem;line-height:1.6;color:#1d1d1f;margin-bottom:1.5rem;font-weight:400;letter-spacing:.01em}.about-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem;max-width:700px;margin-left:auto;margin-right:auto}.about-feature{font-size:1.125rem;color:#1d1d1f;display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:400}.check{color:#f5c400;font-size:1.25rem;font-weight:600}.cta-section{max-width:1200px;margin:0 auto 4rem;padding:6rem 2rem;text-align:center;color:#1d1d1f;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.08)}.cta-section h2{font-size:3rem;margin-bottom:1rem;font-weight:600;color:#1d1d1f;letter-spacing:-.015em}.cta-section p{font-size:1.375rem;margin-bottom:2.5rem;color:#86868b;font-weight:400}.landing-footer{background:#fff;color:#6e6e73;padding:2.5rem 2rem;border-top:1px solid rgba(29,29,31,.06);border-radius:0}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-brand{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#1d1d1f}.footer-links{display:flex;gap:2.5rem;justify-content:center;margin-bottom:1.5rem}.footer-links a{color:#6e6e73;text-decoration:none;transition:color .3s;font-size:.875rem}.footer-links a:hover{color:#1d1d1f}.footer-copy{color:#86868b;font-size:.875rem}.back-button{background:transparent;color:#0071e3;border:2px solid #0071e3;padding:.5rem 1.25rem;border-radius:980px;cursor:pointer;font-size:.875rem;transition:all .3s;font-weight:400}.back-button:hover{background:#0071e3;color:#fff}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;border-radius:100%;background:#f5c400;color:#1d1d1f;border:none;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:50;box-shadow:0 6px 18px #1018280f}.scroll-to-top:hover{background:#e6b000;transform:scale(1.06);box-shadow:0 10px 28px #10182814}.scroll-to-top:active{transform:scale(.96);background:#d0a400;box-shadow:0 6px 14px #1018280f}@media(max-width:1024px){.scroll-to-top{width:3.25rem;height:3.25rem;bottom:1.75rem;right:1.75rem;font-size:1.375rem}}@media(max-width:768px){.hero{grid-template-columns:1fr;text-align:center;padding:4rem 1.5rem 6rem;gap:3rem}.hero-title{font-size:2.75rem}.hero-subtitle{font-size:1.25rem}.hero-buttons{flex-direction:column}.hero-stats{justify-content:center;gap:2.5rem}.vowel-showcase{grid-template-columns:repeat(2,1fr)}.vowel-card:nth-child(3){grid-column:auto}.steps{flex-direction:column;gap:2rem;align-items:center}.step-arrow{transform:rotate(90deg);margin:0}.section-title{font-size:2.25rem}.features-grid,.about-features{grid-template-columns:1fr}.features,.how-it-works,.about,.cta-section{padding:3rem 1rem;margin-bottom:2rem}.scroll-to-top{width:3rem;height:3rem;bottom:1.5rem;right:1.5rem;font-size:1.25rem}}.navbar{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid transparent;position:sticky;top:0;z-index:100;transition:background-color .24s ease,border-color .24s ease,backdrop-filter .24s ease}.navbar.scrolled{background-color:#fff7b2f2;border-bottom:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navbar .nav-container{max-width:1200px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar .logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#1d1d1f;letter-spacing:-.01em}.navbar .logo-icon{font-size:1.75rem}.navbar .nav-links{display:flex;gap:2.5rem;align-items:center}.navbar .nav-links a{color:#1d1d1f;text-decoration:none;font-weight:400;font-size:.875rem;transition:opacity .3s;letter-spacing:.01em}.navbar .nav-links a:hover{opacity:.6}.navbar .nav-links .nav-signin{padding:.5rem 1.25rem;border:2px solid #1d1d1f;border-radius:980px;background-color:transparent;transition:all .3s ease}.navbar .nav-links .nav-signin:hover{background-color:#1d1d1f;color:#fff;opacity:1}.navbar .nav-links .nav-cta{background-color:#f5c400;border:none;padding:.5rem 1.25rem;border-radius:980px;transition:all .3s}.navbar .nav-links .nav-cta:hover{background-color:#e6b000;opacity:1}.navbar .burger-button{display:none}@media(max-width:768px){.navbar .burger-button{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#1d1d1f}.navbar .nav-links{gap:1.5rem;display:none}.navbar .nav-links.open{display:flex;position:absolute;top:79px;right:0;background-color:#fff7b2;flex-direction:column;width:180px;box-shadow:0 4px 12px #0000001a;padding:1rem;border-radius:8px}}.assessment-wrapper{min-height:100vh;background:linear-gradient(180deg,#fff7b2,#fff 60%);background-attachment:fixed;display:flex;flex-direction:column}.assessment-header{background:transparent;border-bottom:none;position:sticky;top:0;z-index:30;transition:background .24s ease,border-color .24s ease,backdrop-filter .24s ease;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.assessment-header.scrolled{background:#fff7b2f2;border-bottom:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.assessment-header h1{margin:0;font-size:1.5rem;color:#1d1d1f;font-weight:600;letter-spacing:-.01em;padding:1.5rem 0;text-align:center;flex:1}.back-button{font-size:.95rem;font-weight:600;color:#1d1d1f;text-decoration:none;padding:.5rem .9rem;border-radius:999px;border:2px solid rgba(0,0,0,.15);background:#ffffffb3;transition:all .2s ease;white-space:nowrap}.assessment-main{flex:1;padding:2rem 1.5rem;display:flex;justify-content:center;align-items:flex-start}.assessment-container{width:100%;max-width:600px;background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px #00000026}.assessment-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(180deg,#fff7b2,#fff 60%);font-size:1.5rem;color:#333;font-weight:600}.progress-section{margin-bottom:2.5rem}.progress-bar{width:100%;height:12px;background:linear-gradient(180deg,#0000001a,#0000000d);border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#f5c400,#ffc400);border-radius:20px;transition:width .4s ease;box-shadow:0 0 10px #f5c40099}.progress-text{text-align:center;margin:0;font-size:.9rem;color:#666;font-weight:500}.question-section{margin-bottom:2.5rem}.word-display{text-align:center;margin-bottom:2.5rem}.instruction{margin:0 0 1.5rem;font-size:1.1rem;color:#333;font-weight:500}.sentence-text{margin:1.5rem 0;font-size:1.2rem;color:#333;font-weight:500;line-height:1.6;background:#f9f9f9;padding:1.5rem;border-radius:12px;border-left:4px solid #f5c400}.play-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#f5c400,#ffc400);color:#333;border:none;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f5c40066}.play-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5c40099}.play-button:active{transform:translateY(0)}.play-button:disabled{opacity:.7;cursor:not-allowed}.reading-word-container{display:flex;align-items:center;gap:1.5rem;margin:2rem auto;justify-content:center;width:50%}.reading-word-item{position:relative;display:flex;align-items:center;justify-content:center;padding:.8rem 1.5rem;background:#f0f0f0;border:2px solid #ddd;border-radius:12px;font-size:1.4rem;font-weight:600;color:#333;text-align:center;width:100%;height:auto;min-height:50px}.reading-word-item>span:first-child{text-align:center}.reading-listen-button{position:absolute;right:1.5rem;background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.reading-listen-button:hover:not(:disabled){transform:scale(1.2)}.reading-listen-button:disabled{opacity:.6;cursor:not-allowed}.spelling-grid{width:180px;height:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.5rem auto 0}.spelling-box{display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;border-radius:10px}.spelling-box.filled{background:#f0f0f0;border:2px solid #ddd;color:#333}.spelling-box.missing{border-bottom:3px solid #1d1d1f;color:#1d1d1f;transition:all .2s ease}.spelling-box.missing.active{border-bottom-color:#f5c400;color:#f5c400}.recognized-text{color:#000}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2rem}.option-button{padding:1.5rem;background:#fff;border:3px solid #e0e0e0;border-radius:15px;font-size:1.1rem;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #00000014}.option-button:hover:not(:disabled){border-color:#f5c400;background:#fffaf0;transform:translateY(-4px);box-shadow:0 8px 20px #f5c40033}.option-button.selected{background:linear-gradient(135deg,#f5c400,#ffc400);color:#333;border-color:#f5c400;box-shadow:0 8px 20px #f5c40066}.option-button:disabled{opacity:.6;cursor:not-allowed}.button-group{display:flex;gap:1rem;justify-content:space-between}.nav-button{flex:1;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.nav-button.primary{background:linear-gradient(135deg,#f5c400,#ffc400);color:#333;box-shadow:0 4px 15px #f5c40066}.nav-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f5c40099}.nav-button.secondary{background:#f0f0f0;color:#333}.nav-button.secondary:hover:not(:disabled){background:#e0e0e0;transform:translateY(-2px)}.nav-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.assessment-main{padding:1rem}.assessment-container{padding:1.5rem}.assessment-header h1{font-size:1.5rem}.options-grid{gap:.8rem}.option-button{padding:1rem;font-size:.95rem}.nav-button{padding:.8rem;font-size:.9rem}}.assessment-app .text-left{position:absolute;left:0rem;top:1.5rem;text-align:left}.assessment-results-wrapper{min-height:100vh;background:linear-gradient(180deg,#fff7b2,#fff 60%);background-attachment:fixed;display:flex;flex-direction:column}.assessment-results-header{background:transparent;border-bottom:none;position:sticky;top:0;z-index:100;transition:background .24s ease,border-color .24s ease,backdrop-filter .24s ease}.assessment-results-header.scrolled{background:#fff7b2f2;border-bottom:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.assessment-results-header h1{margin:0;font-size:1.5rem;color:#1d1d1f;font-weight:600;letter-spacing:-.01em;padding:1.5rem 2rem;text-align:center}.assessment-results-main{flex:1;padding:1.5rem 1.5rem 2rem;display:flex;justify-content:center;align-items:flex-start;width:100%}.results-container{width:100%;max-width:550px;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto}.performance-score-card{background:#fff;border:2px solid #f5c400;border-radius:20px;padding:1.2rem;box-shadow:0 4px 12px #f5c40026;display:flex;flex-direction:column;gap:.8rem;align-items:center;justify-content:center;text-align:center;animation:slideIn .3s ease;width:100%}.performance-left{flex-shrink:0;width:100%}.performance-emoji{font-size:2rem;display:block;margin:0 auto}.performance-right{width:100%}.performance-text{margin:0 0 .25rem;font-size:1.1rem;color:#1d1d1f;font-weight:700}.performance-message{margin:0 0 .6rem;font-size:.85rem;color:#666;font-weight:500}.score-highlight{display:flex;align-items:baseline;gap:.6rem;justify-content:center}.score-number{font-size:1.5rem;font-weight:700;color:#f5c400}.score-label{font-size:.85rem;color:#666;font-weight:500}.results-list{background:#fff;border:2px solid #f5c400;border-radius:20px;margin-bottom:1.5rem;box-shadow:0 4px 12px #f5c40026;overflow:hidden;width:100%}.results-toggle{width:100%;padding:1.5rem 2rem;background:linear-gradient(135deg,#fffaf0,#fff7d6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:1.1rem;font-weight:600;color:#1d1d1f;transition:all .2s ease}.results-toggle:hover{background:linear-gradient(135deg,#fff7d6,#fff4b0)}.toggle-text{flex:1;text-align:left}.toggle-icon{font-size:.9rem;color:#f5c400;transition:transform .2s ease}.results-content{padding:1.5rem 2rem;max-height:250px;overflow-y:auto;border-top:1px solid #f5c400;animation:expandDown .2s ease}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:400px}}.result-item{display:flex;align-items:center;gap:1rem;padding:.8rem;border-radius:12px;margin-bottom:.6rem;background:#fffaf0;transition:all .2s ease;border-left:4px solid #e0e0e0}.result-item:last-child{margin-bottom:0}.result-item:hover{background:#fff7d6;transform:translate(4px)}.result-item.correct{border-left-color:#34c759}.result-item.incorrect{border-left-color:#ff3b30}.result-number{font-weight:700;color:#666;min-width:35px;font-size:.9rem}.result-details{flex:1;display:flex;flex-direction:column;gap:.3rem}.result-word{font-weight:600;color:#1d1d1f;font-size:1rem;text-transform:uppercase}.result-feedback{font-size:.85rem;color:#666;font-weight:500}.result-icon{font-weight:700;font-size:1.2rem;padding:.5rem .75rem;border-radius:8px;min-width:40px;text-align:center}.result-icon.correct{color:#34c759;background:#dffce5}.result-icon.incorrect{color:#ff3b30;background:#ffe5e5}.results-buttons{display:flex;gap:1rem;flex-direction:column;width:100%}.btn-primary,.btn-secondary{padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#f5c400,#ffc400);color:#1d1d1f;box-shadow:0 4px 15px #f5c40066}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5c40099}.btn-secondary{background:#fff;color:#1d1d1f;border:2px solid #f5c400;box-shadow:0 4px 12px #00000014}.btn-secondary:hover{background:#fffaf0;transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}@media(max-width:600px){.assessment-results-main{padding:1rem}.results-container{width:100%}.performance-card,.score-section,.results-list{padding:1.5rem}.score-number{font-size:2.5rem}.score-details{gap:1rem}.results-buttons{flex-direction:column}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#f5f5f7}.app:not(.practice-app):not(.menu-mode){display:grid;grid-template-areas:"header header" "main sidebar" "footer footer";grid-template-columns:1fr 300px;grid-template-rows:auto 1fr auto;min-height:100vh;background:#000}.header{grid-area:header;background:#000c;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.1);color:#f5f5f7;padding:2rem;text-align:center;position:sticky;top:0;z-index:100}.header h1{font-size:2rem;margin-bottom:.5rem;font-weight:600;letter-spacing:-.01em}.header p{font-size:1rem;color:#86868b;font-weight:400}.tech-badge{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:#fff3;border-radius:20px;font-size:.9rem}.main-content{grid-area:main;padding:3rem;max-width:1200px;margin:0 auto;background:#000}section{background:#ffffff0d;border-radius:18px;padding:2.5rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}section h2{margin-bottom:1.5rem;color:#f5f5f7;font-weight:600;letter-spacing:-.01em;font-size:1.75rem}.progress-tracker{margin-bottom:2rem}.progress-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:400;color:#f5f5f7;font-size:.875rem}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#0071e3;transition:width .5s ease}.vowel-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.vowel-button{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff0d;cursor:pointer;transition:all .3s ease;font-size:1rem}.vowel-button:hover{border-color:#0071e3;background:#0071e31a;transform:scale(1.02)}.vowel-button.selected{border-color:#0071e3;background:#0071e326}.vowel-button.completed{background:#34c7591a;border-color:#34c759}.status-icon{font-size:1.2rem;margin-bottom:.5rem}.vowel-emoji{font-size:2.5rem;margin-bottom:.5rem}.vowel-letter{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.vowel-sound{font-size:.9rem;color:#86868b}.instruction-card{display:grid;grid-template-columns:200px 1fr;gap:2rem}.vowel-display{text-align:center}.vowel-display .emoji{font-size:6rem;display:block;margin-bottom:1rem}.instruction-text h3{margin-bottom:1rem;color:#f5f5f7;font-weight:600}.sound-text{color:#0071e3;font-size:1.3em}.info-box{background:#0071e31a;padding:1rem;border-radius:12px;margin-bottom:1rem;border-left:3px solid #0071e3;color:#f5f5f7}.hint{font-style:italic;color:#86868b;margin-bottom:.5rem;font-size:.9rem}.tip{color:#0071e3;font-size:.95rem}.audio-recorder{max-width:800px;margin:0 auto}.recording-method{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin-bottom:2rem}.method-section{text-align:center}.method-section h3{margin-bottom:1rem;color:#f5f5f7;font-weight:600}.divider{font-weight:400;color:#86868b}.prompt{margin-bottom:1rem;color:#86868b}.recorder-controls{margin-top:1rem}.btn-record,.btn-stop,.btn-check{padding:.875rem 1.75rem;font-size:1rem;border:none;border-radius:980px;cursor:pointer;transition:all .3s ease;font-weight:400}.btn-record{background:#34c759;color:#fff}.btn-record:hover:not(:disabled){background:#30b350;transform:scale(1.02)}.btn-stop{background:#ff3b30;color:#fff}.btn-stop:hover{background:#ff2d20;transform:scale(1.02)}.btn-check{background:#0071e3;color:#fff;width:100%;margin-top:1rem}.btn-check:hover:not(:disabled){background:#0077ed;transform:scale(1.02)}button:disabled{opacity:.6;cursor:not-allowed}.file-input{padding:.75rem;border:2px dashed rgba(255,255,255,.2);border-radius:12px;width:100%;cursor:pointer;background:#ffffff08;color:#f5f5f7}.recording-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;color:#ff3b30;font-weight:400}.pulse{width:12px;height:12px;background:#ff3b30;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.audio-preview{background:#0071e31a;padding:1.5rem;border-radius:12px;text-align:center;border:1px solid rgba(0,113,227,.2)}.success-message{color:#34c759;font-weight:400;margin-bottom:1rem}.audio-player{width:100%;margin-bottom:1rem}.results{border-left:3px solid rgba(255,255,255,.1)}.results.excellent{border-left-color:#34c759;background:#34c7591a}.results.good{border-left-color:#ff9f0a;background:#ff9f0a1a}.results.try-again,.results.error{border-left-color:#ff3b30;background:#ff3b301a}.feedback-message{text-align:center;margin-bottom:2rem}.emoji-large{font-size:4rem;display:block;margin-bottom:1rem}.feedback-message h3{font-size:1.75rem;margin-bottom:.5rem;color:#f5f5f7;font-weight:600;letter-spacing:-.01em}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.metric-card{background:#ffffff0d;padding:1.5rem;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.1)}.metric-value{font-size:2rem;font-weight:600;color:#0071e3;margin-bottom:.5rem;letter-spacing:-.02em}.metric-label{font-size:.85rem;color:#86868b;text-transform:uppercase;letter-spacing:.5px;font-weight:400}.expandable-section{margin-top:1rem}.expand-button{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;text-align:left;font-weight:400;transition:all .3s ease;color:#f5f5f7}.expand-button:hover{background:#ffffff14}.expanded-content{padding:1rem;background:#ffffff08;border-radius:0 0 12px 12px;border:1px solid rgba(255,255,255,.1);border-top:none}.expanded-content code{background:#ff9f0a26;padding:.2rem .5rem;border-radius:6px;font-family:SF Mono,Monaco,Cascadia Code,monospace;color:#ff9f0a}.word-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.word-card{background:#ffffff0d;padding:1.5rem;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.1)}.word-card h3{font-size:1.5rem;margin-bottom:.5rem;color:#f5f5f7;font-weight:600}.word-card p{color:#86868b;font-size:.9rem}.section-subtitle{color:#86868b;margin-bottom:1.5rem;font-size:1.125rem}.next-challenge .success-box{background:#34c7591a;padding:1.5rem;border-radius:12px;border-left:3px solid #34c759}.success-box h3{color:#34c759;margin-bottom:1rem;font-weight:600}.success-box ul{margin-left:1.5rem;margin-top:.5rem;color:#f5f5f7}.sidebar,.info-panel{grid-area:sidebar;background:#ffffff0d;padding:2rem;border-left:1px solid rgba(255,255,255,.1);overflow-y:auto;max-height:calc(100vh - 120px)}.sidebar-content h3,.info-content h3{margin-bottom:1rem;color:#f5f5f7;font-weight:600;letter-spacing:-.01em}.sidebar-content h4,.info-content h4{margin-top:1.5rem;margin-bottom:.5rem;color:#f5f5f7;font-weight:600;font-size:.95rem}.vowel-list,.tech-list{list-style:none;margin-bottom:1.5rem}.vowel-list li,.tech-list li{padding:.5rem 0;color:#86868b;font-size:.9rem}.reset-button{width:100%;padding:1rem;background:transparent;color:#0071e3;border:2px solid #0071e3;border-radius:980px;cursor:pointer;font-weight:400;margin-top:2rem;transition:all .3s ease;font-size:.875rem}.reset-button:hover{background:#0071e3;color:#fff;transform:scale(1.02)}.footer{grid-area:footer;background:#f5f5f7;color:#6e6e73;padding:2rem;text-align:center;border-top:1px solid rgba(0,0,0,.1)}.footer p{font-size:.875rem;color:#6e6e73}@media(max-width:1024px){.app{grid-template-areas:"header" "main" "sidebar" "footer";grid-template-columns:1fr}.sidebar,.info-panel{border-left:none;border-top:1px solid rgba(255,255,255,.1);max-height:none}.vowel-selector{grid-template-columns:repeat(3,1fr)}.instruction-card{grid-template-columns:1fr;text-align:center}.recording-method{grid-template-columns:1fr}.divider{transform:rotate(90deg)}.metrics-grid{grid-template-columns:repeat(2,1fr)}.word-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.vowel-selector,.metrics-grid,.word-grid{grid-template-columns:1fr}}.back-button{font-size:.95rem;font-weight:600;color:#1d1d1f;text-decoration:none;padding:.5rem .9rem;border-radius:999px;border:2px solid rgba(0,0,0,.15);background:#ffffffb3;transition:all .2s ease;white-space:nowrap;cursor:pointer;display:block;width:fit-content}.back-button:hover{border-color:#f5c400;background:#f5c40026;transform:translateY(-1px)}.loading{font-size:1.5rem;color:#1d1d1f;margin-top:2rem;font-weight:500;text-align:center}.quiz-header{width:100%;max-width:800px;margin:0 auto 1rem;text-align:center}.quiz-title{margin:.25rem 0 .5rem;font-size:1.5rem;color:#1d1d1f;font-weight:600}.lesson-badge-inline{display:inline-block;background-color:#f5c400;color:#1d1d1f;padding:.35rem .9rem;border-radius:980px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.lesson-badge{display:inline-block;background-color:#f5c400;color:#1d1d1f;padding:.5rem 1rem;border-radius:980px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.progress-bar{width:100%;min-height:16px;background:linear-gradient(180deg,#00000026,#00000014);border-radius:980px;overflow:hidden;margin-bottom:.75rem;box-shadow:inset 0 2px 6px #00000026,0 2px 8px #0000001a;border:1px solid rgba(0,0,0,.1)}.progress-fill{height:100%;width:100%;background:linear-gradient(90deg,#f5c400,#ffd869,#f5c400);background-size:200% 100%;animation:shimmer 2.5s ease-in-out infinite;transition:width .6s cubic-bezier(.34,1.56,.64,1);border-radius:980px;box-shadow:0 0 20px #f5c400e6,0 0 40px #f5c40080,inset 0 1px 3px #fffc;position:relative;display:flex;align-items:stretch}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}50%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:100%}}.progress-text{text-align:center;font-size:.9rem;color:#1d1d1f;font-weight:500}.quiz-content{width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.8rem}.word-card{background:linear-gradient(135deg,#fff,#f9fafb,#fff);border:3px solid #f5c400;border-radius:24px;padding:2.5rem 3rem;width:100%;text-align:center;position:relative;box-shadow:0 8px 24px #f5c40026,0 4px 12px #00000014,inset 0 1px 2px #fffc;display:flex;flex-direction:column;align-items:center;justify-content:center}.word-type-badge{position:absolute;top:1rem;right:1rem;background-color:#fff7b2;color:#1d1d1f;padding:.25rem .75rem;border-radius:980px;font-size:.75rem;font-weight:600;text-transform:uppercase;border:1px solid #1d1d1f}.current-word{font-size:4.5rem;font-weight:800;color:#1d1d1f;margin:0;letter-spacing:.08em;line-height:1;text-transform:lowercase;font-family:Georgia,serif}.word-info{display:flex;justify-content:center;gap:2.5rem;margin-top:1rem;font-size:1.1rem;color:#1d1d1f;font-weight:600}.vowel-info,.sound-info,.family-info{font-weight:500}.quiz-instructions{text-align:center;color:#1d1d1f;font-size:1.05rem;font-weight:500;margin:.5rem 0 0}.quiz-actions{display:flex;gap:1rem;width:100%;justify-content:center;flex-wrap:wrap}.record-btn,.skip-btn,.quiz-btn{padding:.5rem 1.8rem;font-size:1rem;font-weight:600;border-radius:980px;border:2px solid #1d1d1f;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;justify-content:center}.record-btn{background:linear-gradient(135deg,#1d1d1f,#2d2d2f);color:#fff;min-width:200px;padding:.6rem 2rem;font-size:1.1rem;font-weight:700;border:3px solid #1d1d1f;box-shadow:0 4px 12px #0003}.mic-icon{font-size:1.4rem;line-height:1;display:inline-block}.record-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #0000004d;background:linear-gradient(135deg,#2d2d2f,#3d3d3f)}.record-btn:active:not(:disabled){transform:translateY(-1px)}.record-btn:disabled{opacity:.7;cursor:not-allowed}.record-btn.recording{background:linear-gradient(135deg,#f5c400,#ffd869);color:#1d1d1f;border-color:#f5c400;box-shadow:0 0 20px #f5c40099,0 4px 12px #f5c4004d;animation:record-pulse .8s ease-in-out infinite}.recording-pulse{width:12px;height:12px;background-color:#1d1d1f;border-radius:50%;animation:dot-pulse 1s ease-in-out infinite}.recording-text{font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes record-pulse{0%{transform:scale(1);box-shadow:0 0 20px #f5c40099,0 4px 12px #f5c4004d}50%{transform:scale(1.05);box-shadow:0 0 30px #f5c400cc,0 4px 16px #f5c40066}to{transform:scale(1);box-shadow:0 0 20px #f5c40099,0 4px 12px #f5c4004d}}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.skip-btn{background-color:#fff;color:#1d1d1f;margin-top:1rem;border:2px solid #1d1d1f;border-radius:980px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.skip-btn:hover:not(:disabled){background-color:#f5f5f5}.feedback-card{background:#fff;border-radius:16px;padding:2rem;margin-top:2rem;box-shadow:0 4px 12px #0000001a;text-align:center;animation:slideIn .3s ease}.feedback-card.success{border:3px solid #34c759}.feedback-card.info{border:3px solid #ff9500}.feedback-card.error{border:3px solid #ff3b30;background:#fff5f5}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-header{margin-bottom:1rem}.feedback-result{display:flex;justify-content:center;align-items:center;padding:.5rem 1.5rem}.feedback-message{font-size:1.25rem;color:#1d1d1f;margin:1.5rem 0;font-weight:500;line-height:1.5}.feedback-details{background:#f5f5f7;border-radius:12px;padding:1rem;margin:1rem 0;font-size:.95rem}.feedback-details p{margin:.5rem 0;color:#1d1d1f}.feedback-details strong{color:#000;font-weight:700}.prev-word-btn .next-word-btn{background:#1d1d1f;color:#fff;border:none;border-radius:980px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.next-word-btn:hover{background:#333;transform:scale(1.02)}.next-word-btn:active{transform:scale(.98)}.quiz-results{width:100%;max-width:960px;margin:0 auto;background:#fff;border:2px solid #1d1d1f;border-radius:20px;padding:2.25rem;box-shadow:0 16px 40px #00000014}.quiz-results h1{text-align:center;font-size:2.5rem;color:#1d1d1f;margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;margin:0 auto 2.5rem;justify-items:center}.stat-card{background:#fff9e6;border:2px solid #f5c400;border-radius:18px;padding:1.75rem 1.5rem;text-align:center;box-shadow:0 4px 12px #f5c4001f;width:100%}.stat-value{font-size:2.5rem;font-weight:700;color:#1d1d1f;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#666;font-weight:500}.results-list{background:#fffdf6;border:2px solid #f5c400;border-radius:18px;padding:1.5rem;margin:0 auto 1.5rem;max-height:420px;overflow-y:auto;box-shadow:inset 0 1px #f5c40014}.results-toggle-row{display:flex;justify-content:center;margin:0 auto 1.25rem}.results-toggle{background:#fff;color:#1d1d1f;border:2px solid #f5c400;border-radius:999px;padding:.65rem 1.5rem;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease;box-shadow:0 6px 18px #f5c40024}.results-toggle:hover{background:#fff9e0;box-shadow:0 8px 22px #f5c4002e;transform:translateY(-1px)}.results-toggle:active{transform:translateY(0)}.results-list h3{margin-top:0;margin-bottom:1rem;color:#1d1d1f;font-size:1.2rem;text-align:left}.result-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:10px;margin-bottom:.6rem;transition:background-color .2s,transform .1s ease}.result-item:hover{background-color:#fff7d6;transform:translate(2px)}.result-item.passed{border-left:4px solid #22c55e}.result-item.failed{border-left:4px solid #ef4444}.result-word{font-weight:700;font-size:1.1rem;color:#1d1d1f;min-width:60px}.result-vowel{color:#666;font-size:.9rem}.result-type{font-size:.75rem;text-transform:uppercase;background-color:#f5f5f5;padding:.25rem .5rem;border-radius:4px;font-weight:600;color:#666}.result-score{margin-left:auto;font-weight:600;font-size:1rem}.result-item.passed .result-score{color:#22c55e}.result-item.failed .result-score{color:#ef4444}.quiz-btn.primary{background-color:#1d1d1f;color:#fff}.quiz-btn.primary:hover{background-color:#000;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.quiz-btn.secondary{background-color:#fff;color:#1d1d1f}.quiz-btn.secondary:hover{background-color:#f5f5f5}@media(max-width:640px){.cvc-quiz-container{padding:1rem}.current-word{font-size:3rem}.word-info{flex-direction:column;gap:.5rem}.record-btn,.skip-btn,.quiz-btn{width:100%}.stats-grid{grid-template-columns:1fr}.result-item{flex-wrap:wrap}}.skip-btn{margin:1rem auto}.skip-btn:hover:not(:disabled){transform:translateY(-2px)}.skip-btn:disabled{opacity:.5;cursor:not-allowed}.navigation-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;align-items:center}.prev-word-btn,.skip-btn{border-radius:980px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin:0}.prev-word-btn{border:none;background-color:#6e6e73;color:#fff}.prev-word-btn:hover:not(:disabled){background-color:#5a6268;transform:translateY(-2px)}.prev-word-btn:disabled{opacity:.5;cursor:not-allowed}.next-word-btn{background-color:#1d1d1f;color:#fff;border:none;border-radius:980px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.next-word-btn:hover{background-color:#333;transform:translateY(-2px)}.word-card{gap:2rem;min-height:300px}.spelling-lesson{display:flex;flex-direction:column;align-items:center;gap:1rem}.spelling-lesson img{width:200px;height:auto;border-radius:16px;display:block}.spelling-result{margin-top:1rem;font-size:1.25rem;font-weight:600}.spelling-result.success{color:#00a86b}.spelling-result.error{color:#c00}.word-box{width:400px;height:50px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:1rem}.word-box .cell{height:60px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;border-radius:10px;font-weight:600}.cell.static{background:#d9d9d9;border:2px solid #cfcfcf;border-radius:10px;box-shadow:inset 0 1px 2px #00000014}.cell.input{background:#fff;border:2px solid #1d1d1f;border-radius:10px;transition:all .2s ease}.cell.input.correct{border-color:#00a86b;box-shadow:0 0 0 2px #00a86b26}.cell.input.wrong{border-color:#c00;box-shadow:0 0 0 2px #cc000026}.vowel-row{display:flex;gap:12px;margin-top:1rem}.vowel-btn{width:52px;height:52px;font-size:1.3rem;border-radius:12px;border:2px solid #1d1d1f;background:#f5f5f5;cursor:pointer;transition:all .2s ease;font-weight:600;box-shadow:0 2px 4px #00000014}.vowel-btn.selected{background:#f5c400;border-color:#000;box-shadow:0 6px 14px #f5c40040}.actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-confirm{height:48px;padding:0 30px;border-radius:999px;background:#f5c400;border:2px solid #f5c400;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #f5c40040;transition:all .2s ease}.btn-confirm:hover{transform:translateY(-1px);background:#e6b000}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}.btn-skip{height:48px;padding:0 30px;border-radius:999px;background:#f5f5f5;border:2px solid #1d1d1f;font-weight:600;cursor:pointer}.word-box .cell{height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.text-left{position:absolute;left:0rem;top:1.5rem;text-align:left}.story-page{padding:2rem;text-align:center;font-family:Comic Sans MS,Arial,sans-serif;background-color:#fffbe6;min-height:100vh;color:#333;position:relative}.story-list h1{font-size:2rem;margin-bottom:2rem;color:#ff6f61}.story-button{display:block;margin:1rem auto;padding:1.5rem 2rem;font-size:1.3rem;font-family:Comic Sans MS,Arial,sans-serif;background:#ffde7d;border:2px solid #f7b500;border-radius:15px;cursor:pointer;transition:transform .2s,background .2s}.story-button:hover{transform:scale(1.05);background:#ffd05b}.story-view{max-width:900px;margin:0 auto;position:relative}.story-image-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.story-image-wrapper img{max-width:90%;border-radius:15px;box-shadow:0 5px 15px #0003;margin-bottom:.5rem}.story-title{font-family:Comic Sans MS,Arial,sans-serif;font-size:1.8rem;font-weight:600;color:#1d1d1f;margin-bottom:1.5rem}.story-text{font-size:1.5rem;line-height:1.6;margin:10px 0;text-align:center}.audio-button{padding:.5rem 1rem;border-radius:10px;background-color:#6fcf97;border:none;color:#fff;cursor:pointer;transition:background .2s}.audio-button:hover:not(:disabled){background-color:#4caf6a}.audio-button:disabled{opacity:.6;cursor:not-allowed}.back-button{margin-bottom:2rem;padding:.5rem 1rem;font-size:1rem;border-radius:10px;border:none;background:#ffde7d;cursor:pointer;transition:background .2s}.back-button:hover{background:#ffd05b}.word-button{padding:14px 22px;font-size:20px;border-radius:10px;border:none;background:#6c63ff;color:#fff;cursor:pointer;font-family:Comic Sans MS,Arial,sans-serif}.word-button:hover{background:#574fe0}.blank-input{margin-top:20px;font-size:20px;padding:10px;width:150px;text-align:center;font-family:Comic Sans MS,Arial,sans-serif;border:2px solid black}.check-button{margin-left:10px;padding:10px 18px;font-size:18px;font-family:Comic Sans MS,Arial,sans-serif;cursor:pointer}.activities-menu{text-align:center;margin-top:30px}.activities-grid{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;max-width:700px;margin-left:auto;margin-right:auto}.activity-card{background:#fff;border-radius:16px;border:none;padding:30px 20px;cursor:pointer;box-shadow:0 10px 20px #00000026;transition:all .2s ease;text-align:center}.activity-card:hover{transform:translateY(-6px);box-shadow:0 14px 28px #0003}.activity-icon{font-size:40px;margin-bottom:10px}.activity-card h3{margin:8px 0;font-size:20px}.activity-card p{font-size:14px;color:#666}.activities-button{position:absolute;top:1.5rem;right:1.5rem;background-color:#f5c400;color:#1d1d1f;font-weight:700;padding:.5rem 1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,background-color .2s ease;font-family:Comic Sans MS,Arial,sans-serif}.activities-button:hover{transform:scale(1.05);background-color:#e6b800}.story-view,.activities-menu,.activity-view{position:relative}.story-view .back-button,.activities-menu .back-button,.activity-view .back-button{position:absolute;left:1rem;top:1.5rem;margin-bottom:0}.text-left{text-align:left;position:absolute;margin-left:20rem}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-800:oklch(44.4% .177 26.899);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-800:oklch(44.8% .119 151.328);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.-z-10{z-index:-10}.z-1{z-index:1}.z-20{z-index:20}.z-170{z-index:170}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-24{height:calc(var(--spacing)*24)}.h-\[48px\]{height:48px}.h-\[50px\]{height:50px}.h-\[120px\]{height:120px}.h-full{height:100%}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-\[50px\]{min-height:50px}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-6{width:calc(var(--spacing)*6)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-64{width:calc(var(--spacing)*64)}.w-\[120px\]{width:120px}.w-\[200px\]{width:200px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[400px\]{max-width:400px}.max-w-\[600px\]{max-width:600px}.max-w-\[800px\]{max-width:800px}.max-w-xs{max-width:var(--container-xs)}.min-w-\[120px\]{min-width:120px}.flex-1{flex:1}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\[\#1d1d1f\]{border-color:#1d1d1f}.border-black{border-color:var(--color-black)}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.border-black\/10{border-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600\/20{border-color:#155dfc33}@supports (color:color-mix(in lab,red,red)){.border-blue-600\/20{border-color:color-mix(in oklab,var(--color-blue-600)20%,transparent)}}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-500{border-color:var(--color-green-500)}.border-green-600{border-color:var(--color-green-600)}.border-red-500{border-color:var(--color-red-500)}.border-red-600{border-color:var(--color-red-600)}.border-yellow-600{border-color:var(--color-yellow-600)}.border-t-blue-600{border-top-color:var(--color-blue-600)}.bg-\[\#f5c400\]{background-color:#f5c400}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/50{background-color:color-mix(in oklab,var(--color-gray-50)50%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-red-100{background-color:var(--color-red-100)}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#fff7b2\]{--tw-gradient-from:#fff7b2;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-0{padding-top:calc(var(--spacing)*0)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-\[\#1d1d1f\]{color:#1d1d1f}.text-blue-600{color:var(--color-blue-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.uppercase{text-transform:uppercase}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-blue-500{--tw-ring-color:var(--color-blue-500)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-yellow-50:hover{background-color:var(--color-yellow-50)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:40rem){.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:48rem){.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:px-90{padding-inline:calc(var(--spacing)*90)}}}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}a{text-decoration:none}.hidden{display:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}