:root{--bg-color:#050505;--card-bg:#0f0f12;--card-border:#ffffff14;--accent-color:#2563eb;--accent-glow:#2563eb66;--accent-hover:#1d4ed8;--text-main:#fff;--text-secondary:#a1a1aa;--danger:#ef4444;--danger-hover:#dc2626;--success:#10b981;--border-radius-lg:20px;--border-radius-md:12px;--transition:all .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#2563eb1a 0,#0000 50%),radial-gradient(at 100% 100%,#2563eb0d 0,#0000 50%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:100px 20px 40px;display:flex}@media (width<=640px){.app-container{padding:140px 15px 40px}}.header{border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#050505;width:100%;position:fixed;top:0;left:0;right:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;position:relative}.desktop-nav{align-items:center;gap:20px;display:flex}.burger-menu{cursor:pointer;z-index:10001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:26px;height:20px;padding:0;display:none}.burger-menu span{background:#fff;border-radius:10px;width:26px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.burger-menu.open span:first-child{transform:translateY(9px)rotate(45deg)}.burger-menu.open span:nth-child(2){opacity:0}.burger-menu.open span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}@media (width>=769px){.mobile-menu-dropdown{display:none!important}}.mobile-menu-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);visibility:hidden;opacity:0;z-index:9998;background:#0a0a0cfa;width:100%;max-height:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:0;overflow:hidden}.mobile-menu-dropdown.show{visibility:visible;opacity:1;max-height:600px;box-shadow:0 20px 40px #0006}.mobile-menu-content{flex-direction:column;padding:16px 0;display:flex}.mobile-user-info{align-items:center;gap:16px;padding:8px 24px 20px;display:flex}.profile-avatar-large{border:none;border-radius:50%;width:48px;height:48px}.user-details{flex-direction:column;gap:2px;display:flex}.user-name{color:#fff;font-size:1rem;font-weight:500}.user-email{color:var(--text-secondary);margin-bottom:4px;font-size:.85rem}.user-stats{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.user-stats strong{color:var(--accent-color);font-weight:600}.menu-divider{background:#ffffff1a;height:1px;margin:0}.mobile-actions-list{flex-direction:column;padding-top:8px;display:flex}.menu-item{cursor:pointer;color:var(--text-main);align-items:center;gap:16px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:background .2s;display:flex}.menu-item:hover:not(.no-hover){background:#ffffff0d}.menu-item.no-hover{cursor:default}.menu-icon{color:var(--text-secondary);flex-shrink:0}.lang-selector-item{justify-content:space-between}.lang-switcher-inline{justify-content:space-between;align-items:center;width:100%;display:flex}.inline-lang-btns{gap:4px;display:flex}.inline-lang-btns .lang-btn{background:#ffffff0d;height:28px;padding:0 8px}.inline-lang-btns .lang-btn.active{background:var(--accent-color)}@media (width<=768px){.desktop-nav{display:none}.burger-menu{margin-left:auto;display:flex}.header-content{padding:20px}}.header h1.logo{cursor:pointer;transition:var(--transition);align-items:center;gap:10px;display:flex}.logo-text{letter-spacing:-.5px;color:#fff;margin-top:-2px;font-family:Inter,sans-serif;font-size:22px;font-weight:800;line-height:1;display:inline-block}.header h1.logo:hover{filter:drop-shadow(0 0 8px var(--accent-glow));transform:scale(1.05)}.nav-links{border:1px solid var(--card-border);background:#ffffff08;border-radius:14px;gap:8px;padding:4px;display:flex}.nav-links button{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:10px;padding:8px 16px;font-size:.9rem;font-weight:500}.nav-links button:hover{color:var(--text-main)}.nav-links button.active{color:var(--text-main);background:#ffffff12;box-shadow:0 2px 8px #0003}.lang-switcher{border:1px solid var(--card-border);background:#ffffff08;border-radius:10px;padding:2px;display:flex}.lang-btn{color:var(--text-secondary);cursor:pointer;height:36px;transition:var(--transition);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:.75rem;font-weight:700;display:flex}.lang-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.sub-nav{border:1px solid var(--card-border);z-index:10;background:#ffffff08;border-radius:16px;justify-content:center;gap:8px;width:fit-content;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:6px;display:flex;position:relative}@media (width<=480px){.sub-nav{border-radius:12px;width:100%;margin-bottom:24px}.sub-nav button{text-align:center;flex:1;padding:10px 12px;font-size:.85rem}}.sub-nav button{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:12px;padding:10px 24px;font-size:.95rem;font-weight:500}.sub-nav button:hover{color:var(--text-main);background:#ffffff0d}.sub-nav button.active{color:var(--text-main);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 4px 12px #0000004d}.logout-icon-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:8px;padding:8px;display:flex}.logout-icon-btn:hover{color:var(--danger);background:#ef44441a}.auth-error-box{color:var(--danger);border-radius:var(--border-radius-md);background:#ef44441a;border:1px solid #ef444433;justify-content:space-between;align-items:center;margin-bottom:24px;padding:15px 20px;display:flex}.auth-error-box button{color:var(--danger);cursor:pointer;background:0 0;border:none;font-size:1.2rem}.fade-in{animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.header-content{padding:0 20px}}@media (width<=480px){.header-content{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:10px 15px}.header h1.logo{order:1;padding:0}.auth-buttons{order:2;gap:10px}.nav-links button{padding:10px 12px;font-size:.85rem}.auth-buttons .btn{padding:8px 12px;font-size:.8rem}.lang-select{width:auto;color:var(--text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:.85rem}}.lang-select{width:auto;min-width:100px;color:var(--text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:.9rem}.user-profile{align-items:center;gap:12px;display:flex}.profile-avatar{border:2px solid var(--accent-color);object-fit:cover;border-radius:50%;width:36px;height:36px}.profile-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.95rem;font-weight:500;overflow:hidden}.btn{background:var(--card-bg);color:var(--text-main);cursor:pointer;transition:var(--transition);border:1px solid #ffffff1a;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500}.btn:hover:not(:disabled){background:#ffffff0d}.btn:disabled{opacity:.5;cursor:not-allowed}.button-group{gap:10px;display:flex}@media (width<=480px){.button-group{flex-direction:column}.button-group .btn{width:100%}}.btn-primary{background:var(--accent-color);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}input,select{background:var(--card-bg);color:var(--text-main);transition:var(--transition);border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:1rem}input:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #8b5cf633}input:disabled{opacity:.7}.card{background:var(--card-bg);border-radius:var(--border-radius-lg);border:1px solid var(--card-border);transition:var(--transition);padding:24px;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#2563eb0d,#0000);width:100%;height:100%;position:absolute;top:0;left:0}.card:hover{border-color:#2563eb4d;transform:translateY(-5px);box-shadow:0 20px 40px #0006}.explore-page{text-align:center}.level-card{cursor:pointer;border-radius:var(--border-radius-lg);border:2px solid var(--card-border);transition:var(--transition);padding:40px 20px}.level-card:hover{border-color:var(--accent-color);background:#2563eb0d}.hero-section{text-align:center;max-width:800px;margin:0 auto;padding:80px 0}.hero-section h1{background:linear-gradient(to bottom right,#fff 50%,#71717a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;padding-bottom:10px;font-size:4rem;font-weight:800;line-height:1.2}.hero-section p{color:var(--text-secondary);margin-bottom:40px;font-size:1.25rem}@media (width<=640px){.hero-section h1{font-size:2.5rem}.hero-section{padding:40px 0}}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}@media (width<=640px){.grid{grid-template-columns:1fr;gap:16px}}.empty-state{text-align:center;background:var(--card-bg);border-radius:var(--border-radius);border:1px dashed #ffffff1a;padding:60px 20px}.empty-state h3{color:var(--text-main);margin-bottom:10px;font-size:1.2rem}.empty-state p{color:var(--text-secondary);margin-bottom:20px}.page-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.page-title-group{align-items:center;gap:15px;display:flex}.page-header h2{font-size:2rem;font-weight:600}@media (width<=640px){.page-header{flex-direction:column;align-items:flex-start}.page-title-group{width:100%}.page-header h2{font-size:1.5rem}.page-header .btn{text-align:center;width:100%}}.word-list{flex-direction:column;gap:16px;display:flex}.word-item{background:var(--card-bg);border:1px solid #ffffff05;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.word-details{flex:1;gap:40px;display:flex}.word-details>div{flex:1}.word-label{color:var(--text-secondary);margin-bottom:4px;font-size:.8rem}.word-value{word-break:break-word;font-size:1.1rem;font-weight:500}@media (width<=640px){.word-item{flex-direction:column;align-items:stretch;gap:15px;padding:16px}.word-details{gap:12px}.word-item .btn-danger{align-self:flex-end}}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;display:block}.form-row{background:var(--card-bg);border-radius:var(--border-radius);align-items:flex-end;gap:20px;margin-bottom:30px;padding:24px;display:flex}.form-row .form-group{flex:1;margin-bottom:0}@media (width<=768px){.form-row{flex-direction:column;align-items:stretch;padding:16px}.word-details{flex-direction:column;gap:10px}}.game-container{text-align:center;max-width:600px;margin:0 auto}.game-card{padding:40px}.game-stats{color:var(--text-secondary);justify-content:space-between;margin-bottom:30px;font-size:1.1rem;display:flex}.current-word{color:var(--accent-color);word-break:break-word;margin-bottom:30px;font-size:3rem;font-weight:700}@media (width<=640px){.game-card{padding:24px 16px}.current-word{font-size:2rem}.game-stats{margin-bottom:20px;font-size:.95rem}.game-input-group{flex-direction:column}.game-input-group .btn{width:100%}}.game-input-group{gap:10px;margin-bottom:20px;display:flex}.result-message{border-radius:8px;margin-top:20px;padding:16px;font-size:1.1rem;font-weight:500}.result-success{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.result-error{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--card-bg);border-radius:var(--border-radius);border:1px solid #ffffff0d;width:90%;max-width:400px;padding:30px;position:relative;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}@media (width<=480px){.modal-content{width:95%;padding:24px 20px}.modal-content h2{font-size:1.25rem}}.profile-page{max-width:800px;margin:0 auto;padding:20px}.profile-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:40px;box-shadow:0 10px 30px #0000000d}.profile-header{align-items:center;gap:30px;margin-bottom:40px;display:flex}.profile-avatar-xl{border:4px solid var(--accent-color);border-radius:50%;width:120px;height:120px}.profile-main-info h2{color:var(--text-main);margin:0 0 5px;font-size:2rem}.profile-email{color:var(--text-secondary);margin-bottom:15px}.uid-section{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;width:fit-content;margin-bottom:10px;padding:8px 15px;display:flex}.uid-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.uid-value{color:var(--accent-color);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700}.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.btn-icon:hover{background:var(--card-border);color:var(--accent-color)}.btn-icon.copied{color:#16a34a}.member-since{color:var(--text-secondary);font-size:.9rem}.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.stat-item{text-align:center;background:#ffffff0d;border-radius:16px;flex-direction:column;gap:5px;padding:20px;display:flex}.stat-value{color:var(--accent-color);font-size:1.8rem;font-weight:800}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.profile-details{flex-direction:column;gap:20px;display:flex}.progress-section{flex-direction:column;gap:8px;display:flex}.progress-info{justify-content:space-between;font-size:.95rem;font-weight:500;display:flex}.progress-bar-bg{background:#ffffff0d;border-radius:5px;height:10px;overflow:hidden}.progress-bar-fill{border-radius:5px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-bar-fill.known{background:linear-gradient(90deg,#16a34a,#22c55e)}.progress-bar-fill.hard{background:linear-gradient(90deg,#dc2626,#ef4444)}@media (width<=600px){.profile-header{text-align:center;flex-direction:column}.uid-section{margin:0 auto 10px}.profile-stats-grid{grid-template-columns:1fr}}.modal-close{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:1.5rem;position:absolute;top:15px;right:15px}.modal-close:hover{color:var(--text-main)}.modal-content h2{margin-bottom:20px;font-size:1.5rem}.modal-content p{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.divider{text-align:center;align-items:center;margin:20px 0;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #ffffff1a;flex:1}.divider span{color:var(--text-secondary);padding:0 10px;font-size:.85rem}.btn-google{color:#3c4043;background-color:#fff;border:1px solid #dadce0;justify-content:center;align-items:center;font-weight:500;display:flex}.btn-google:hover:not(:disabled){color:#3c4043;background-color:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.skeleton{background:linear-gradient(90deg,#ffffff05 25%,#ffffff14 50%,#ffffff05 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{width:60%;height:24px;margin-bottom:12px}.skeleton-text{width:40%;height:16px}.skeleton-btn{border-radius:8px;height:40px}.game-stats-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.status-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.status-new{color:#60a5fa;background:#2563eb26;border:1px solid #2563eb33}.status-learning{color:#facc15;background:#eab30826;border:1px solid #eab30833}.status-hard{color:#f87171;background:#dc262626;border:1px solid #dc262633}.status-known{color:#4ade80;background:#16a34a26;border:1px solid #16a34a33}.status-badge.status-hard{animation:2s infinite pulse-red}@keyframes pulse-red{0%{box-shadow:0 0 #dc262666}70%{box-shadow:0 0 0 10px #dc262600}to{box-shadow:0 0 #dc262600}}.loading-screen{background:var(--bg-color);z-index:10000;width:100vw;height:100vh;color:var(--text-main);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.loader{border:5px solid var(--card-border);border-bottom-color:var(--accent-color);box-sizing:border-box;border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-section{flex-direction:column;gap:15px;margin-bottom:30px;display:flex}.search-bar{gap:10px;display:flex}.search-bar input{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-main);border-radius:12px;flex:1;padding:12px 20px;font-size:1rem;transition:all .2s}.search-bar input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 4px #2563eb1a}.search-error{color:#dc2626;margin:0;padding-left:5px;font-size:.9rem}.friend-languages-section{border-top:1px solid var(--card-border);margin-top:30px;padding-top:30px}.friend-languages-section h3{color:var(--text-main);margin-bottom:20px;font-size:1.2rem}.mini-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.mini-card{text-align:center;color:var(--text-main);border:1px solid var(--card-border);background:#ffffff0d;border-radius:10px;padding:10px 15px;font-weight:500}@media (width<=600px){.search-bar{flex-direction:column}}