*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100dvh;overflow:hidden}body{overscroll-behavior:none;-webkit-font-smoothing:antialiased;background:#c0392b;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}.app{background:#faf7f0;flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.loading-screen{background:#c0392b;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100dvh;display:flex}.loading-flag{font-size:72px}.loading-logo{color:#f9a825;font-family:Georgia,serif;font-size:38px;font-style:italic;font-weight:700}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-bg{background:linear-gradient(#c0392b 0%,#8b1a1a 55%,#faf7f0 55%);flex-direction:column;justify-content:flex-end;align-items:center;height:100dvh;display:flex}.auth-top{flex-direction:column;flex:1;justify-content:center;align-items:center;padding-bottom:32px;display:flex}.auth-flag{margin-bottom:12px;font-size:64px}.auth-logo{color:#f9a825;letter-spacing:-1px;font-family:Georgia,serif;font-size:48px;font-style:italic;font-weight:700}.auth-tagline{color:#ffffffd9;margin-top:8px;font-size:16px}.auth-card{padding:32px 24px;padding-bottom:calc(32px + env(safe-area-inset-bottom));background:#faf7f0;border-radius:32px 32px 0 0;width:100%;max-width:480px;box-shadow:0 -8px 40px #00000026}.auth-tabs{background:#e8e0d5;border-radius:14px;margin-bottom:20px;padding:4px;display:flex}.auth-tab{color:#8a7f74;cursor:pointer;background:0 0;border:none;border-radius:11px;flex:1;padding:13px;font-size:16px;font-weight:500;transition:all .2s}.auth-tab.active{color:#c0392b;background:#fff;font-weight:600;box-shadow:0 2px 8px #0000001a}.auth-error{color:#c0392b;background:#fde8e8;border-radius:12px;margin-bottom:12px;padding:12px 16px;font-size:14px}.auth-input{color:#1a1a1a;-webkit-appearance:none;background:#fff;border:1.5px solid #e0d8cc;border-radius:16px;outline:none;width:100%;margin-bottom:12px;padding:18px 16px;font-size:17px;transition:border-color .2s}.auth-input:focus{border-color:#c0392b}.btn-primary{color:#fff;cursor:pointer;-webkit-appearance:none;background:#c0392b;border:none;border-radius:18px;width:100%;margin-top:4px;padding:20px;font-size:18px;font-weight:600;transition:opacity .2s}.btn-primary:active{opacity:.85}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.auth-hint{color:#aaa;text-align:center;margin-top:16px;font-size:13px}.header{padding:0 16px;padding-top:calc(12px + env(safe-area-inset-top));background:#c0392b;flex-shrink:0;align-items:center;gap:12px;padding-bottom:12px;display:flex}.header-logo{color:#f9a825;flex:1;font-family:Georgia,serif;font-size:24px;font-style:italic;font-weight:700}.header-user{color:#ffffffe6;font-size:14px;font-weight:500}.header-logout{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.main-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow:hidden auto}.tab-nav{padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e8e0d5;flex-shrink:0;display:flex}.tab-btn{cursor:pointer;color:#b0a898;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;min-height:52px;padding:6px 4px;font-size:10px;font-weight:500;transition:color .2s;display:flex}.tab-btn.active{color:#c0392b}.tab-icon{font-size:26px;line-height:1}.screen{padding:20px 16px 24px}.screen-title{color:#1a1a1a;margin-bottom:4px;font-size:28px;font-weight:700}.screen-sub{color:#8a7f74;margin-bottom:20px;font-size:15px}.words-hero{text-align:center;background:#fff;border-radius:24px;margin-bottom:16px;padding:40px 24px;box-shadow:0 2px 16px #0000000f}.words-flag{margin-bottom:20px;font-size:64px;display:block}.words-hero h2{color:#1a1a1a;margin-bottom:10px;font-size:22px;font-weight:700}.words-hero p{color:#8a7f74;margin-bottom:28px;font-size:15px;line-height:1.5}.level-pills{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.level-pill{cursor:pointer;-webkit-appearance:none;border:1.5px solid;border-radius:24px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s}.level-pill.active{color:#fff;background:#c0392b;border-color:#c0392b}.level-pill.inactive{color:#8a7f74;background:#fff;border-color:#e0d8cc}.btn-get-words{color:#fff;cursor:pointer;-webkit-appearance:none;background:#c0392b;border:none;border-radius:18px;width:100%;padding:18px 36px;font-size:18px;font-weight:600}.btn-get-words:active{opacity:.85}.btn-get-words:disabled{opacity:.6}.word-card{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:18px 20px;display:flex;box-shadow:0 2px 8px #0000000d}.word-es{color:#1a1a1a;font-size:19px;font-weight:700}.word-ru{color:#8a7f74;margin-top:2px;font-size:14px}.word-level{color:#c0392b;background:#fff0f0;border-radius:20px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:600}.test-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.test-count{color:#8a7f74;font-size:15px;font-weight:500}.progress-bar-bg{background:#e8e0d5;border-radius:3px;width:100%;height:5px;margin-bottom:24px}.progress-bar{background:#c0392b;border-radius:3px;height:5px;transition:width .4s}.test-card{background:#fff;border-radius:24px;margin-bottom:16px;padding:32px 24px;box-shadow:0 2px 16px #0000000f}.test-question-label{letter-spacing:1.5px;color:#b0a898;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:700}.test-question{color:#1a1a1a;margin-bottom:32px;font-size:32px;font-weight:700}.test-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.test-option{color:#3b82f6;cursor:pointer;text-align:center;-webkit-appearance:none;background:#fff;border:2px solid #e8e0d5;border-radius:18px;padding:20px 12px;font-size:17px;font-weight:500;transition:all .15s}.test-option:active{transform:scale(.97)}.test-option.correct{color:#2e7d32;background:#e8f5e9;border-color:#4caf50}.test-option.wrong{color:#c0392b;background:#fde8e8;border-color:#c0392b}.test-result{text-align:center;padding:48px 24px}.test-score{color:#c0392b;font-size:80px;font-weight:800;line-height:1}.test-score-sub{color:#8a7f74;margin-top:8px;margin-bottom:24px;font-size:16px}.test-result-emoji{margin:16px 0;font-size:56px}.test-result-msg{color:#1a1a1a;margin-bottom:8px;font-size:18px;font-weight:600}.test-result-desc{color:#8a7f74;margin-bottom:32px;font-size:15px}.btn-secondary{color:#c0392b;cursor:pointer;-webkit-appearance:none;background:0 0;border:2px solid #c0392b;border-radius:18px;padding:18px 40px;font-size:17px;font-weight:600}.progress-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.stat-card{background:#fff;border-radius:20px;padding:20px 16px;box-shadow:0 2px 8px #0000000d}.stat-icon{margin-bottom:10px;font-size:28px}.stat-value{color:#c0392b;font-size:32px;font-weight:800;line-height:1}.stat-label{color:#8a7f74;margin-top:4px;font-size:13px}.section-card{background:#fff;border-radius:20px;margin-bottom:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.section-title{letter-spacing:1.5px;color:#b0a898;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:700}.level-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.level-badge{text-align:center;border-radius:8px;min-width:36px;padding:4px 10px;font-size:12px;font-weight:700}.lvl-A1{color:#2e7d32;background:#e8f5e9}.lvl-A2{color:#e65100;background:#fff8e1}.lvl-B1{color:#c0392b;background:#fde8e8}.lvl-B2{color:#7b1fa2;background:#f3e8ff}.level-bar-bg{background:#e8e0d5;border-radius:4px;flex:1;height:7px;overflow:hidden}.level-bar{border-radius:4px;height:100%;transition:width 1s}.level-count{color:#8a7f74;text-align:right;min-width:55px;font-size:13px;font-weight:500}.achievement{border-radius:24px;align-items:center;gap:6px;margin:4px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.teachers-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.teacher-card{cursor:pointer;background:#fff;border:2px solid #e8e0d5;border-radius:20px;padding:20px 16px;transition:all .2s}.teacher-card.selected{background:#fff8f8;border-color:#c0392b}.teacher-avatar{margin-bottom:10px;font-size:44px;display:block}.teacher-name{color:#1a1a1a;font-size:18px;font-weight:700}.teacher-meta{color:#c0392b;margin:4px 0 8px;font-size:13px;font-weight:600}.teacher-desc{color:#8a7f74;font-size:13px;line-height:1.5}.teacher-select-btn{color:#c0392b;cursor:pointer;-webkit-appearance:none;background:0 0;border:1.5px solid #c0392b;border-radius:14px;width:100%;margin-top:12px;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.teacher-select-btn.selected{color:#fff;background:#c0392b}.quick-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.quick-btn{color:#4a4a4a;cursor:pointer;-webkit-appearance:none;background:#fff;border:1px solid #e8e0d5;border-radius:24px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s}.quick-btn:active{background:#fff5f5;border-color:#c0392b}.chat-messages{-webkit-overflow-scrolling:touch;background:#fff;border-radius:20px;min-height:180px;max-height:280px;margin-bottom:12px;padding:16px;overflow-y:auto;box-shadow:0 2px 8px #0000000d}.message{align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.message.user{flex-direction:row-reverse}.msg-avatar{flex-shrink:0;font-size:32px;line-height:1}.msg-body{max-width:78%}.msg-name{color:#b0a898;margin-bottom:5px;font-size:12px;font-weight:500}.msg-text{color:#1a1a1a;background:#faf7f0;border-radius:16px;padding:13px 16px;font-size:15px;line-height:1.55}.message.user .msg-text{color:#fff;background:#c0392b;border-radius:16px 4px 16px 16px}.message:not(.user) .msg-text{border-radius:4px 16px 16px}.typing-indicator{color:#b0a898;padding:4px 0 8px;font-size:14px}.chat-input-wrap{align-items:flex-end;gap:10px;display:flex}.chat-input{color:#1a1a1a;-webkit-appearance:none;resize:none;background:#fff;border:1.5px solid #e8e0d5;border-radius:24px;outline:none;flex:1;max-height:100px;padding:15px 18px;font-family:inherit;font-size:16px;transition:border-color .2s}.chat-input:focus{border-color:#c0392b}.chat-send-btn{color:#fff;cursor:pointer;-webkit-appearance:none;background:#c0392b;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;transition:opacity .2s;display:flex}.chat-send-btn:active{opacity:.8}.chat-send-btn:disabled{opacity:.45;cursor:not-allowed}