.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--card-white);border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-around;align-items:center;padding:10px 0;padding-bottom:max(10px,env(safe-area-inset-bottom));z-index:100;box-shadow:0 -1px 3px #0000000d;max-width:428px;margin:0 auto}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;color:var(--text-secondary);transition:all .2s ease;position:relative;border-radius:12px;flex:1;text-align:center}.nav-item:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:80px;height:70px;border-radius:12px;background-color:var(--light-blue);opacity:0;transition:all .2s ease;z-index:-1}.nav-item.active{color:var(--soft-blue)}.nav-item.active:before{transform:translate(-50%,-50%) scale(1);opacity:1}.nav-item:hover:not(.active){color:var(--text-primary)}.nav-item.active:hover{color:var(--soft-blue)}.nav-icon{display:flex;align-items:center;justify-content:center;height:24px;width:24px;position:relative;z-index:1;color:var(--text-secondary)}.nav-icon svg{color:var(--text-secondary)!important;stroke:var(--text-secondary)!important;fill:none!important}.nav-item.active .nav-icon,.nav-item.active .nav-icon svg{color:var(--text-secondary)!important;stroke:var(--text-secondary)!important;fill:none!important}.nav-label{font-size:11px;font-weight:500;line-height:1.2;position:relative;z-index:1;transition:all .2s ease;white-space:nowrap}.nav-item.active .nav-label{font-weight:500;color:var(--soft-blue)}.nav-item.active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:0px;height:0px;border-radius:50%;background-color:var(--soft-blue);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) scale(0)}to{opacity:1;transform:translate(-50%) scale(1)}}.landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--primary-purple)}.landing-content{max-width:400px;width:100%;text-align:center;color:#fff}.landing-logo{margin-bottom:48px}.landing-title{font-size:48px;font-weight:700;margin-bottom:8px;letter-spacing:-1px}.landing-subtitle{font-size:20px;font-weight:500;opacity:.9}.landing-description{margin-bottom:48px}.landing-description p{font-size:18px;font-weight:500;margin-bottom:8px;line-height:1.6}.landing-tagline{font-size:16px;opacity:.8;font-weight:400}.landing-actions{display:flex;flex-direction:column;gap:16px}.landing-button{width:100%;padding:18px;border-radius:16px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease}.landing-button.primary{background-color:#fff;color:var(--primary-purple);box-shadow:0 4px 16px #0003}.landing-button.primary:active{transform:scale(.98)}.landing-button.secondary{background-color:transparent;color:#fff;border:2px solid white}.landing-button.secondary:active{transform:scale(.98);background-color:#ffffff1a}.language-selection-page{min-height:100vh;padding:20px 16px 100px;max-width:428px;margin:0 auto;width:100%}.language-header{margin-bottom:32px}.back-button{width:40px;height:40px;border-radius:50%;background-color:var(--card-white);display:flex;align-items:center;justify-content:center;color:var(--text-primary);box-shadow:0 2px 8px #0000000f;border:none;cursor:pointer;transition:transform .2s ease;margin-bottom:24px}.progress-bar{width:100%;height:4px;background-color:var(--secondary-purple);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary-purple);transition:width .3s ease;border-radius:2px}.language-content{display:flex;flex-direction:column;gap:32px}.language-step{display:flex;flex-direction:column;gap:24px}.step-title{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2}.step-subtitle{font-size:16px;color:var(--text-secondary);font-weight:500}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.language-option{background-color:var(--card-white);border:2px solid var(--secondary-purple);border-radius:20px;padding:24px 20px;font-size:18px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s ease;text-align:center;display:flex;align-items:center;justify-content:center;min-height:80px}.language-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-purple)}.language-option.selected{background-color:var(--primary-purple);color:#fff;border-color:var(--primary-purple);box-shadow:0 4px 16px #c9a7eb4d;transform:scale(1.02)}.language-name{font-size:18px;font-weight:600;letter-spacing:-.3px}.selected-learning-language{background-color:var(--card-white);border-radius:16px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000f}.selected-label{font-size:14px;color:var(--text-secondary);font-weight:500}.selected-value{font-size:16px;color:var(--text-primary);font-weight:700;display:flex;align-items:center;gap:6px}.continue-button{width:100%;background-color:var(--primary-purple);color:#fff;border:none;border-radius:16px;padding:18px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #c9a7eb4d;margin-top:auto}.continue-button:hover{background-color:#b896e0}.continue-button:active{transform:scale(.98)}.continue-button:disabled{opacity:.5;cursor:not-allowed}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--background-light)}.auth-container{max-width:420px;width:100%;background-color:var(--card-white);border-radius:24px;padding:40px 32px;box-shadow:0 4px 16px #00000014}.auth-title{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:8px;text-align:center;letter-spacing:-.5px}.auth-subtitle{font-size:16px;color:var(--text-secondary);text-align:center;margin-bottom:32px;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:600;color:var(--text-primary)}.form-group input{padding:14px 16px;border:2px solid var(--secondary-purple);border-radius:12px;font-size:16px;color:var(--text-primary);background-color:var(--card-white);transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #c9a7eb1a}.form-group input::placeholder{color:var(--text-secondary)}.auth-error{background-color:var(--light-blue);color:var(--text-primary);padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;text-align:center;border:1px solid var(--soft-blue)}.auth-button{width:100%;background-color:var(--primary-purple);color:#fff;border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #c9a7eb40;margin-top:8px}.auth-button:hover{background-color:#b896e0;box-shadow:0 6px 20px #c9a7eb59}.auth-button:active{transform:scale(.98)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:24px;text-align:center}.auth-footer p{font-size:14px;color:var(--text-secondary)}.auth-link{color:var(--primary-purple);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.language-selection-display{background-color:var(--background-light);border-radius:16px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:2px solid var(--secondary-purple)}.language-display-item{display:flex;flex-direction:column;gap:4px;flex:1}.language-display-label{font-size:12px;color:var(--text-secondary);font-weight:500}.language-display-value{font-size:16px;color:var(--text-primary);font-weight:700}.change-language-link{font-size:14px;color:var(--primary-purple);font-weight:600;text-decoration:none;padding:8px 16px;border-radius:8px;transition:all .2s ease}.change-language-link:hover{background-color:var(--secondary-purple);text-decoration:none}.home-page{padding:20px 16px 100px;max-width:428px;margin:0 auto;width:100%}.home-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:var(--background-light);padding:20px 16px 16px;margin:-20px -16px 24px;z-index:50}.header-left{display:flex;align-items:center}.profile-avatar-button{background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.profile-avatar-button:active{transform:scale(.95)}.profile-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px #0000001a;background-color:var(--card-white);display:flex;align-items:center;justify-content:center}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--secondary-purple);color:#fff}.profile-avatar-placeholder svg{width:24px;height:24px}.header-right{display:flex;gap:12px}.icon-button{width:44px;height:44px;border-radius:50%;background-color:var(--card-white);display:flex;align-items:center;justify-content:center;color:var(--text-primary);box-shadow:0 2px 8px #0000000f;transition:transform .2s ease;border:none;cursor:pointer;position:relative}.icon-button:active{transform:scale(.95)}.notification-button{position:relative}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ef444466;border:2px solid var(--card-white)}.title-section{margin-bottom:24px;text-align:left;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.main-title{font-size:34px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;letter-spacing:-.5px}.subtitle{font-size:34px;color:#9061c5;font-weight:700;margin:0;line-height:1.2;letter-spacing:-.5px}.tabs-container{display:flex;gap:20px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-button{padding:12px 24px;background-color:var(--card-white);border:2px solid var(--border-color);border-radius:20px;color:var(--text-primary);font-size:16px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.tab-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.tab-button.active{background-color:var(--primary-purple);color:#fff;border-color:var(--primary-purple);font-weight:600;box-shadow:0 2px 8px #7c3aed33}.tab-button.active:hover{box-shadow:0 4px 12px #7c3aed4d}.home-content{display:flex;flex-direction:column;gap:16px}.cards-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cards-row .home-quiz-card,.cards-row .conversations-card{transition:all .25s ease}.cards-row .home-quiz-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #c9a7eb59}.cards-row .conversations-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.learning-card{background-color:var(--card-white);border-radius:20px;padding:20px;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,0,0,.05);min-height:100px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.learning-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:var(--primary-purple);opacity:0;transition:opacity .25s ease}.learning-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.learning-card:hover:before{opacity:1}.learning-card:active{transform:scale(.98)}.learning-card.active{background-color:var(--primary-purple);border-color:var(--primary-purple)}.learning-card.active .learning-card-title{color:#fff}.learning-card-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;text-align:center;line-height:1.3;letter-spacing:-.3px}.search-bar{display:flex;align-items:center;gap:12px;background-color:var(--card-white);padding:14px 18px;border-radius:20px;margin-bottom:24px;box-shadow:0 2px 12px #00000014}.search-bar svg{color:var(--text-secondary);flex-shrink:0}.search-bar input{flex:1;border:none;outline:none;font-size:15px;color:var(--text-primary);background:transparent;font-weight:500}.search-bar input::placeholder{color:var(--text-secondary)}.voice-button{background:none;padding:4px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}@media(max-width:375px){.cards-row{grid-template-columns:1fr}}.daily-goals-card{background-color:var(--soft-blue);border-radius:20px;padding:20px;color:#fff;box-shadow:0 4px 16px #6bb6e840}.daily-goals-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.daily-goals-time-info{display:flex;align-items:center;gap:6px;color:#fff}.daily-goals-time-text{font-size:14px;font-weight:500}.daily-goals-more-button{background:none;color:#fff;padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;opacity:.9;border:none;cursor:pointer}.daily-goals-card-content{margin-bottom:20px}.daily-goals-progress-text{font-size:22px;font-weight:700;line-height:1.3;color:#fff;letter-spacing:-.3px}.daily-goals-card-footer{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.daily-goals-footer-item{display:flex;align-items:center;gap:8px}.daily-goals-footer-text{display:flex;flex-direction:column;gap:2px}.daily-goals-footer-label{font-size:12px;opacity:.85;font-weight:500}.daily-goals-footer-value{font-size:15px;font-weight:700}.daily-goals-stats-button{padding:8px 12px;background-color:#fff3;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:transform .2s ease,background-color .2s ease;margin-left:auto;white-space:nowrap}.daily-goals-stats-button:hover{background-color:#ffffff4d}.daily-goals-stats-button:active{transform:scale(.98)}.daily-goals-stats-button svg{width:16px;height:16px}.home-quiz-card{background-color:var(--primary-purple);border-radius:24px;padding:20px;color:#fff;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 16px #c9a7eb40;min-height:180px;justify-content:space-between;cursor:pointer;transition:transform .2s ease;text-align:left}.home-quiz-card:active{transform:scale(.98)}.home-quiz-badge{font-size:11px;font-weight:600;background-color:#fffffff2;color:#9061c5;padding:6px 12px;border-radius:12px;display:inline-block;align-self:flex-start;text-align:left}.home-quiz-title{font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.3px;text-align:left;color:#fff;margin:8px 0 0}.home-quiz-button{background-color:#fff;color:#9061c5;border-radius:14px;padding:14px 18px;font-size:14px;font-weight:700;margin-top:auto;transition:transform .2s ease;box-shadow:0 2px 8px #0000001a;text-align:left;align-self:flex-start;border:none;cursor:pointer}.home-quiz-button:active{transform:scale(.98)}.conversations-card{background-color:var(--card-white);border-radius:24px;padding:20px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:transform .2s ease;text-align:left;min-height:180px;justify-content:space-between}.conversations-card:active{transform:scale(.98)}.conversations-badge{background-color:#fed7aa;color:#ea580c;font-size:12px;font-weight:700;padding:6px 12px;border-radius:12px;display:inline-block;align-self:flex-start;text-align:left}.conversations-title{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.3px;text-align:left;margin:0}.conversations-description{font-size:14px;color:var(--text-secondary);line-height:1.4;text-align:left;margin:0}.learn-page{padding:0 0 100px;max-width:428px;margin:0 auto;width:100%;background-color:var(--background-light);min-height:100vh}.learn-top-nav{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;background-color:var(--card-white);padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:100;box-shadow:0 2px 8px #0000001a;border-bottom:1px solid rgba(0,0,0,.05)}.learn-top-nav .nav-back-button,.learn-top-nav .nav-menu-button{width:40px;height:40px;border-radius:50%;background-color:var(--background-light);display:flex;align-items:center;justify-content:center;color:var(--text-primary);border:none;cursor:pointer;transition:all .2s ease}.learn-top-nav .nav-back-button:active,.learn-top-nav .nav-menu-button:active{transform:scale(.95);background-color:var(--secondary-purple)}.learn-top-nav .nav-title{font-size:18px;font-weight:700;color:var(--text-primary);flex:1;text-align:center}.learn-header{padding:80px 16px 8px;background-color:var(--background-light)}.learn-header-content{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.learn-page-subtitle{font-size:14px;color:var(--text-secondary);font-weight:400;line-height:1.5}.learn-search-container{padding:0 16px 20px;background-color:var(--background-light)}.learn-search-bar{display:flex;align-items:center;gap:12px;background-color:var(--card-white);padding:14px 18px;border-radius:16px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.learn-search-bar:focus-within{box-shadow:0 4px 12px #7c3aed26;border-color:var(--primary-purple)}.learn-search-bar svg{color:var(--text-secondary);flex-shrink:0;width:20px;height:20px}.learn-search-bar input{flex:1;border:none;outline:none;font-size:15px;color:var(--text-primary);background:transparent;font-weight:500}.learn-search-bar input::placeholder{color:var(--text-secondary)}.learn-content{padding:0 16px;background-color:var(--background-light)}.categories-grid{display:flex;flex-direction:column;gap:16px}.learn-category-card{background-color:var(--card-white);border-radius:20px;padding:20px;display:flex;gap:16px;box-shadow:0 2px 12px #00000014;transition:all .25s ease;border:none;cursor:pointer;text-align:left;width:100%;position:relative;overflow:hidden}.learn-category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:var(--primary-purple);opacity:0;transition:opacity .25s ease}.learn-category-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.learn-category-card:hover:before{opacity:1}.learn-category-card:active{transform:scale(.98)}.learn-category-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s ease}.learn-category-card:hover .learn-category-icon{transform:scale(1.05)}.learn-category-icon svg{width:28px;height:28px;color:#fff}.learn-category-content{flex:1;display:flex;flex-direction:column;gap:8px}.learn-category-title{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2;margin:0}.learn-category-description{font-size:13px;line-height:1.4;margin:0;display:flex;flex-direction:column;gap:4px}.learn-category-description p{margin:0}.learn-category-description .description-learning{color:var(--text-primary);font-weight:500}.learn-category-description .description-base{color:var(--text-secondary);font-size:12px}.learn-category-meta{display:flex;gap:16px;margin-top:4px}.learn-category-meta span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.learn-category-meta svg{width:14px;height:14px;color:var(--text-secondary)}.learn-category-progress{display:flex;align-items:center;gap:12px;margin-top:8px}.learn-progress-bar{flex:1;height:6px;border-radius:3px;background-color:var(--background-light);overflow:hidden}.learn-progress-fill{height:100%;background-color:var(--soft-blue);border-radius:3px;transition:width .3s ease}.learn-progress-text{font-size:11px;color:var(--text-secondary);font-weight:500;min-width:35px}.loading-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--background-light);color:var(--text-secondary);font-size:15px;z-index:10}.no-results{display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 20px;color:var(--text-secondary);font-size:15px;min-height:200px}@media(max-width:375px){.learn-page-title{font-size:28px}}.lesson-details-page{min-height:100vh;max-width:428px;margin:0 auto;width:100%;padding-bottom:150px;background-color:var(--background-light)}.lesson-top-header{background-color:var(--primary-purple);padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-back-button,.header-share-button{width:40px;height:40px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;border:none;cursor:pointer;transition:transform .2s ease}.header-back-button:active,.header-share-button:active{transform:scale(.95)}.header-title{font-size:18px;font-weight:700;color:#fff}.course-header-section{background-color:var(--primary-purple);padding:32px 20px 40px;display:flex;flex-direction:column;align-items:center;gap:12px}.course-icon-wrapper{margin-bottom:8px}.course-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.level-badge{background-color:#ffffff40;color:#fff;font-size:12px;font-weight:700;padding:6px 14px;border-radius:16px}.course-title{font-size:28px;font-weight:700;color:#fff;text-align:center;line-height:1.3;letter-spacing:-.5px}.lesson-content-section{background-color:var(--card-white);border-radius:24px 24px 0 0;padding:24px 20px;margin-top:-24px;position:relative;z-index:1}.course-stats{display:flex;gap:12px;margin-bottom:24px}.stat-card{flex:1;border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 2px 8px #00000014}.stat-card-blue{background-color:var(--light-blue)}.stat-card-orange{background-color:#fed7aa}.stat-card-purple{background-color:var(--secondary-purple)}.stat-card svg{width:32px;height:32px;flex-shrink:0}.stat-card-blue svg{color:var(--soft-blue)}.stat-card-orange svg{color:#ea580c}.stat-card-purple svg{color:var(--primary-purple)}.stat-content{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:20px;font-weight:700;color:var(--text-primary)}.stat-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-align:center}.course-description{font-size:14px;line-height:1.6;margin-bottom:32px;display:flex;flex-direction:column;gap:6px}.course-description p{margin:0;color:var(--text-secondary)}.course-description .description-learning{color:var(--text-primary);font-weight:500;font-size:15px}.course-description .description-base{color:var(--text-secondary);font-size:13px}.lessons-section{width:100%}.lessons-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.lessons-list{display:flex;flex-direction:column;gap:12px}.lesson-item{background-color:var(--card-white);border:1px solid var(--secondary-purple);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.lesson-item:active{transform:scale(.98);box-shadow:0 1px 4px #0000001a}.lesson-item svg:first-child{width:24px;height:24px;color:var(--soft-blue);flex-shrink:0}.lesson-info{display:flex;flex-direction:column;gap:4px;flex:1}.lesson-title{font-size:16px;font-weight:600;color:var(--text-primary)}.lesson-duration{font-size:13px;color:var(--text-secondary)}.lesson-check{width:32px;height:32px;border-radius:50%;background-color:var(--secondary-purple);display:flex;align-items:center;justify-content:center;flex-shrink:0}.lesson-check svg{color:var(--primary-purple);width:18px;height:18px}.lesson-action-bar{position:fixed;bottom:0;left:0;right:0;max-width:428px;margin:0 auto;padding:16px 20px;background-color:var(--text-primary);display:flex;align-items:center;gap:12px;z-index:90;box-shadow:0 -4px 20px #00000026}.bookmark-button{width:48px;height:48px;border-radius:12px;background-color:#ffffff26;display:flex;align-items:center;justify-content:center;color:#fff;border:none;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.bookmark-button:active{transform:scale(.95)}.bookmark-button svg{width:24px;height:24px}.start-lessons-button{flex:1;background-color:#fff;color:var(--text-primary);border-radius:12px;padding:16px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:transform .2s ease}.start-lessons-button:active{transform:scale(.98)}.lesson-item-viewer{min-height:100vh;max-width:428px;margin:0 auto;width:100%;background-color:var(--background-light);display:flex;flex-direction:column;padding-bottom:100px}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:var(--text-secondary)}.lesson-viewer-header{background-color:var(--card-white);padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;z-index:100;box-shadow:0 2px 8px #0000000d;border-bottom:1px solid rgba(0,0,0,.05)}.lesson-viewer-back-button{width:40px;height:40px;border-radius:50%;background-color:var(--background-light);display:flex;align-items:center;justify-content:center;color:var(--text-primary);border:none;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.lesson-viewer-back-button:active{transform:scale(.95)}.lesson-viewer-title-section{flex:1;display:flex;flex-direction:column;align-items:center;margin:0 12px;min-width:0}.lesson-viewer-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.lesson-viewer-progress{font-size:12px;color:var(--text-secondary);margin-top:2px}.lesson-progress-bar-container{position:fixed;top:72px;left:50%;transform:translate(-50%);width:100%;max-width:428px;height:4px;background-color:#0000000d;z-index:99}.lesson-progress-bar-fill{height:100%;background:var(--primary-purple);transition:width .3s ease}.lesson-content-area{margin-top:76px;padding:24px 16px;flex:1}.lesson-video-section{margin-bottom:24px}.lesson-video-wrapper{width:100%;border-radius:16px;overflow:hidden;background-color:#000;box-shadow:0 4px 12px #0000001a}.lesson-video{width:100%;height:auto;display:block;aspect-ratio:16 / 9}.lesson-written-content{background-color:var(--card-white);border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000d}.lesson-step-content{display:flex;flex-direction:column;gap:20px}.lesson-step-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.lesson-step-text{font-size:16px;line-height:1.6;color:var(--text-primary)}.lesson-step-text p{margin:0 0 12px}.lesson-step-text p:last-child{margin-bottom:0}.step-text-learning{font-weight:500;color:var(--text-primary);margin-bottom:12px}.step-text-base{font-size:14px;color:var(--text-secondary);padding-left:12px;border-left:3px solid var(--primary-purple);margin-top:8px}.lesson-examples{background-color:var(--light-blue);border-radius:12px;padding:16px;margin-top:8px}.lesson-examples-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.lesson-example-item{display:flex;flex-direction:column;gap:4px;padding:12px;background-color:var(--card-white);border-radius:8px;margin-bottom:8px}.lesson-example-item:last-child{margin-bottom:0}.example-italian{font-size:18px;font-weight:600;color:var(--primary-purple)}.example-translation{font-size:14px;color:var(--text-secondary)}.lesson-vocabulary{margin-top:8px}.lesson-vocabulary-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.lesson-vocabulary-list{display:flex;flex-direction:column;gap:8px}.lesson-vocab-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--background-light);border-radius:8px}.vocab-word{font-size:16px;font-weight:600;color:var(--text-primary)}.vocab-meaning{font-size:14px;color:var(--text-secondary)}.lesson-viewer-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;background-color:var(--card-white);padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom));display:flex;gap:12px;box-shadow:0 -2px 8px #0000000d;border-top:1px solid rgba(0,0,0,.05);z-index:100}.lesson-nav-button{flex:1;padding:14px 20px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,opacity .2s ease}.lesson-nav-button:active{transform:scale(.98)}.lesson-nav-button:disabled{opacity:.5;cursor:not-allowed}.lesson-nav-prev{background-color:var(--background-light);color:var(--text-primary)}.lesson-nav-next{background:var(--primary-purple);color:#fff}.lesson-complete-button{flex:1;padding:14px 20px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--success-green);color:#fff;transition:transform .2s ease}.lesson-complete-button:active{transform:scale(.98)}.lesson-completion-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.lesson-completion-modal{background-color:var(--card-white);border-radius:20px;padding:32px 24px;max-width:400px;width:100%;text-align:center;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lesson-completion-icon{width:80px;height:80px;border-radius:50%;background:var(--success-green);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff}.lesson-completion-icon svg{width:40px;height:40px}.lesson-completion-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.lesson-completion-message{font-size:16px;color:var(--text-secondary);margin:0 0 32px;line-height:1.5}.lesson-completion-buttons{display:flex;flex-direction:column;gap:12px}.lesson-completion-button{padding:14px 24px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.lesson-completion-button:active{transform:scale(.98)}.lesson-completion-button-secondary{background-color:var(--background-light);color:var(--text-primary)}.lesson-completion-button-primary{background:var(--primary-purple);color:#fff}@media(max-width:428px){.lesson-content-area{padding:20px 12px}.lesson-written-content{padding:20px}.lesson-completion-modal{padding:24px 20px}.lesson-completion-title{font-size:20px}.lesson-completion-message{font-size:14px}}.quiz-page{padding:0 0 100px;max-width:428px;margin:0 auto;width:100%;background-color:var(--background-light);min-height:100vh}.quiz-top-nav{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;background-color:var(--card-white);padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:100;box-shadow:0 2px 8px #0000001a;border-bottom:1px solid rgba(0,0,0,.05)}.nav-back-button,.nav-menu-button{width:40px;height:40px;border-radius:50%;background-color:var(--background-light);display:flex;align-items:center;justify-content:center;color:var(--text-primary);border:none;cursor:pointer;transition:all .2s ease}.nav-back-button:active,.nav-menu-button:active{transform:scale(.95);background-color:var(--secondary-purple)}.nav-title{font-size:18px;font-weight:700;color:var(--text-primary);flex:1;text-align:center}.quiz-header{padding:80px 16px 16px;background-color:var(--background-light)}.quiz-header-content{display:flex;flex-direction:column;gap:4px}.quiz-page-subtitle{font-size:15px;color:var(--text-secondary);font-weight:400;text-align:left;margin:0}.quiz-search-container{padding:0 16px 16px}.quiz-search-bar{display:flex;align-items:center;gap:12px;background-color:var(--card-white);padding:14px 18px;border-radius:20px;margin-bottom:24px;box-shadow:0 2px 12px #00000014}.quiz-search-bar svg{color:var(--text-secondary);flex-shrink:0;width:20px;height:20px}.quiz-search-bar input{flex:1;border:none;outline:none;font-size:15px;color:var(--text-primary);background:transparent;font-weight:500}.quiz-search-bar input::placeholder{color:var(--text-secondary)}.quiz-content{padding:0 16px}.quizzes-grid{display:flex;flex-direction:column;gap:16px}.quiz-card{background-color:var(--card-white);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 12px #00000014;transition:all .25s ease;border:none;cursor:pointer;text-align:left;width:100%;position:relative;overflow:hidden}.quiz-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:var(--primary-purple);opacity:0;transition:opacity .25s ease}.quiz-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.quiz-card:hover:before{opacity:1}.quiz-card:active{transform:scale(.98)}.quiz-card-header{display:flex;justify-content:space-between;align-items:flex-start}.quiz-icon-wrapper{width:56px;height:56px;border-radius:14px;background-color:var(--secondary-purple);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-icon-wrapper svg{width:28px;height:28px;color:var(--primary-purple)}.quiz-level-badge{font-size:11px;font-weight:700;color:#fff;padding:6px 12px;border-radius:12px;text-transform:uppercase}.quiz-card-content{display:flex;flex-direction:column;gap:8px}.quiz-card-title{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2;margin:0;text-align:left}.quiz-card-description{font-size:13px;color:var(--text-secondary);line-height:1.4;margin:0;text-align:left;display:flex;flex-direction:column;gap:4px}.quiz-description-learning{font-weight:600;color:var(--text-primary)}.quiz-description-base{font-weight:400;color:var(--text-secondary);padding-left:8px;border-left:2px solid var(--secondary-purple)}.quiz-card-stats{display:flex;gap:16px;margin-top:4px}.quiz-stat-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.quiz-stat-item svg{width:14px;height:14px;color:var(--text-secondary)}@media(max-width:375px){.quiz-page-title{font-size:28px}}.quiz-take-page{padding:20px 16px 100px;max-width:428px;margin:0 auto;width:100%;background-color:var(--background-light);min-height:100vh;position:relative}.quiz-take-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.quiz-back-button{width:44px;height:44px;border-radius:50%;background-color:var(--card-white);display:flex;align-items:center;justify-content:center;color:var(--text-primary);box-shadow:0 2px 8px #0000000f;transition:transform .2s ease;flex-shrink:0;border:none;cursor:pointer}.quiz-back-button:active{transform:scale(.95)}.quiz-back-button svg{width:20px;height:20px}.quiz-header-title{flex:1}.quiz-header-title-text{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;text-align:left;line-height:1.2}.quiz-progress{margin-bottom:24px}.progress-bar{width:100%;height:8px;border-radius:4px;background-color:var(--card-white);overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background-color:var(--primary-purple);border-radius:4px;transition:width .3s ease}.progress-text{text-align:center;font-size:14px;color:var(--text-secondary);font-weight:500}.question-card{background-color:var(--card-white);border-radius:24px;padding:24px;box-shadow:0 2px 12px #00000014;margin-bottom:100px}.question-header{margin-bottom:24px}.question-title{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.4;text-align:left}.options-container{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.option-button{background-color:var(--background-light);border:2px solid var(--secondary-purple);border-radius:16px;padding:16px 20px;font-size:16px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%}.option-button:hover:not(:disabled){border-color:var(--primary-purple);background-color:var(--secondary-purple)}.option-button.selected{border-color:var(--primary-purple);background-color:var(--secondary-purple)}.option-button.correct{border-color:var(--success-green);background-color:#d1fae5;color:var(--text-primary)}.option-button.incorrect{border-color:#ef4444;background-color:#fee2e2;color:var(--text-primary)}.option-button:disabled{cursor:not-allowed}.option-text{flex:1;text-align:left}.option-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-icon svg{width:20px;height:20px}.option-button.correct .option-icon svg{color:var(--success-green)}.option-button.incorrect .option-icon svg{color:#ef4444}.explanation{background-color:var(--light-blue);border-radius:12px;padding:16px;margin-bottom:24px;border-left:4px solid var(--soft-blue)}.explanation-text{font-size:14px;color:var(--text-primary);line-height:1.5;margin:0;text-align:left}.quiz-footer{position:fixed;bottom:0;left:0;right:0;max-width:428px;margin:0 auto;padding:20px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom));background-color:var(--card-white);box-shadow:0 -4px 20px #0000001a;z-index:100}.quiz-footer-button{width:100%;background-color:var(--primary-purple);color:#fff;border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.quiz-footer-button:hover{background-color:#b896e0;transform:translateY(-1px);box-shadow:0 4px 12px #c9a7eb4d}.quiz-footer-button:active{transform:scale(.98)}.quiz-results{background-color:var(--card-white);border-radius:24px;padding:40px 24px;box-shadow:0 2px 12px #00000014;text-align:center}.results-header{margin-bottom:32px}.results-icon{width:80px;height:80px;border-radius:50%;background-color:var(--secondary-purple);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.results-icon svg{width:40px;height:40px;color:var(--primary-purple)}.results-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.results-score{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.score-number{font-size:48px;font-weight:700;color:var(--primary-purple)}.score-label{font-size:24px;font-weight:600;color:var(--text-secondary)}.results-subtitle{font-size:16px;color:var(--text-secondary);margin:0}.results-actions{display:flex;flex-direction:column;gap:12px}.results-button{width:100%;padding:16px;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.results-button.primary{background-color:var(--primary-purple);color:#fff}.results-button.primary:hover{background-color:#b896e0}.results-button.secondary{background-color:var(--card-white);color:var(--text-primary);border:2px solid var(--secondary-purple)}.results-button.secondary:hover{background-color:var(--secondary-purple)}.quiz-warning-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.quiz-warning-modal{background-color:var(--card-white);border-radius:24px;padding:24px;max-width:360px;width:100%;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease}.warning-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:12px;text-align:left}.warning-message{font-size:15px;color:var(--text-secondary);line-height:1.5;margin-bottom:24px;text-align:left}.warning-actions{display:flex;gap:12px}.warning-button{flex:1;padding:14px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.warning-button.cancel{background-color:var(--background-light);color:var(--text-primary)}.warning-button.cancel:hover{background-color:var(--secondary-purple)}.warning-button.confirm{background-color:#ef4444;color:#fff}.warning-button.confirm:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.conversations-page{padding:0 0 100px;max-width:428px;margin:0 auto;width:100%;background-color:var(--background-light);min-height:100vh}.conversations-top-nav{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;background-color:var(--card-white);padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:100;box-shadow:0 2px 8px #0000001a;border-bottom:1px solid rgba(0,0,0,.05)}.conversations-top-nav .nav-back-button,.conversations-top-nav .nav-menu-button{width:40px;height:40px;border-radius:50%;background-color:var(--background-light);display:flex;align-items:center;justify-content:center;color:var(--text-primary);border:none;cursor:pointer;transition:all .2s ease}.conversations-top-nav .nav-back-button:active,.conversations-top-nav .nav-menu-button:active{transform:scale(.95);background-color:var(--secondary-purple)}.conversations-top-nav .nav-title{font-size:18px;font-weight:700;color:var(--text-primary);flex:1;text-align:center}.conversations-header{padding:80px 16px 16px;background-color:var(--background-light)}.conversations-header-content{display:flex;flex-direction:column;gap:4px}.conversations-page-subtitle{font-size:15px;color:var(--text-secondary);font-weight:400;text-align:left;margin:0}.conversations-search-container{padding:0 16px 16px}.conversations-search-bar{display:flex;align-items:center;gap:12px;background-color:var(--card-white);padding:14px 18px;border-radius:20px;margin-bottom:24px;box-shadow:0 2px 12px #00000014}.conversations-search-bar svg{color:var(--text-secondary);flex-shrink:0;width:20px;height:20px}.conversations-search-bar input{flex:1;border:none;outline:none;font-size:15px;color:var(--text-primary);background:transparent;font-weight:500}.conversations-search-bar input::placeholder{color:var(--text-secondary)}.conversations-content{padding:0 16px}.conversations-grid{display:flex;flex-direction:column;gap:16px}.conversation-card{background-color:var(--card-white);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 12px #00000014;transition:all .25s ease;border:none;cursor:pointer;text-align:left;width:100%;position:relative;overflow:hidden}.conversation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:var(--soft-blue);opacity:0;transition:opacity .25s ease}.conversation-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.conversation-card:hover:before{opacity:1}.conversation-card:active{transform:scale(.98)}.conversation-card-header{display:flex;justify-content:space-between;align-items:flex-start}.conversation-icon-wrapper{width:56px;height:56px;border-radius:14px;background-color:var(--light-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.conversation-icon-wrapper svg{width:28px;height:28px;color:var(--soft-blue)}.conversation-level-badge{font-size:11px;font-weight:700;color:#fff;padding:6px 12px;border-radius:12px;text-transform:uppercase}.conversation-card-content{display:flex;flex-direction:column;gap:8px}.conversation-topic-badge{font-size:11px;font-weight:600;background-color:var(--secondary-purple);color:var(--primary-purple);padding:4px 10px;border-radius:8px;display:inline-block;align-self:flex-start;text-transform:uppercase}.conversation-card-title{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2;margin:0;text-align:left}.conversation-card-description{font-size:13px;color:var(--text-secondary);line-height:1.4;margin:0;text-align:left}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);font-size:16px}.no-results{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:15px}@media(max-width:375px){.conversations-page-title{font-size:28px}}.conversation-page{max-width:428px;margin:0 auto;width:100%;background-color:var(--background-light);min-height:100vh;display:flex;flex-direction:column;position:relative}.chat-header{background-color:var(--card-white);padding:16px;padding-top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000f;position:sticky;top:0;z-index:100}.back-button{width:40px;height:40px;border-radius:50%;background-color:var(--background-light);display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:transform .2s ease;flex-shrink:0;border:none;cursor:pointer}.back-button svg{width:20px;height:20px}.chat-avatar{width:44px;height:44px;border-radius:50%;background-color:var(--background-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-avatar svg{width:24px;height:24px;color:var(--text-primary)}.chat-header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;align-items:flex-start}.chat-header-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-topic{font-size:13px;color:var(--text-secondary);text-align:left;display:block}.chat-messages-container{flex:1;padding:20px 16px 100px;overflow-y:auto;display:flex;flex-direction:column}.chat-intro-card{background-color:var(--card-white);border-radius:16px;padding:20px;margin-bottom:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;box-shadow:0 2px 12px #00000014;animation:fadeIn .4s ease}.chat-intro-card svg{width:32px;height:32px;color:var(--primary-purple)}.chat-intro-card p{font-size:15px;color:var(--text-secondary);line-height:1.5;margin:0}.chat-messages{display:flex;flex-direction:column;gap:16px}.chat-bubble-wrapper{display:flex;align-items:flex-end;gap:8px;width:100%}.chat-bubble-wrapper.left{justify-content:flex-start;animation:slideUpLeft .4s ease}.chat-bubble-wrapper.right{justify-content:flex-end;animation:slideUpRight .4s ease}.chat-bubble-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.left-avatar{background-color:var(--secondary-purple);color:var(--primary-purple)}.right-avatar{background-color:var(--light-blue);color:var(--soft-blue)}.chat-bubble{max-width:75%;padding:12px 16px;border-radius:18px;position:relative;flex-shrink:0}.chat-bubble.speaker-a{background-color:var(--card-white);border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000014}.chat-bubble.speaker-b{background-color:var(--primary-purple);border-bottom-right-radius:4px;box-shadow:0 2px 8px #c9a7eb4d}.chat-bubble-text{font-size:16px;line-height:1.5;margin:0;text-align:left}.chat-bubble.speaker-a .chat-bubble-text{color:var(--text-primary)}.chat-bubble.speaker-b .chat-bubble-text{color:#fff}.typing-bubble{background-color:var(--card-white)!important;padding:16px 18px!important;min-height:auto!important}.typing-indicator{display:flex;align-items:center;gap:4px;height:20px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:var(--text-secondary);opacity:.6;animation:typingBounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-8px);opacity:1}}.chat-vocabulary-card{background-color:var(--card-white);border-radius:16px;padding:20px;margin-top:24px;box-shadow:0 2px 12px #00000014;animation:fadeIn .4s ease}.vocabulary-card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.vocabulary-card-header svg{width:20px;height:20px;color:var(--primary-purple)}.vocabulary-card-header h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.vocabulary-compact-list{display:flex;flex-direction:column;gap:12px}.vocab-compact-item{padding:12px;background-color:var(--background-light);border-radius:12px;border-left:3px solid var(--primary-purple)}.vocab-compact-word{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px;text-align:left}.vocab-compact-meaning{font-size:14px;color:var(--text-secondary);margin-bottom:2px;text-align:left}.vocab-compact-pronunciation{font-size:12px;color:var(--primary-purple);font-style:italic;text-align:left}.chat-footer{position:fixed;bottom:0;left:0;right:0;max-width:428px;margin:0 auto;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background-color:var(--card-white);box-shadow:0 -4px 20px #0000001a;display:flex;gap:12px;z-index:100}.chat-action-button{flex:1;padding:14px;border-radius:16px;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease}.chat-action-button.primary{background-color:var(--primary-purple);color:#fff;flex:2}.chat-action-button.primary:hover{background-color:#b896e0;transform:translateY(-1px);box-shadow:0 4px 12px #c9a7eb4d}.chat-action-button.secondary{background-color:var(--background-light);color:var(--text-primary);border:2px solid var(--secondary-purple)}.chat-action-button.secondary:hover{background-color:var(--secondary-purple)}.chat-action-button.auto{background-color:var(--soft-blue);color:#fff}.chat-action-button.auto:hover{background-color:#5aa5d7}.chat-action-button:active{transform:scale(.98)}.chat-action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes slideUpLeft{0%{opacity:0;transform:translate(-30px) translateY(10px)}to{opacity:1;transform:translate(0) translateY(0)}}@keyframes slideUpRight{0%{opacity:0;transform:translate(30px) translateY(10px)}to{opacity:1;transform:translate(0) translateY(0)}}.loading-container,.error-container{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);font-size:16px}@media(max-width:375px){.chat-header-title{font-size:15px}.chat-bubble{max-width:80%}}.ai-page{padding:20px 16px 100px;max-width:428px;margin:0 auto;width:100%}.ai-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.back-button{width:40px;height:40px;border-radius:50%;background-color:var(--card-white);display:flex;align-items:center;justify-content:center;color:var(--text-primary);box-shadow:0 2px 8px #0000000f;border:none;cursor:pointer;transition:transform .2s ease}.back-button:active{transform:scale(.95)}.page-title{font-size:24px;font-weight:700;color:var(--text-primary)}.ai-section{margin-bottom:32px}.section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:14px}.ai-features{display:flex;flex-direction:column;gap:12px}.ai-feature-card{background-color:var(--card-white);border-radius:24px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 12px #00000014;transition:all .3s ease;border:2px solid transparent;cursor:pointer;text-align:left;width:100%}.ai-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--secondary-purple)}.ai-feature-card:active{transform:scale(.98)}.ai-feature-card svg{width:24px;height:24px;color:var(--primary-purple);flex-shrink:0}.ai-feature-label{font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px}.feed-page{min-height:100vh;max-width:428px;margin:0 auto;width:100%;background-color:var(--background-light);display:flex;flex-direction:column;padding-bottom:100px}.feed-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:var(--text-secondary)}.feed-top-nav{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;height:64px;padding-top:max(16px,env(safe-area-inset-top));background-color:var(--card-white);border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100;box-shadow:0 2px 8px #0000000f}.nav-back-button,.nav-menu-button{width:40px;height:40px;border-radius:50%;background-color:var(--background-light);display:flex;align-items:center;justify-content:center;color:var(--text-primary);border:none;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.nav-back-button:active,.nav-menu-button:active{transform:scale(.95)}.nav-title{font-size:18px;font-weight:700;color:var(--text-primary);flex:1;text-align:center;letter-spacing:-.3px}.feed-content{padding:80px 16px 0;display:flex;flex-direction:column;gap:16px}.feed-empty{padding:64px 24px;text-align:center;color:var(--text-secondary);font-size:16px;line-height:1.5}.feed-post{background-color:var(--card-white);border-radius:24px;padding:20px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;gap:16px}.post-header{display:flex;align-items:center;justify-content:space-between}.post-author{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.post-avatar,.post-avatar-placeholder{width:44px;height:44px;border-radius:50%;background-color:var(--secondary-purple);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.post-avatar img{width:100%;height:100%;object-fit:cover}.post-avatar-placeholder svg{width:24px;height:24px;color:var(--primary-purple)}.post-author-info{flex:1;min-width:0}.post-author-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:3px;line-height:1.3}.post-time{font-size:12px;color:var(--text-secondary);font-weight:400}.post-more-button{width:36px;height:36px;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}.post-more-button:hover{background-color:var(--background-light);color:var(--text-primary)}.post-more-button:active{transform:scale(.95);background-color:#0000000d}.post-content{display:flex;flex-direction:column;gap:12px}.post-text{font-size:15px;line-height:1.5;color:var(--text-primary);margin:0;white-space:pre-wrap;word-wrap:break-word;font-weight:400}.post-image-container{width:100%;border-radius:16px;overflow:hidden;background-color:var(--background-light);box-shadow:0 2px 8px #0000000f}.post-image{width:100%;height:auto;display:block;object-fit:cover}.post-actions{display:flex;align-items:center;gap:20px;padding-top:8px;border-top:1px solid rgba(0,0,0,.05)}.post-action-button{display:flex;align-items:center;gap:8px;background-color:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:20px;transition:all .2s ease;position:relative}.post-action-button:hover{background-color:var(--background-light);color:var(--text-primary)}.post-action-button:active{transform:scale(.95)}.post-action-button svg{width:20px;height:20px;transition:transform .2s ease;flex-shrink:0}.post-action-button:active svg{transform:scale(1.1)}.post-action-button.liked{color:#ef4444}.post-action-button.liked:hover{background-color:#ef44441a;color:#ef4444}.post-action-button.liked svg{fill:#ef4444;stroke:#ef4444}.post-action-button span{font-size:14px;font-weight:500;line-height:1}.post-action-share{margin-left:auto}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1)}75%{transform:scale(1.15)}to{transform:scale(1)}}.post-action-button.liked svg{animation:heartBeat .4s ease}@media(max-width:375px){.feed-content{padding-left:16px;padding-right:16px}.feed-post{padding:16px}.post-author-name,.post-text{font-size:14px}}.statistics-page{padding:0 0 100px;max-width:428px;margin:0 auto;width:100%}.statistics-top-nav{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;background-color:var(--card-white);padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:100;box-shadow:0 2px 8px #0000001a;border-bottom:1px solid rgba(0,0,0,.05)}.statistics-top-nav .nav-back-button,.statistics-top-nav .nav-menu-button{width:40px;height:40px;border-radius:50%;background-color:var(--background-light);display:flex;align-items:center;justify-content:center;color:var(--text-primary);border:none;cursor:pointer;transition:all .2s ease}.statistics-top-nav .nav-back-button:active,.statistics-top-nav .nav-menu-button:active{transform:scale(.95);background-color:var(--secondary-purple)}.statistics-top-nav .nav-title{font-size:18px;font-weight:700;color:var(--text-primary);flex:1;text-align:center}.statistics-header{display:flex;justify-content:flex-end;align-items:center;padding:80px 16px 16px;background-color:var(--background-light)}.timeframe-selector{display:flex;align-items:center}.statistics-content{padding:0 16px;display:flex;flex-direction:column;gap:32px}.statistics-title-row{display:flex;justify-content:space-between;align-items:center}.statistics-title{font-size:24px;font-weight:700;color:var(--text-primary)}.timeframe-select{background-color:var(--card-white);border:1px solid var(--secondary-purple);border-radius:12px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;outline:none}.chart-container{background-color:var(--card-white);border-radius:20px;padding:40px 20px 20px;box-shadow:0 2px 12px #00000014}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:200px;gap:8px}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%}.chart-bar{width:100%;background-color:var(--secondary-purple);border-radius:8px 8px 0 0;min-height:20px;position:relative;transition:all .3s ease}.chart-bar.highlighted{background-color:var(--primary-purple);box-shadow:0 4px 12px #c9a7eb66}.bar-label{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:var(--text-primary);white-space:nowrap}.bar-day{font-size:12px;font-weight:600;color:var(--text-secondary)}.summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.summary-card{border-radius:20px;padding:20px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 16px #0000001a}.summary-card-purple{background-color:var(--primary-purple);color:#fff}.summary-card-blue{background-color:var(--soft-blue);color:#fff}.summary-card svg{width:32px;height:32px;flex-shrink:0}.summary-card-content{display:flex;flex-direction:column;gap:4px}.summary-card-label{font-size:12px;font-weight:500;opacity:.9}.summary-card-value{font-size:16px;font-weight:700}.streak-tracker{background-color:var(--card-white);border-radius:20px;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #00000014;cursor:pointer;transition:transform .2s ease}.streak-tracker:active{transform:scale(.98)}.streak-content{display:flex;align-items:center;gap:16px}.streak-content svg{width:32px;height:32px;color:var(--warning-yellow);flex-shrink:0}.streak-text{display:flex;flex-direction:column;gap:4px}.streak-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.streak-value{font-size:16px;font-weight:700;color:var(--text-primary)}.streak-tracker svg:last-child{width:20px;height:20px;color:var(--text-secondary)}.profile-page{padding:0 0 100px;max-width:428px;margin:0 auto;width:100%;background-color:var(--background-light);min-height:100vh}.profile-top-nav{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;background-color:var(--card-white);padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:100;box-shadow:0 2px 8px #0000001a;border-bottom:1px solid rgba(0,0,0,.05)}.profile-top-nav .nav-back-button,.profile-top-nav .nav-menu-button{width:40px;height:40px;border-radius:50%;background-color:var(--background-light);display:flex;align-items:center;justify-content:center;color:var(--text-primary);border:none;cursor:pointer;transition:all .2s ease}.profile-top-nav .nav-back-button:active,.profile-top-nav .nav-menu-button:active{transform:scale(.95);background-color:var(--secondary-purple)}.profile-top-nav .nav-title{font-size:18px;font-weight:700;color:var(--text-primary);flex:1;text-align:center}.profile-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:var(--text-secondary)}.profile-content{padding:80px 16px 24px}.profile-user-card{background-color:var(--card-white);border-radius:24px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-avatar-container{position:relative;margin-bottom:16px}.profile-avatar-large{width:96px;height:96px;border-radius:50%;background-color:var(--secondary-purple);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000001a;overflow:hidden}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-avatar-large svg{width:48px;height:48px;color:var(--primary-purple)}.premium-badge{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background-color:var(--warning-yellow);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #facc1566;border:3px solid var(--card-white)}.premium-badge svg{width:18px;height:18px;color:#fff}.profile-user-info{width:100%}.profile-user-name{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px;line-height:1.2}.profile-user-email{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.profile-language-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.language-badge{background-color:var(--light-blue);color:var(--soft-blue);padding:6px 12px;border-radius:12px;font-size:13px;font-weight:600}.profile-language-info svg{width:16px;height:16px;color:var(--text-secondary)}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}.profile-stat-card{background-color:var(--card-white);border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 2px 12px #00000014;text-align:center}.profile-stat-card svg{width:24px;height:24px;color:var(--primary-purple)}.profile-stat-content{display:flex;flex-direction:column;gap:2px}.profile-stat-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1}.profile-stat-label{font-size:11px;color:var(--text-secondary);font-weight:500}.profile-section{margin-bottom:32px}.profile-section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:16px;padding:0 4px}.profile-menu-list{display:flex;flex-direction:column;gap:8px}.profile-menu-item{background-color:var(--card-white);border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #00000014;transition:all .2s ease;border:none;cursor:pointer;width:100%;text-align:left}.profile-menu-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.profile-menu-item:active{transform:scale(.98)}.profile-menu-item-left{display:flex;align-items:center;gap:16px;flex:1}.profile-menu-icon{width:40px;height:40px;border-radius:12px;background-color:var(--secondary-purple);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-menu-icon svg{width:20px;height:20px;color:var(--primary-purple)}.profile-menu-text{display:flex;flex-direction:column;gap:4px;flex:1}.profile-menu-label-row{display:flex;align-items:center;gap:8px}.profile-menu-label{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.2}.profile-menu-badge{background-color:var(--soft-blue);color:#fff;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.profile-menu-description{font-size:13px;color:var(--text-secondary);line-height:1.3}.profile-menu-item svg:last-child{color:var(--text-secondary);width:20px;height:20px;flex-shrink:0}.profile-progress-card{background-color:var(--card-white);border-radius:16px;padding:20px;box-shadow:0 2px 12px #00000014}.profile-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.profile-progress-label{font-size:14px;font-weight:600;color:var(--text-primary)}.profile-progress-value{font-size:20px;font-weight:700;color:var(--primary-purple)}.profile-progress-bar-container{width:100%;height:8px;background-color:var(--background-light);border-radius:4px;overflow:hidden;margin-bottom:12px}.profile-progress-bar-fill{height:100%;background:var(--primary-purple);border-radius:4px;transition:width .3s ease}.profile-progress-footer{font-size:12px;color:var(--text-secondary);text-align:center}.profile-developer-info{background-color:var(--card-white);border-radius:16px;padding:20px;margin-top:8px;box-shadow:0 2px 12px #00000014}.developer-info-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08)}.developer-info-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.developer-info-content{display:flex;flex-direction:column;gap:12px}.developer-info-item{display:flex;flex-direction:column;gap:4px}.developer-info-value{font-size:14px;font-weight:500;color:var(--text-primary);word-break:break-word}.developer-info-value a{color:var(--primary-purple);text-decoration:underline;transition:color .2s ease}.developer-info-value a:hover{color:var(--secondary-purple)}.profile-logout-button{width:100%;background-color:var(--card-white);border:2px solid rgba(239,68,68,.2);border-radius:16px;padding:16px;font-size:16px;font-weight:600;color:#ef4444;cursor:pointer;transition:all .2s ease;margin-top:8px}.profile-logout-button:hover{background-color:#ef44440d;border-color:#ef44444d}.profile-logout-button:active{transform:scale(.98)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:var(--card-white);border-radius:20px;padding:24px;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d}.modal-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:20px}.modal-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--text-primary)}.form-select{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:12px;font-size:16px;color:var(--text-primary);background-color:var(--background-light);cursor:pointer;transition:all .2s ease}.form-select:focus{outline:none;border-color:var(--primary-purple);background-color:var(--card-white)}.modal-actions{display:flex;gap:12px}.modal-button{flex:1;padding:12px 20px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.modal-button-cancel{background-color:var(--background-light);color:var(--text-secondary)}.modal-button-cancel:hover{background-color:var(--border-color)}.modal-button-primary{background-color:var(--primary-purple);color:#fff}.modal-button-primary:hover{background-color:var(--secondary-purple)}.modal-button:active{transform:scale(.98)}.settings-page{padding:0 0 100px;max-width:428px;margin:0 auto;width:100%;background-color:var(--background-light);min-height:100vh}.settings-top-nav{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;background-color:var(--card-white);padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:100;box-shadow:0 2px 8px #0000001a;border-bottom:1px solid rgba(0,0,0,.05)}.settings-top-nav .nav-back-button{width:40px;height:40px;border-radius:50%;background-color:var(--background-light);display:flex;align-items:center;justify-content:center;color:var(--text-primary);border:none;cursor:pointer;transition:all .2s ease}.settings-top-nav .nav-back-button:active{transform:scale(.95);background-color:var(--secondary-purple)}.settings-top-nav .nav-title{font-size:18px;font-weight:700;color:var(--text-primary);flex:1;text-align:center}.settings-top-nav .nav-placeholder{width:40px;height:40px}.settings-content{padding:80px 16px 24px}.settings-section-card{background-color:var(--card-white);border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:0 2px 12px #00000014;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.developer-info{width:100%}.developer-info-header{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--background-light)}.developer-info-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.developer-info-content{display:flex;flex-direction:column;gap:16px}.developer-info-item{display:flex;flex-direction:column;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--background-light)}.developer-info-item:last-child{border-bottom:none;padding-bottom:0}.developer-info-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.developer-info-value{font-size:16px;font-weight:500;color:var(--text-primary);word-break:break-word}.developer-info-link{font-size:16px;font-weight:500;color:var(--primary-purple);text-decoration:underline;transition:color .2s ease;word-break:break-word}.developer-info-link:hover{color:var(--secondary-purple)}.settings-text-content{width:100%}.settings-section-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--background-light)}.settings-privacy-intro{font-size:14px;color:var(--text-secondary);margin-bottom:20px;font-style:italic}.settings-privacy-accordion{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.settings-privacy-accordion-item{border:1px solid var(--background-light);border-radius:12px;overflow:hidden;transition:all .2s ease}.settings-privacy-accordion-item:hover{border-color:var(--secondary-purple)}.settings-privacy-accordion-button{width:100%;padding:16px 20px;background-color:transparent;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;transition:all .2s ease}.settings-privacy-accordion-button:hover{background-color:var(--background-light)}.settings-privacy-accordion-button.active{background-color:var(--background-light);border-bottom:1px solid var(--background-light)}.settings-privacy-accordion-title{font-size:16px;font-weight:600;color:var(--text-primary);flex:1}.settings-privacy-accordion-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform .3s ease;flex-shrink:0}.settings-privacy-accordion-icon svg{width:20px;height:20px}.settings-privacy-accordion-icon.open{transform:rotate(90deg);color:var(--primary-purple)}.settings-privacy-accordion-content{padding:0 20px 16px;animation:slideDown .3s ease;border-top:1px solid var(--background-light);margin-top:-1px}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:16px;padding-bottom:16px}}.settings-privacy-accordion-content p{font-size:15px;line-height:1.7;color:var(--text-primary);margin:0}.settings-text-body{font-size:15px;line-height:1.7;color:var(--text-primary)}.settings-text-body p{margin-bottom:16px}.settings-text-body h4{font-size:18px;font-weight:700;color:var(--text-primary);margin-top:24px;margin-bottom:12px}.settings-text-body ul{margin-left:20px;margin-bottom:16px;padding-left:0}.settings-text-body li{margin-bottom:8px;list-style-position:inside;padding-left:8px}.settings-version{margin-top:24px;padding-top:16px;border-top:1px solid var(--background-light);font-size:14px;color:var(--text-secondary)}.settings-version strong{color:var(--primary-purple);font-weight:600}.settings-full-link{margin-top:24px;padding-top:20px;border-top:1px solid var(--background-light)}.settings-link{font-size:16px;font-weight:600;color:var(--primary-purple);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .2s ease}.settings-link:hover{color:var(--secondary-purple);text-decoration:underline}.settings-delete-account{width:100%}.settings-delete-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.settings-delete-confirm{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:16px;margin-bottom:16px}.settings-delete-warning{font-size:14px;color:#dc2626;font-weight:600;margin:0;line-height:1.6}.settings-delete-button{width:100%;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;color:#fff;background-color:#ef4444;border:none;cursor:pointer;transition:all .2s ease}.settings-delete-button:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.settings-delete-button:active{transform:scale(.98)}.settings-delete-button.confirm{background-color:#dc2626;margin-bottom:12px}.settings-cancel-button{width:100%;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;color:var(--text-secondary);background-color:var(--background-light);border:2px solid var(--border-color);cursor:pointer;transition:all .2s ease}.settings-cancel-button:hover{background-color:var(--card-white);border-color:var(--text-secondary);color:var(--text-primary)}.settings-cancel-button:active{transform:scale(.98)}.vocabulary-page{padding:0 0 100px;max-width:428px;margin:0 auto;width:100%;background-color:var(--background-light);min-height:100vh}.vocabulary-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;background-color:var(--card-white);padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:100;box-shadow:0 2px 8px #0000001a;border-bottom:1px solid rgba(0,0,0,.05)}.vocabulary-search-container{padding:80px 16px 20px;background-color:var(--background-light)}.vocabulary-alphabet-filter{padding:0 16px 20px;background-color:var(--background-light)}.vocabulary-alphabet-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.vocabulary-alphabet-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:12px}.vocabulary-alphabet-button{aspect-ratio:1;border-radius:10px;border:2px solid rgba(0,0,0,.1);background-color:var(--card-white);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.vocabulary-alphabet-button:hover:not(.disabled){background-color:var(--secondary-purple);color:#fff;border-color:var(--primary-purple);transform:scale(1.05)}.vocabulary-alphabet-button.active{background-color:var(--primary-purple);color:#fff;border-color:var(--primary-purple);box-shadow:0 2px 8px #c9a7eb66}.vocabulary-alphabet-button.disabled{opacity:.3;cursor:not-allowed;background-color:var(--background-light)}.vocabulary-alphabet-button:active:not(.disabled){transform:scale(.95)}.vocabulary-alphabet-clear{background-color:transparent;color:var(--primary-purple);border:1px solid var(--primary-purple);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.vocabulary-alphabet-clear:hover{background-color:var(--primary-purple);color:#fff}@media(max-width:375px){.vocabulary-alphabet-grid{grid-template-columns:repeat(7,1fr)}}.vocabulary-search-bar{display:flex;align-items:center;gap:12px;background-color:var(--card-white);padding:14px 18px;border-radius:16px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.vocabulary-search-bar:focus-within{box-shadow:0 4px 12px #7c3aed26;border-color:var(--primary-purple)}.vocabulary-search-bar svg{color:var(--text-secondary);flex-shrink:0;width:20px;height:20px}.vocabulary-search-bar input{flex:1;border:none;outline:none;font-size:15px;color:var(--text-primary);background:transparent;font-weight:500}.vocabulary-search-bar input::placeholder{color:var(--text-secondary)}.vocabulary-categories-grid{padding:80px 16px 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;background-color:var(--background-light)}.vocabulary-category-box{background-color:var(--card-white);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,0,0,.05);min-height:180px;position:relative;overflow:hidden}.vocabulary-category-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:var(--category-color, var(--primary-purple));opacity:0;transition:opacity .25s ease}.vocabulary-category-box:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.vocabulary-category-box:hover:before{opacity:1}.vocabulary-category-box:active{transform:scale(.98)}.vocabulary-category-box-header{display:flex;justify-content:space-between;align-items:flex-start}.vocabulary-category-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.vocabulary-category-icon svg{width:24px;height:24px;color:#fff;stroke:currentColor;fill:none}.vocabulary-category-badge{font-size:11px;font-weight:600;background-color:var(--background-light);color:var(--text-secondary);padding:4px 10px;border-radius:12px;white-space:nowrap}.vocabulary-category-box-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;letter-spacing:-.3px}.vocabulary-category-box-description{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4;flex:1}.vocabulary-category-box-button{background-color:var(--category-color, var(--primary-purple));color:#fff;border:none;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:auto;align-self:flex-start;box-shadow:0 2px 8px #0000001a}.vocabulary-category-box-button:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.vocabulary-category-box-button:active{transform:scale(.98)}.vocabulary-content{padding:0 16px;background-color:var(--background-light)}.vocabulary-section-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.vocabulary-empty{padding:60px 20px;text-align:center;color:var(--text-secondary);font-size:15px}.vocabulary-list{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.vocabulary-word-card{background-color:var(--card-white);border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.05);cursor:pointer;transition:all .2s ease}.vocabulary-word-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.vocabulary-word-card:active{transform:scale(.98)}.vocabulary-word-main{margin-bottom:12px}.vocabulary-word-text{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.vocabulary-word-italian{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.vocabulary-word-pronunciation{font-size:14px;color:var(--text-secondary);font-style:italic}.vocabulary-word-meaning{font-size:16px;color:var(--text-primary);margin:0;font-weight:500}.vocabulary-word-example{padding-top:12px;border-top:1px solid rgba(0,0,0,.05)}.vocabulary-example-label{font-size:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.vocabulary-example-text{font-size:14px;color:var(--text-primary);margin:0;line-height:1.5;font-style:italic}.vocabulary-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.vocabulary-modal-content{background-color:var(--card-white);border-radius:20px;padding:24px;max-width:400px;width:100%;max-height:80vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 8px 24px #0003}.vocabulary-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background-color:var(--background-light);border:none;color:var(--text-primary);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.vocabulary-modal-close:hover{background-color:var(--secondary-purple);color:#fff}.vocabulary-modal-header{margin-bottom:24px;padding-right:40px}.vocabulary-modal-word{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.vocabulary-modal-pronunciation{font-size:16px;color:var(--text-secondary);font-style:italic}.vocabulary-modal-body{display:flex;flex-direction:column;gap:20px}.vocabulary-modal-section{padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.05)}.vocabulary-modal-section:last-child{border-bottom:none;padding-bottom:0}.vocabulary-modal-section-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.vocabulary-modal-text{font-size:16px;color:var(--text-primary);margin:0;line-height:1.6}.vocabulary-modal-example{font-size:16px;color:var(--text-primary);margin:0;line-height:1.6;font-style:italic;padding:12px;background-color:var(--background-light);border-radius:8px}@media(max-width:375px){.vocabulary-categories-grid{grid-template-columns:1fr}.vocabulary-modal-content{padding:20px}.vocabulary-modal-word{font-size:28px}}.opposite-words-page{padding:0 0 100px;max-width:428px;margin:0 auto;width:100%;background-color:var(--background-light);min-height:100vh}.opposite-words-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;background-color:var(--card-white);padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:100;box-shadow:0 2px 8px #0000001a;border-bottom:1px solid rgba(0,0,0,.05)}.opposite-words-search-container{padding:80px 16px 20px;background-color:var(--background-light)}.opposite-words-search-bar{display:flex;align-items:center;gap:12px;background-color:var(--card-white);padding:14px 18px;border-radius:16px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.opposite-words-search-bar:focus-within{box-shadow:0 4px 12px #7c3aed26;border-color:var(--primary-purple)}.opposite-words-search-bar svg{color:var(--text-secondary);flex-shrink:0;width:20px;height:20px}.opposite-words-search-bar input{flex:1;border:none;outline:none;font-size:15px;color:var(--text-primary);background:transparent;font-weight:500}.opposite-words-search-bar input::placeholder{color:var(--text-secondary)}.opposite-words-alphabet-filter{padding:0 16px 20px;background-color:var(--background-light)}.opposite-words-alphabet-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.opposite-words-alphabet-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:12px}.opposite-words-alphabet-button{aspect-ratio:1;border-radius:10px;border:2px solid rgba(0,0,0,.1);background-color:var(--card-white);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.opposite-words-alphabet-button:hover:not(.disabled){background-color:var(--secondary-purple);color:#fff;border-color:var(--primary-purple);transform:scale(1.05)}.opposite-words-alphabet-button.active{background-color:var(--primary-purple);color:#fff;border-color:var(--primary-purple);box-shadow:0 2px 8px #c9a7eb66}.opposite-words-alphabet-button.disabled{opacity:.3;cursor:not-allowed;background-color:var(--background-light)}.opposite-words-alphabet-button:active:not(.disabled){transform:scale(.95)}.opposite-words-alphabet-clear{background-color:transparent;color:var(--primary-purple);border:1px solid var(--primary-purple);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.opposite-words-alphabet-clear:hover{background-color:var(--primary-purple);color:#fff}@media(max-width:375px){.opposite-words-alphabet-grid{grid-template-columns:repeat(7,1fr)}}.opposite-words-content{padding:0 16px;background-color:var(--background-light)}.opposite-words-empty{padding:60px 20px;text-align:center;color:var(--text-secondary);font-size:15px}.opposite-words-list{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.opposite-words-card{background-color:var(--card-white);border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.05);transition:all .2s ease;min-width:0;overflow:hidden;width:100%;box-sizing:border-box}.opposite-words-pair{display:flex;align-items:center;gap:clamp(8px,2vw,16px);margin-bottom:16px;padding:clamp(12px,2.5vw,16px);background-color:#c9a7eb0d;border-radius:12px;border:1px solid rgba(201,167,235,.15);min-width:0;overflow:hidden;flex-wrap:nowrap;width:100%;box-sizing:border-box}.opposite-word-item{flex:1 1 0;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:visible;max-width:calc(50% - 20px)}.opposite-word-item:first-child{align-items:flex-start;text-align:left}.opposite-word-item:last-child{align-items:flex-end;text-align:right}.opposite-word-text{display:flex!important;flex-direction:column!important;gap:4px;align-items:flex-start;width:100%;min-width:0;overflow:visible}.opposite-word-item:first-child .opposite-word-text{align-items:flex-start}.opposite-word-item:last-child .opposite-word-text{align-items:flex-end}.opposite-word-italian{font-size:clamp(12px,3.5vw,24px);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;text-transform:uppercase!important;display:block;width:100%;white-space:nowrap;overflow:visible;max-width:100%;box-sizing:border-box;text-align:inherit}.opposite-word-pronunciation{font-size:min(14px,3vw);color:var(--text-secondary);font-style:italic;font-weight:400;line-height:1.4;display:block;width:100%;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.opposite-word-meaning{font-size:min(16px,3.5vw);color:var(--text-primary);margin:0;font-weight:500;line-height:1.4;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.opposite-words-arrow{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--secondary-purple);border-radius:50%;color:var(--primary-purple)}.opposite-words-arrow svg{width:24px;height:24px;stroke:var(--primary-purple)}.opposite-words-example{padding:16px;margin-top:12px;background-color:#f5f0fa99;border-radius:12px;border:1px solid rgba(201,167,235,.3);display:flex;flex-direction:column;gap:14px}.opposite-example-item{display:flex;flex-direction:column;gap:6px}.opposite-example-item:first-child{align-items:flex-start;text-align:left}.opposite-example-item:last-child{align-items:flex-end;text-align:right}.opposite-example-label{font-size:min(16px,3vw);color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;box-sizing:border-box}.opposite-example-text{font-size:min(18px,3.5vw);color:#1f2937;margin:0;line-height:1.6;font-style:italic;box-sizing:border-box}.opposite-example-learning{font-weight:600;color:#7c3aed;font-size:min(18px,3.5vw);margin-bottom:6px;line-height:1.6;box-sizing:border-box}.opposite-example-base{font-weight:400;color:#4b5563;font-size:min(18px,3.5vw);padding-left:14px;border-left:3px solid rgba(201,167,235,.5);margin-top:6px;line-height:1.6;padding-top:2px;padding-bottom:2px;box-sizing:border-box}.opposite-words-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.opposite-words-modal-content{background-color:var(--card-white);border-radius:20px;padding:24px;max-width:400px;width:100%;max-height:80vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 8px 24px #0003}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.opposite-words-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background-color:var(--background-light);border:none;color:var(--text-primary);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.opposite-words-modal-close:hover{background-color:var(--secondary-purple);color:#fff}.opposite-words-modal-pair{display:flex;align-items:flex-start;gap:16px;margin-top:8px}.opposite-words-modal-item{flex:1;display:flex;flex-direction:column}.opposite-words-modal-header{margin-bottom:20px}.opposite-words-modal-word{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.opposite-words-modal-pronunciation{font-size:15px;color:var(--text-secondary);font-style:italic}.opposite-words-modal-body{display:flex;flex-direction:column;gap:16px}.opposite-words-modal-section{padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.05)}.opposite-words-modal-section:last-child{border-bottom:none;padding-bottom:0}.opposite-words-modal-section-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.opposite-words-modal-text{font-size:16px;color:var(--text-primary);margin:0;line-height:1.6}.opposite-words-modal-example{font-size:16px;color:var(--text-primary);margin:0;line-height:1.6;font-style:italic;padding:12px;background-color:var(--background-light);border-radius:8px}.opposite-words-modal-arrow{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--secondary-purple);border-radius:50%;color:var(--primary-purple);margin-top:20px}.opposite-words-modal-arrow svg{width:28px;height:28px;stroke:var(--primary-purple)}@media(max-width:375px){.opposite-words-modal-content{padding:20px}.opposite-words-modal-word{font-size:24px}.opposite-words-modal-pair{flex-direction:column;align-items:center}.opposite-words-modal-arrow{transform:rotate(90deg);margin:8px 0}}.writing-page{padding:0 0 100px;max-width:428px;margin:0 auto;width:100%;background-color:var(--background-light);min-height:100vh}.writing-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;background-color:var(--card-white);padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:100;box-shadow:0 2px 8px #0000001a;border-bottom:1px solid rgba(0,0,0,.05)}.header-back-button{width:40px;height:40px;border-radius:50%;background-color:var(--background-light);display:flex;align-items:center;justify-content:center;color:var(--text-primary);border:none;cursor:pointer;transition:all .2s ease}.header-back-button:active{transform:scale(.95);background-color:var(--secondary-purple)}.header-title{font-size:18px;font-weight:700;color:var(--text-primary);flex:1;text-align:center}.writing-search-container{padding:80px 16px 20px;background-color:var(--background-light)}.writing-search-bar{display:flex;align-items:center;gap:12px;background-color:var(--card-white);border-radius:14px;padding:14px 18px;border:1px solid rgba(0,0,0,.08);transition:all .2s ease;box-shadow:0 2px 8px #0000000f}.writing-search-bar:focus-within{box-shadow:0 4px 12px #c9a7eb33;border-color:var(--primary-purple)}.writing-search-bar svg{color:var(--text-secondary);flex-shrink:0;width:20px;height:20px}.writing-search-bar input{flex:1;border:none;outline:none;font-size:15px;color:var(--text-primary);background:transparent;font-weight:500}.writing-search-bar input::placeholder{color:var(--text-secondary)}.writing-content{padding:0 16px 20px}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-secondary);font-size:16px;padding:80px 20px 20px}.writing-categories-grid{padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;background-color:var(--background-light)}.writing-category-card{background-color:var(--card-white);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,0,0,.05);min-height:180px;position:relative;overflow:hidden}.writing-category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:var(--category-color, var(--primary-purple));opacity:0;transition:opacity .25s ease}.writing-category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.writing-category-card:hover:before{opacity:1}.writing-category-card:active{transform:scale(.98)}.writing-category-card-header{display:flex;justify-content:space-between;align-items:flex-start}.writing-category-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.writing-category-icon svg{width:24px;height:24px;color:#fff;stroke:currentColor;fill:none}.writing-category-name{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4;letter-spacing:-.3px;display:flex;flex-direction:column;gap:4px}.writing-category-name-learning{font-weight:700;color:var(--text-primary)}.writing-category-name-base{font-size:15px;font-weight:500;color:var(--text-secondary)}.writing-category-description{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4;flex:1}.writing-exercises-list{display:flex;flex-direction:column;gap:16px;padding:0}.writing-exercise-card{background-color:var(--card-white);border-radius:20px;padding:20px;cursor:pointer;transition:all .25s ease;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 12px #00000014}.writing-exercise-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:var(--primary-purple)}.writing-exercise-card:active{transform:scale(.98)}.writing-exercise-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.writing-exercise-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;display:flex;flex-direction:column;gap:4px;flex:1}.writing-exercise-title-learning{font-weight:600;color:var(--text-primary)}.writing-exercise-title-base{font-size:14px;font-weight:500;color:var(--text-secondary)}.writing-exercise-difficulty{font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:uppercase}.writing-difficulty-beginner{background-color:#10b9811a;color:#10b981}.writing-difficulty-intermediate{background-color:#f59e0b1a;color:#f59e0b}.writing-difficulty-advanced{background-color:#ef44441a;color:#ef4444}.writing-exercise-preview{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.writing-content:has(.writing-exercise-viewer){padding-top:80px}.writing-exercise-viewer{background-color:var(--card-white);border-radius:20px;padding:24px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,0,0,.05)}.writing-exercise-header-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.writing-exercise-detail-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4;letter-spacing:-.3px;display:flex;flex-direction:column;gap:6px;flex:1}.writing-exercise-detail-title-learning{font-weight:700;color:var(--text-primary)}.writing-exercise-detail-title-base{font-size:17px;font-weight:500;color:var(--text-secondary)}.writing-exercise-prompt{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.05)}.writing-prompt-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.writing-prompt-text{font-size:16px;color:var(--text-primary);line-height:1.6;margin:0}.writing-response-section{margin-bottom:24px}.writing-response-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.writing-response-input{width:100%;min-height:200px;padding:16px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:16px;font-family:inherit;color:var(--text-primary);background-color:var(--background-light);resize:vertical;transition:border-color .2s;box-sizing:border-box}.writing-response-input:focus{outline:none;border-color:var(--primary-purple)}.writing-response-input::placeholder{color:var(--text-secondary)}.writing-exercise-actions{display:flex;gap:12px;margin-bottom:24px}.writing-submit-button,.writing-show-answer-button{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.writing-submit-button{background-color:var(--primary-purple);color:#fff;box-shadow:0 2px 8px #c9a7eb4d}.writing-submit-button:hover:not(:disabled){background-color:#b891e5;transform:translateY(-2px);box-shadow:0 4px 12px #c9a7eb66}.writing-submit-button:active:not(:disabled){transform:scale(.98)}.writing-submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.writing-show-answer-button{background-color:var(--card-white);color:var(--text-primary);border:2px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #0000000d}.writing-show-answer-button:hover{background-color:var(--background-light);border-color:var(--primary-purple);transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.writing-show-answer-button:active{transform:scale(.98)}.writing-answer-section{padding:20px;background-color:#c9a7eb14;border-radius:16px;border:1px solid rgba(201,167,235,.2)}.writing-answer-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.writing-answer-text{font-size:16px;color:var(--text-primary);line-height:1.6;margin:0;font-style:italic}.writing-empty{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:16px;background-color:var(--card-white);border-radius:20px;margin:20px 16px;box-shadow:0 2px 8px #0000000f}@media(max-width:480px){.writing-categories-grid{grid-template-columns:repeat(2,1fr);gap:12px}.writing-category-card{padding:16px}.writing-category-icon{width:48px;height:48px}.writing-category-name{font-size:14px}.writing-category-description{font-size:12px}.writing-exercise-viewer{padding:20px}.writing-response-input{min-height:160px}.writing-exercise-actions{flex-direction:column}}.app{min-height:100vh;background-color:var(--background-light)}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--background-light);font-size:18px;color:var(--text-primary);font-weight:500}:root{--primary-purple: #C9A7EB;--secondary-purple: #E6D9F5;--soft-blue: #6BB6E8;--light-blue: #EAF4FB;--background-light: #F7F8FA;--card-white: #FFFFFF;--text-primary: #1F2937;--text-secondary: #6B7280;--success-green: #4ADE80;--warning-yellow: #FACC15;--orange: #FB923C}*{margin:0;padding:0;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;touch-action:manipulation;-webkit-touch-callout:none;height:100%;width:100%;position:fixed;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-light);color:var(--text-primary);touch-action:manipulation;-webkit-touch-callout:none;height:100%;width:100%;position:fixed;overflow:hidden}input,textarea,select{-webkit-user-select:text;user-select:text}#root{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea{font-family:inherit}a{text-decoration:none;color:inherit}