@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--turquoise-400: #2dd4bf;--turquoise-500: #14b8a6;--turquoise-600: #0d9488;--turquoise-700: #0f766e;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--blue-400: #60a5fa;--blue-500: #3b82f6;--pink-400: #f472b6;--pink-500: #ec4899;--text-dark: #0f766e;--text-medium: #14b8a6;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", -apple-system, sans-serif;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh}body{font-family:var(--font-body);background:linear-gradient(135deg,#5eead4,#22d3ee,#60a5fa);min-height:100vh;color:var(--text-dark);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(96,165,250,.3) 0%,transparent 50%);z-index:-1}.app{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center}.container{width:100%;max-width:600px;margin:0 auto;padding:1rem;padding-top:90px;padding-bottom:120px;display:flex;flex-direction:column;align-items:center}.page-content{width:100%;max-width:500px;margin:0 auto;padding:0 1rem}.top-bar{position:fixed;top:12px;left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:576px;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 32px #0096961f}.nav{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:560px;height:72px;display:flex;justify-content:space-around;align-items:center;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.95);box-shadow:0 -4px 32px #0096961f;padding:0 8px}.language-switch{width:80px;height:40px;background:#fff9;border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 8px;position:relative;transition:all .3s}.language-switch:hover{background:#fffc}.language-switch-slider{position:absolute;left:4px;width:32px;height:32px;background:linear-gradient(135deg,var(--turquoise-400) 0%,var(--cyan-500) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 12px #14b8a666;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.lang-label{font-size:.7rem;font-weight:600;color:var(--turquoise-600);z-index:1;pointer-events:none;text-transform:uppercase}.lang-label.active{opacity:.4}.logout-btn{background:linear-gradient(135deg,var(--turquoise-400) 0%,var(--cyan-500) 100%);border:none;color:#fff;padding:.6rem 1.2rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #14b8a64d}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #14b8a666}.nav-btn{background:transparent!important;border:none;color:var(--turquoise-600);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;border-radius:var(--radius-md);transition:all .3s;min-width:56px;position:relative;box-shadow:none!important}.nav-btn:before{content:"";position:absolute;inset:0;border-radius:var(--radius-md);background:transparent;transition:all .3s}.nav-btn:hover{color:var(--turquoise-500)}.nav-btn:hover:before{background:#14b8a61a}.nav-btn.active{color:var(--turquoise-500);font-weight:600}.nav-btn.active:before{background:#14b8a626}.nav-icon{font-size:1.4rem;margin-bottom:2px;z-index:1}.nav-label{font-size:.65rem;font-weight:600;text-transform:uppercase;z-index:1}.nav-btn-center{background:linear-gradient(135deg,var(--turquoise-400) 0%,var(--cyan-500) 100%)!important;width:56px;height:56px;border-radius:50%;margin-top:-24px;box-shadow:0 8px 24px #14b8a666!important;color:#fff}.nav-btn-center:hover{transform:translateY(-2px) scale(1.05)}.nav-icon-large{font-size:1.8rem}.glass-container{width:100%;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 32px #00969614;margin:1rem 0}.home-page{padding-top:1rem;width:100%}.home-header{text-align:center;margin-bottom:1.5rem;width:100%}.home-emoji{font-size:3rem;margin-bottom:.5rem}.home-title{font-family:var(--font-display);font-size:clamp(1.4rem,5vw,1.8rem);font-weight:600;background:linear-gradient(135deg,var(--turquoise-600) 0%,var(--cyan-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}@keyframes wave-text{0%{opacity:0;transform:translateY(20px)}20%{opacity:1;transform:translateY(-5px)}40%{transform:translateY(3px)}60%{transform:translateY(-2px)}80%{transform:translateY(1px)}to{transform:translateY(0)}}.home-subtitle{font-size:.9rem;color:var(--turquoise-600)}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.love-card{text-align:center;width:100%;background:#ffffffb3;border:1px solid rgba(255,255,255,.9)}.love-text{font-size:clamp(1.1rem,4vw,1.3rem);font-weight:500;line-height:1.6;margin-bottom:1rem;color:var(--turquoise-700)}.love-translation{font-size:.95rem;color:var(--turquoise-600);font-weight:600;padding:1rem;background:#14b8a61a;border-radius:var(--radius-md);margin-bottom:1rem}.countdown-card{width:100%;background:#ffffffb3;border:1px solid rgba(255,255,255,.9)}.countdown-header{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem}.countdown-icon{font-size:2rem}.countdown-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--turquoise-700)}.countdown-subtitle{font-size:.8rem;color:var(--turquoise-600)}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.countdown-box{background:#fff9;border-radius:var(--radius-md);padding:12px 8px;text-align:center;border:1px solid rgba(255,255,255,.8);transition:all .3s}.countdown-box:hover{background:#fffc;transform:translateY(-2px)}.countdown-value{font-family:var(--font-display);font-size:clamp(1.5rem,6vw,2rem);font-weight:700;background:linear-gradient(135deg,var(--turquoise-500) 0%,var(--cyan-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:4px}.countdown-unit{font-size:.7rem;color:var(--turquoise-600);text-transform:uppercase;font-weight:600}.kiss-section{text-align:center;margin-top:1.5rem;width:100%}.kiss-button{background:transparent!important;box-shadow:none!important;border:none;font-size:4rem;cursor:pointer;transition:all .2s;display:inline-block}.kiss-button:hover{transform:scale(1.1)}.kiss-button:active{transform:scale(.9)}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.kiss-message{margin-top:1rem;font-size:1rem;color:var(--pink-500);font-weight:600}.kiss-particle{position:fixed;font-size:1.5rem;pointer-events:none;z-index:9999;animation:kiss-fly 1.5s ease-out forwards}@keyframes kiss-fly{0%{opacity:1;transform:translate(0) scale(1) rotate(0)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.5) rotate(var(--rot))}}button{background:linear-gradient(135deg,var(--turquoise-400) 0%,var(--cyan-500) 100%);border:none;color:#fff;padding:.6rem 1.2rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #14b8a64d}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #14b8a666}.nav-btn,.kiss-button,.language-switch{background:transparent!important;box-shadow:none!important}.nav-btn-center{background:linear-gradient(135deg,var(--turquoise-400) 0%,var(--cyan-500) 100%)!important;box-shadow:0 8px 24px #14b8a666!important}.form-group{margin-bottom:1rem;width:100%}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--turquoise-700);margin-bottom:.5rem}.form-input,.form-textarea,.form-select{width:100%;padding:.9rem 1rem;background:#ffffffb3;border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-md);color:var(--turquoise-700);font-size:1rem}.form-input::placeholder{color:var(--turquoise-500)}.form-input:focus,.form-textarea:focus{outline:none;background:#ffffffe6;border-color:var(--turquoise-400);box-shadow:0 0 0 3px #14b8a633}.flashcard{width:100%;background:#ffffffbf;border-radius:var(--radius-lg);padding:1.25rem;border:1px solid rgba(255,255,255,.9);cursor:pointer;margin-bottom:12px}.flashcard:hover{transform:translateY(-2px);background:#ffffffe6}.flashcard-word{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--turquoise-700)}.flashcard-translation{font-size:.95rem;color:var(--turquoise-600)}.flashcard-category{display:inline-block;margin-top:.75rem;padding:4px 12px;background:linear-gradient(135deg,var(--turquoise-400),var(--cyan-500));border-radius:var(--radius-full);font-size:.75rem;color:#fff;font-weight:600}.message-item{width:100%;background:#ffffffbf;border-radius:var(--radius-lg);padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.9);margin-bottom:12px}.message-item.sent{border-left:3px solid var(--turquoise-500)}.message-item.received{border-left:3px solid var(--cyan-500)}.message-content{color:var(--turquoise-700)}.translated,.translation{color:var(--turquoise-600)!important;font-weight:600!important;background:#14b8a61a!important;padding:.5rem!important;border-radius:var(--radius-md)!important}.library-card{background:#ffffffbf;border-radius:var(--radius-lg);padding:1.25rem 1rem;border:1px solid rgba(255,255,255,.9);text-align:center;cursor:pointer}.library-card:hover{transform:translateY(-4px);background:#ffffffe6}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;width:100%}.login-card{width:100%;max-width:400px;background:#ffffffd9;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:var(--radius-xl);padding:2.5rem 2rem;border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 64px #00969626}.section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--turquoise-700);margin-bottom:1rem;text-align:center}.badge{padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;display:inline-block}.badge-turquoise{background:linear-gradient(135deg,var(--turquoise-400),var(--cyan-500));color:#fff}@media(max-width:480px){.top-bar{top:8px;width:calc(100% - 16px);height:56px;padding:0 12px}.nav{bottom:8px;width:calc(100% - 16px);height:68px;border-radius:var(--radius-lg)}.nav-btn{padding:6px 8px!important;min-width:48px}.nav-icon{font-size:1.25rem}.nav-label{font-size:.6rem}.container{padding-top:80px;padding-bottom:100px;padding-left:.5rem;padding-right:.5rem}.page-content{padding:0 .5rem}.glass-container{padding:1.25rem;border-radius:var(--radius-md)}}