@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&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;touch-action:manipulation;display:flex;min-width:320px;min-height:100vh;min-height:100dvh}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{--primary-color: #2c3e50;--sidebar-color: #1a1a1a;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .18);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--accent-color: #ffd700;--bubble-user: #764ba2;--bubble-bot: rgba(255, 255, 255, .15)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:var(--primary-color);height:100vh;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.app-container{width:100%;max-width:700px;height:100vh;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden;position:relative}.chat-header{padding:12px 16px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.5px}.header-left{display:flex;align-items:center;gap:12px}.header-right,.header-title-group,.header-title{display:flex;align-items:center;gap:8px}.leave-room-button{background:none;border:none;color:var(--text-secondary);padding:6px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.leave-room-button:hover{color:#ff6b6b;background:#ff6b6b1a;transform:scale(1.05)}.leave-room-button:active{transform:scale(.95)}.share-room-button{background:none;border:none;color:var(--text-secondary);padding:6px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.share-room-button:hover{color:var(--accent-color);background:#ffd7001a;transform:scale(1.05)}.share-room-button:active{transform:scale(.95)}.header-title h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap}.mode-label{display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;padding:4px;border-radius:8px;vertical-align:middle;color:var(--accent-color);border:1px solid rgba(255,215,0,.2);line-height:1}.menu-button{background:none;border:none;color:var(--text-primary);padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.menu-button:hover{background-color:#ffffff1a}.side-menu-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.side-menu-overlay.open{opacity:1;visibility:visible}.side-menu{position:fixed;top:0;left:0;width:280px;height:100%;background:#1a1a1a;border-right:1px solid var(--glass-border);z-index:2001;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;color:#fff}.side-menu.open{transform:translate(0)}.side-menu-header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.side-menu-header h2{font-size:1.25rem;font-weight:600}.side-menu-header .close-button{background:none;border:none;color:#fff6;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.side-menu-header .close-button:hover{background:#ffffff1a;color:#fff}.side-menu-content{flex:1;overflow-y:auto;padding:20px 0;display:flex;flex-direction:column}.user-profile-section{padding:0 24px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.user-avatar{width:48px;height:48px;background:var(--accent-color);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;border:2px solid var(--glass-border)}.user-info{display:flex;flex-direction:column}.user-email{font-size:.9rem;font-weight:500;word-break:break-all}.user-points{font-size:.75rem;color:var(--accent-color);font-weight:600}.side-menu-nav{display:flex;flex-direction:column;flex:1}.side-menu-nav ul{list-style:none;display:flex;flex-direction:column;flex:1}.side-menu-nav button{width:100%;padding:14px 24px;display:flex;align-items:center;gap:12px;background:none;border:none;color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:all .2s;text-align:left}.side-menu-nav button:hover{background:#ffffff0d;color:#fff}.side-menu-nav button .icon{font-size:1.1rem}.side-menu-nav .new-chat-button{width:100%;padding:14px 24px;display:flex;align-items:center;gap:12px;background:none;border:none;color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:all .2s;text-align:left;border-radius:0}.side-menu-nav .new-chat-button:hover{background:#ffffff0d;color:#fff;transform:none;box-shadow:none}.logout-item{margin-top:auto;border-top:1px solid rgba(255,255,255,.05)}.side-menu-logout-button{width:100%;padding:14px 24px;display:flex!important;align-items:center;gap:12px;background:none;border:none;color:#ff4757!important;font-size:.95rem;cursor:pointer;transition:all .2s;text-align:left}.side-menu-logout-button:hover{background:#ff47571a!important;color:#ff6b81!important}.side-menu-footer{padding:20px 24px;font-size:.75rem;color:var(--text-secondary);border-top:1px solid rgba(255,255,255,.1);text-align:center}.language-selector-item{padding:10px 24px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:10px}.language-selector-container{display:flex;align-items:center;gap:12px;color:var(--text-secondary)}.language-selector-info{display:flex;flex-direction:column;gap:4px;flex:1}.language-selector-info label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;opacity:.6}.language-select{background:#ffffff1a;border:1px solid var(--glass-border);color:#fff;padding:6px 10px;border-radius:8px;font-size:.85rem;outline:none;cursor:pointer;width:100%;transition:all .2s}.language-select:focus{border-color:#fff6;background:#ffffff26}.language-select option{background:#1a1a1a;color:#fff}.status-indicator{display:flex;align-items:center}.status-dot{width:6px;height:6px;background-color:#4ade80;border-radius:50%;box-shadow:0 0 8px #4ade80}.user-point-badge{background:#ffd7001a;border:1px solid rgba(255,215,0,.2);color:var(--accent-color);padding:2px 8px;border-radius:8px;font-size:.7rem;font-weight:700;display:flex;align-items:center;gap:4px;width:fit-content;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.list-footer-points{display:flex;justify-content:center;width:100%;padding:10px 0;margin-top:auto}.point-icon{font-size:.9rem}.guest-status-badge{background:#ff6b8126;border:1px solid rgba(255,107,129,.4);color:#ff6b81;padding:2px 6px;border-radius:8px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:slideInLeft .5s ease-out}.guest-badge-text{display:flex;align-items:center;gap:4px}.guest-status-badge-small{background:#ff6b8133;color:#ff6b81;padding:2px 6px;border-radius:8px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-right:8px}.guest-status-info{display:flex;flex-direction:column;gap:4px;margin-top:4px}.guest-status-text{font-size:.7rem;color:#fff9;font-style:italic}.guest-info-section{padding:0 24px 20px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:10px}.guest-info-card{background:#ff6b811a;border:1px solid rgba(255,107,129,.2);border-radius:12px;padding:16px;color:#fff}.guest-info-card h4{font-size:.9rem;font-weight:600;margin-bottom:8px;color:#ff6b81}.guest-info-card p{font-size:.8rem;line-height:1.4;color:#fffc;margin-bottom:12px}.session-duration{margin-bottom:8px}.session-duration small{color:#fff9;font-size:.7rem}.guest-upgrade-hint{background:#ffd7001a;border-radius:8px;padding:8px;margin-top:8px}.guest-upgrade-hint small{color:var(--accent-color);font-size:.7rem;line-height:1.3}.feature-limited{color:#ff6b81;font-size:.7rem;margin-left:auto;opacity:.8}.guest-limitations-notice{padding:12px 24px;text-align:center;border-top:1px solid rgba(255,255,255,.05);margin-top:auto}.guest-limitations-notice small{color:#ff6b81cc;font-size:.7rem;font-style:italic}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.messages-container{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.message-wrapper{display:flex;flex-direction:column;max-width:85%;gap:4px}.message-row{display:flex;align-items:flex-start;gap:4px;width:100%}.message-main{display:flex;flex-direction:column;flex:1}.message-footer{display:flex;align-items:center;gap:8px;margin-top:4px}.message-actions{display:flex;flex-direction:column;gap:6px;align-items:center;margin-top:8px;flex-shrink:0}.message-wrapper.user .message-main{align-items:flex-end}.message-wrapper.bot .message-main{align-items:flex-start}.message-wrapper.user{align-self:flex-end;align-items:flex-end}.message-wrapper.bot{align-self:flex-start;align-items:flex-start}.message-wrapper.playing{border-radius:12px;padding:4px;animation:highlightPulse 1.5s ease-in-out infinite}@keyframes highlightPulse{0%,to{background-color:#ffd7001a}50%{background-color:#ffd70033}}.message-wrapper.playing .message{border:2px solid rgba(255,215,0,.7)!important;transform:scale(1.02);transition:all .3s ease}.message{padding:12px 18px;border-radius:18px;font-size:.95rem;line-height:1.5;position:relative;white-space:pre-wrap;animation:fadeIn .3s ease-out forwards;flex:1;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{background:var(--bubble-user);color:#fff;border-bottom-right-radius:4px}.message.bot{background:var(--bubble-bot);color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--glass-border)}.message.bot.translate{background:#2ed57380;border-color:#2ed57366}.message.bot.correct{background:#ff475780;border-color:#ff475766}.message-wrapper.system{align-self:center;max-width:95%;margin:12px 0}.message.system{background:#ffffff14;color:var(--text-secondary);border-radius:12px;font-size:.85rem;padding:10px 20px;text-align:center;border:1px dashed var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .4s ease-out}.message-time{font-size:.65rem;color:var(--text-secondary);opacity:.8}.translation-section{margin-top:8px;border-top:1px solid rgba(255,255,255,.1);padding-top:8px}.translation-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary);font-size:.75rem;font-weight:500;width:auto;height:28px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-left:8px;vertical-align:middle}.speaker-button{background:#ffd7001a;border-color:#ffd7004d}.speaker-button:hover{background:#ffd70033;border-color:#ffd70080}.speaker-button.tts-error{background:#ff4756a9;border-color:#ff47574d;color:#fff}.speaker-button.tts-error:hover{background:#ff475733;border-color:#ff475780}.tts-error-label{color:#ff4757;font-size:.75rem;margin:0 6px;font-weight:500;animation:fadeIn .3s ease-out}.translation-toggle:hover{background:#fff3;transform:scale(1.1);border-color:#fff6}.translation-toggle:active{transform:scale(.95)}.translation-toggle.smaller{height:22px;padding:0 8px;font-size:.6rem;border-radius:11px;margin-left:0;margin-top:4px}.bookmark-button{background:none;border:none;color:var(--text-secondary);width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;opacity:.4;flex-shrink:0}.bookmark-button svg{width:100%;height:100%}.bookmark-button:hover{transform:scale(1.1);color:var(--accent-color);opacity:1}.bookmark-button.saved{color:var(--accent-color);opacity:1;cursor:default}.bookmark-button:active{transform:scale(.95)}.korean-text{font-size:.9rem;color:var(--text-primary);background:#ffffff0d;padding:8px;border-radius:8px;border-left:3px solid var(--accent-color);animation:fadeIn .3s ease-out}.input-area{padding:20px;border-top:1px solid var(--glass-border);display:flex;gap:12px;align-items:center;flex-shrink:0}.playback-control{padding:16px;border-top:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#000!important}.playback-wrapper{width:100%;display:flex;justify-content:center;gap:12px;max-width:400px}.playback-button{background:var(--accent-color);color:var(--primary-color);border:none;padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;font-size:.85rem;min-height:40px;flex:1;justify-content:center;max-width:120px}.playback-button:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 2px 8px #ffd7004d}.playback-button:active{transform:translateY(0)}.playback-button.stop-button{background:#ff6b6b;color:#fff}.playback-button.stop-button:hover{background:#ff5252;box-shadow:0 2px 8px #ff6b6b4d}.playback-button.secondary{background:#ffffff1a;color:#fff;border:1px solid var(--glass-border)}.playback-button.secondary:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 2px 8px #ffffff1a}@media(max-width:768px){.playback-control{padding:10px}.playback-wrapper{gap:8px}.playback-button{padding:8px 16px;font-size:.8rem;min-height:36px;max-width:100px}.playback-button:hover{transform:none;box-shadow:none;filter:brightness(1.05)}.conversation-playback-content{padding:6px}}.input-wrapper{flex:1;position:relative}input,textarea{width:100%;padding:14px 20px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:14px;color:#fff;font-size:.95rem;outline:none;transition:all .2s;font-family:inherit}textarea{resize:none;min-height:52px;max-height:200px;overflow-y:auto;line-height:1.5;display:block}textarea::-webkit-scrollbar{width:4px}textarea::-webkit-scrollbar-track{background:transparent}textarea::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}input:focus,textarea:focus{background:#ffffff1a;border-color:#fff6}input::placeholder,textarea::placeholder{color:#ffffff4d}.send-button{background:#fff;color:#764ba2;border:none;padding:12px 24px;border-radius:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.send-button:hover{transform:translateY(-2px)}.send-button:active{transform:translateY(0)}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.indicator-container{height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px 0 20px;position:relative;width:100%;contain:layout}@media(max-width:768px){.indicator-container{height:50px;margin:8px 0 16px}}.typing-indicator{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary);padding:8px 16px;background:#ffffff0d;border-radius:12px;width:fit-content;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease,visibility .3s ease;position:absolute;top:50%;left:0;transform:translateY(-50%)}.typing-indicator.visible{opacity:1;visibility:visible}.typing-indicator.hidden{opacity:0;visibility:hidden}.checking-indicator{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;transition:opacity .3s ease,visibility .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.checking-indicator.visible{opacity:1;visibility:visible}.checking-indicator.hidden{opacity:0;visibility:hidden}.checking-indicator .typing-indicator{margin:0;position:static;transform:none}.typing-indicator span{font-weight:500;letter-spacing:.2px}.auth-container{width:100%;height:100%;flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:400px;background:#ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:40px;display:flex;flex-direction:column}.auth-card h2{color:#fff;font-size:2rem;font-weight:700;text-align:center;margin-bottom:8px}.auth-card p{color:var(--text-secondary);text-align:center;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-secondary);font-size:.85rem;margin-left:4px}.form-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-color);cursor:pointer}.form-group label[for=rememberMe]{color:var(--text-secondary);font-size:.85rem;margin-left:0;-webkit-user-select:none;user-select:none}.auth-footer{text-align:center;margin-top:16px;font-size:.9rem;color:var(--text-secondary)}.auth-footer button{background:none;border:none;color:#fff;font-weight:600;cursor:pointer;margin-left:8px;text-decoration:underline}.guest-mode-button{background:var(--accent-color)!important;color:var(--primary-color)!important;font-weight:600!important;min-height:48px!important;font-size:.95rem!important;transition:all .2s ease!important}.guest-mode-button:hover:not(:disabled){background:#218838!important;border-color:#218838!important;transform:translateY(-1px)!important}.guest-mode-button:disabled{background:#6c757d!important;border-color:#6c757d!important;opacity:.7!important;cursor:not-allowed!important;transform:none!important}.logout-button{background:#ffffff1a;color:#fff;border:1px solid var(--glass-border);padding:6px 12px;border-radius:10px;font-size:.8rem;cursor:pointer;transition:all .2s}.logout-button:hover{background:#f003;border-color:#ff00004d}.error-message{background:#ff475726;color:#ff4757;padding:12px;border-radius:10px;font-size:.85rem;text-align:center;border:1px solid rgba(255,71,87,.3)}.word-popup-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.word-popup-card{background:#282c34f2;width:90%;max-width:500px;max-height:calc(100vh - 200px);display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--glass-border);padding:0;color:#fff;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}@keyframes scaleUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.word-popup-header{padding:12px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.word-popup-body{padding:12px 24px 24px;overflow-y:auto;flex:1}.word-popup-header h3{font-size:1.2rem;font-weight:600}.close-popup{background:none;border:none;color:#fff6;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.close-popup:hover{background:#ffffff1a;color:#fff}.word-popup-sentence{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.word-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.word-button:hover{background:#ffffff26;transform:translateY(-2px)}.word-button.active{background:var(--accent-color);color:#000;font-weight:600;transform:scale(1.05)}.word-definition-section{background:#ffffff08;border-radius:12px;padding:16px;border-left:4px solid var(--accent-color);animation:fadeIn .3s ease-out}.word-definition-section h4{font-size:1.1rem;margin-bottom:8px;color:var(--accent-color);text-transform:capitalize}.definition-placeholder{color:var(--text-secondary);font-style:italic}.save-word-button{margin-top:16px;width:100%;background:var(--accent-color);color:#000;border:none;padding:12px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.save-word-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.word-definition-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.word-definition-card{background:#1e2128;width:85%;max-width:380px;border-radius:20px;border:1px solid var(--accent-color);overflow:hidden;color:#fff;display:flex;flex-direction:column;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275)}.definition-content-wrapper{color:#fff;display:flex;flex-direction:column;gap:16px}.definition-content{font-size:1rem;line-height:1.6;color:#fff;white-space:pre-wrap}.save-word-button:active{transform:translateY(0)}.saved-list-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .3s ease-out}.saved-list-modal{background:#1a1a1a;width:90%;max-width:600px;height:80vh;height:80dvh;border-radius:20px;border:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275)}.conversation-playback-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3001;animation:fadeIn .3s ease-out;padding:0}.conversation-playback-modal{background:#1a1a1a;width:100%;max-width:700px;height:100vh;height:100dvh;border-radius:0;border:none;display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275)}.conversation-playback-header{padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;min-height:60px;background:#0003}.conversation-playback-header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-playback-header .show-all-button{background:#ffffff1a;border:1px solid var(--glass-border);color:var(--text-secondary);padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0;white-space:nowrap}.conversation-playback-header .show-all-button:hover{background:#fff3;color:#fff;border-color:#ffffff4d}.conversation-playback-header .close-button{background:none;border:none;color:#ffffff80;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;flex-shrink:0}.conversation-playback-header .close-button:hover{background:#ffffff1a;color:#fff}.conversation-playback-content{flex:1;overflow-y:auto;padding:8px}.conversation-playback-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;background:#000!important}@media(max-width:768px){.conversation-playback-modal{border-radius:0;height:100vh;height:100dvh}.conversation-playback-header{padding:10px 12px;min-height:56px}.conversation-playback-header h2{font-size:1rem}.conversation-playback-header .show-all-button{padding:6px 10px;font-size:.75rem}.conversation-playback-header .close-button{padding:6px}.conversation-playback-content,.conversation-playback-footer{padding:12px}}.saved-list-header{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.saved-list-header .close-button{background:none;border:none;color:#ffffff40;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.saved-list-header .close-button:hover{background:#ffffff1a;color:#fff}.saved-list-content{flex:1;overflow-y:auto}.saved-items-list{list-style:none;display:flex;flex-direction:column}.saved-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;transition:all .2s}.saved-item:hover{background:#ffffff14;border-color:#fff3}.item-main{flex:1}.item-text{font-size:.95rem;color:#fff;margin-bottom:4px}.item-subtext{font-size:.9rem;color:var(--text-secondary);line-height:1.4;margin-bottom:8px}.item-date{font-size:.7rem;color:#ffffff4d}.delete-button{background:#ff47571f!important;border:1.5px solid rgba(255,71,87,.3)!important;color:#ff4757!important;width:38px;height:38px;border-radius:10px;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;padding:0!important;margin:0;outline:none}.delete-button svg{width:20px;height:20px;stroke-width:2.5px}.delete-button:hover{background:#ff4757!important;color:#fff!important;transform:scale(1.08);box-shadow:0 4px 12px #ff47574d}.delete-button:active{transform:scale(.92)}.empty-state,.loading-state{display:flex;align-items:center;justify-content:center;gap:8px;height:200px;color:var(--text-secondary);font-style:italic}@media(max-width:768px){html{height:100%}body{height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;background-attachment:fixed;display:flex}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.app-container{width:100%;display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:none;border:none;border-radius:0;margin:0;overflow:hidden;background:#0000001a;backdrop-filter:none;-webkit-backdrop-filter:none;contain:layout style}.chat-header{position:sticky;top:0;z-index:1001;background:#2c3e50b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding-top:max(20px,env(safe-area-inset-top))}.messages-container{overflow-y:auto;flex:1;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;transition:height .2s ease}.input-area,.playback-control{position:sticky;bottom:0;z-index:1001;background:#2c3e50e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding-bottom:calc(20px + env(safe-area-inset-bottom))}.auth-container{padding:10px;min-height:100vh;min-height:100dvh;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.auth-card{width:100%;max-width:380px;padding:24px 20px;margin:20px 0;min-height:auto;border-radius:16px}.auth-card h2{font-size:1.6rem;margin-bottom:6px}.auth-card p{font-size:.85rem;margin-bottom:20px}.auth-form{gap:14px}.form-group{gap:6px}.form-group input{padding:12px 16px;font-size:16px}.send-button{padding:12px 20px;font-size:.9rem;min-height:44px}.send-button[style*="background: #28a745"],.send-button[style*="background:#28a745"]{margin-top:8px!important;margin-bottom:8px!important;min-height:48px!important;font-size:.95rem!important}.error-message{padding:10px;font-size:.8rem;line-height:1.4;white-space:pre-line;max-height:120px;overflow-y:auto}.auth-footer{margin-top:12px;font-size:.85rem}.auth-footer button{font-size:.85rem}}.mode-toggle-container{display:flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:2px;gap:2px}.mode-toggle-button{background:transparent;border:none;color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.mode-toggle-button:hover{background:#ffffff0d;color:#fff}.mode-toggle-button.active{background:#ffffff26;color:#fff}.text-visibility-toggle{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;color:var(--text-secondary)!important;font-size:.6rem!important;font-weight:500!important;cursor:pointer!important;padding:2px 5px!important;margin-right:6px!important;transition:all .2s!important;display:inline!important;vertical-align:baseline!important;line-height:1!important;float:none!important;position:static!important}.text-visibility-toggle:hover{background:#fff3;color:#fff;transform:scale(1.05)}.message-content{display:inline}.message-text-container{display:inline;line-height:1.5}.audio-mode-placeholder{display:flex;align-items:center;gap:8px;color:var(--text-primary);opacity:.9;font-weight:500;padding:4px 0}.audio-icon{font-size:1.2rem;animation:pulse 2s infinite}.tts-provider-select{margin-left:6px;font-size:.75rem;font-weight:600}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@media(max-width:480px){.chat-header{padding:10px 12px}.header-left{gap:8px}.header-title-group{gap:1px}.header-title h3{font-size:.95rem}.mode-label{font-size:.6rem;padding:1px 4px}.user-point-badge{padding:3px 6px;font-size:.7rem}.mode-toggle-container{padding:2px}.mode-toggle-button{padding:4px 6px;font-size:.7rem}.auth-container{padding:8px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.auth-card{padding:20px 16px;margin:10px 0;border-radius:12px}.auth-card h2{font-size:1.4rem}.auth-card p{font-size:.8rem}.form-group input{padding:14px 16px;border-radius:12px}.send-button{padding:14px 20px;border-radius:12px;min-height:48px}.send-button[style*="background: #28a745"],.send-button[style*="background:#28a745"]{margin-top:12px!important;margin-bottom:12px!important;min-height:50px!important;font-size:1rem!important;font-weight:600!important}p[style*="font-size: 12px"]{font-size:11px!important;line-height:1.3!important;margin-top:6px!important;padding:0 4px!important}}@media(max-width:360px){.header-title h3{display:none}.header-title:before{content:"ST";font-weight:900;font-size:1.1rem;color:var(--text-primary)}.auth-container{padding:6px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.auth-card{padding:16px 12px;margin:8px 0;border-radius:10px;gap:18px}.auth-card h2{font-size:1.3rem}.auth-card p{font-size:.75rem}.form-group input{padding:12px 14px;font-size:16px}.guest-mode-button{min-height:52px!important;font-size:1rem!important;padding:16px 20px!important;margin-top:14px!important;margin-bottom:14px!important}p[style*="font-size: 12px"]{font-size:10px!important;line-height:1.2!important;margin-top:4px!important;padding:0 2px!important}}.new-chat-button-container{display:flex;justify-content:center;align-items:center}.checking-text{font-size:.75rem;color:var(--text-secondary);opacity:.8;animation:fadeIn .4s ease-out}.new-chat-button{background:#ffffff1a;color:var(--text-secondary);border:1px solid var(--glass-border);padding:8px 16px;border-radius:20px;display:flex;align-items:center;font-size:.85rem;cursor:pointer;transition:all .2s}.new-chat-button:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.new-chat-button .icon{font-size:1rem}.title-edit-input{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;padding:6px 10px;width:100%;max-width:none;outline:none;font-family:inherit;flex:1;min-width:0}.title-edit-input:focus{background:#ffffff26;border-color:#fff6}@media(max-width:768px){.title-edit-input{font-size:1rem;padding:4px 8px}}.loading-indicator{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff14;border-radius:12px;width:fit-content;margin-top:4px}.loading-dot{width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;animation:loading-bounce 1.4s infinite ease-in-out both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.thinking-dot{width:8px;height:8px;background-color:#00d2ff;border-radius:50%;animation:loading-bounce 1.4s infinite ease-in-out both}.thinking-dot:nth-child(1){animation-delay:-.32s}.thinking-dot:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.pwa-update-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pwa-update-content{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:16px 24px;display:flex;align-items:center;gap:16px;min-width:320px}.pwa-update-content span{color:#333;font-weight:600;font-size:.95rem;flex:1}.pwa-update-button{background:#764ba2;color:#fff;border:none;padding:8px 20px;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.pwa-update-button:hover{transform:translateY(-2px)}.pwa-update-button:active{transform:translateY(0)}.pwa-close-button{background:none;border:none;color:#999;font-size:1.2rem;cursor:pointer;padding:4px 8px;transition:all .2s;line-height:1}.pwa-close-button:hover{color:#333;transform:scale(1.1)}@media(max-width:480px){.pwa-update-toast{left:10px;right:10px;transform:none}.pwa-update-content{min-width:auto;width:100%}}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3001;animation:fadeIn .3s ease-out}.modal-content{background:#1a1a1a;width:90%;max-width:450px;border-radius:20px;border:1px solid var(--glass-border);padding:30px;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275)}.modal-content h2{margin:0 0 20px;color:#fff;font-size:24px}.modal-content .error-message{background:#ff52521a;border:1px solid rgba(255,82,82,.3);color:#ff5252;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.modal-content .form-group{margin-bottom:20px}.modal-content .form-group label{display:block;color:#ffffffb3;margin-bottom:8px;font-size:14px}.modal-content .form-group input{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:16px;box-sizing:border-box}.modal-content .form-group input:focus{outline:none;border-color:var(--primary-color);background:#ffffff14}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.room-share-modal{max-width:500px;width:90%}.room-share-modal .modal-body{padding:20px}.qr-only-modal{max-width:320px;width:90%}.qr-only-modal .modal-body{padding:20px;display:flex;justify-content:center}.qr-only-container{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-only-image{width:240px;height:240px;border-radius:8px;background:#fff;padding:8px}.room-info{text-align:center;margin-bottom:24px}.room-info h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:8px}.room-info p{color:var(--text-secondary);font-size:.9rem}.share-section{margin-bottom:24px}.share-section label{display:block;color:var(--text-primary);font-weight:500;margin-bottom:8px;font-size:.9rem}.url-input-container{display:flex;gap:8px;align-items:center}.url-input{flex:1;padding:12px;border:1px solid var(--glass-border);border-radius:8px;background:#ffffff1a;color:var(--text-primary);font-size:.9rem;font-family:monospace}.url-input:focus{outline:none;border-color:var(--accent-color)}.copy-button{padding:12px 16px;background:var(--accent-color);color:var(--primary-color);border:none;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap}.copy-button:hover{background:#e6c200;transform:translateY(-1px)}.copy-button.copied{background:#27ae60;color:#fff}.qr-section{margin-bottom:24px}.qr-header{margin-bottom:16px}.qr-toggle-button{background:#ffffff1a;border:1px solid var(--glass-border);color:var(--text-primary);padding:10px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .2s ease}.qr-toggle-button:hover{background:#ffffff26;transform:translateY(-1px)}.qr-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid var(--glass-border)}.qr-image{width:200px;height:200px;border-radius:8px;background:#fff;padding:8px}.download-qr-button{background:#ffffff1a;border:1px solid var(--glass-border);color:var(--text-primary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.download-qr-button:hover{background:#ffffff26;transform:translateY(-1px)}.share-instructions{background:#ffffff0d;padding:16px;border-radius:8px;border:1px solid var(--glass-border)}.share-instructions h5{color:var(--text-primary);font-weight:600;margin-bottom:12px;font-size:.9rem}.share-instructions ul{list-style:none;padding:0}.share-instructions li{color:var(--text-secondary);font-size:.85rem;margin-bottom:8px;padding-left:16px;position:relative}.share-instructions li:before{content:"•";color:var(--accent-color);position:absolute;left:0;font-weight:700}.share-instructions li:last-child{margin-bottom:0}.friend-mode-welcome{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:20px;margin:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.welcome-icon{background:var(--accent-color);color:var(--primary-color);padding:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.welcome-content h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 8px}.welcome-subtitle{color:var(--accent-color);font-size:.9rem;font-weight:500;margin:0 0 8px}.welcome-description{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.4}.room-info-card{background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;padding:12px 16px;margin-bottom:20px}.room-details{display:flex;align-items:center;gap:8px}.room-label{color:var(--text-secondary);font-size:.85rem}.room-name{color:var(--text-primary);font-weight:500;font-size:.9rem}.share-quick-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.url-preview{display:flex;gap:12px;align-items:center;justify-content:center}.url-preview-input{flex:1;padding:10px 12px;border:1px solid var(--glass-border);border-radius:6px;background:#ffffff0d;color:var(--text-primary);font-size:.8rem;font-family:monospace}.url-preview-input:focus{outline:none;border-color:var(--accent-color)}.copy-quick-button{padding:10px 16px;background:var(--accent-color);color:var(--primary-color);border:none;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap;font-size:.85rem}.copy-quick-button:hover{background:#e6c200;transform:translateY(-1px)}.copy-quick-button.copied{background:#27ae60;color:#fff}.share-detail-button{background:#ffffff1a;border:1px solid var(--glass-border);color:var(--text-primary);padding:12px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:all .2s ease;font-size:.9rem}.share-detail-button:hover{background:#ffffff26;transform:translateY(-1px)}.qr-button{background:#ffffff1a;border:1px solid var(--glass-border);color:var(--text-primary);padding:12px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:all .2s ease;font-size:.9rem}.qr-button:hover{background:#ffffff26;transform:translateY(-1px)}.welcome-instructions{background:#ffffff08;border-radius:8px;padding:16px}.welcome-instructions ul{list-style:none;padding:0;margin:0}.welcome-instructions li{color:var(--text-secondary);font-size:.85rem;margin-bottom:8px;padding-left:16px;position:relative;line-height:1.4}.welcome-instructions li:before{content:"💡";position:absolute;left:0;font-size:.8rem}.welcome-instructions li:last-child{margin-bottom:0}@media(max-width:480px){.friend-mode-welcome{margin:12px;padding:16px}.welcome-header{flex-direction:column;align-items:center;text-align:center;gap:12px}.url-preview{flex-direction:row;justify-content:center;gap:8px}.url-preview-input{font-size:.75rem}}@media(max-width:480px){.conversation-playback-overlay{padding:0}.conversation-playback-modal{width:100vw;height:100vh;height:100dvh;border-radius:0;max-width:none}.conversation-playback-header{padding:8px 12px;min-height:52px;flex-wrap:nowrap}.conversation-playback-header h2{font-size:.9rem;line-height:1.2}.conversation-playback-header .show-all-button{padding:4px 8px;font-size:.7rem;min-width:60px}.conversation-playback-header .close-button{padding:4px;min-width:32px;min-height:32px}.title-edit-input{font-size:.9rem;padding:4px 6px}.conversation-playback-content{padding:4px}.conversation-playback-footer,.playback-control{padding:6px}.playback-button{padding:6px 12px;font-size:.75rem;min-height:32px;border-radius:8px;max-width:80px}}@supports (padding: max(0px)){.conversation-playback-modal{padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom))}.conversation-playback-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.conversation-playback-content{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}.conversation-playback-footer{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}}.language-setup-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:5000;animation:fadeIn .4s ease-out}.language-setup-modal{background:#1a1a1a;width:90%;max-width:400px;border-radius:24px;border:1px solid rgba(255,255,255,.1);padding:40px 30px;box-shadow:0 20px 50px #00000080;animation:modalSlideUp .5s cubic-bezier(.175,.885,.32,1.275);text-align:center}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.setup-header{margin-bottom:30px}.setup-icon-container{width:64px;height:64px;background:#ffd7001a;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:1px solid rgba(255,215,0,.3)}.setup-icon{color:var(--accent-color);width:32px;height:32px}.setup-header h2{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:12px}.setup-header p{color:#fff9;font-size:.95rem;line-height:1.5}.setup-form{display:flex;flex-direction:column;gap:24px}.setup-field{text-align:left}.setup-field label{display:flex;align-items:center;gap:8px;color:#fffc;font-size:.85rem;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.label-dot{width:6px;height:6px;background:#4ade80;border-radius:50%}.label-dot.accent{background:var(--accent-color)}.select-wrapper{position:relative}.setup-select{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:16px;border-radius:12px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;appearance:none}.setup-select:hover{background:#ffffff1a;border-color:#fff3}.setup-select:focus{outline:none;border-color:var(--accent-color);background:#ffffff1f}.setup-tip{display:flex;align-items:center;gap:8px;color:#fff6;font-size:.75rem;justify-content:center;margin:-8px 0 8px}.setup-submit-btn{background:var(--accent-color);color:#000;border:none;padding:18px;border-radius:16px;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);margin-top:10px}.setup-submit-btn:hover{transform:translateY(-4px);box-shadow:0 10px 20px #ffd70033}.setup-submit-btn:active{transform:translateY(0)}.onboarding-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:6000;animation:fadeIn .4s ease-out}.onboarding-modal{background:#1a1a1a;width:90%;max-width:420px;border-radius:32px;border:1px solid rgba(255,255,255,.1);padding:40px 24px;box-shadow:0 25px 60px #0009;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.onboarding-content-container{width:100%;overflow:hidden;margin-bottom:30px}.onboarding-content-wrapper{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.onboarding-page{width:100%;min-width:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 10px;box-sizing:border-box}.onboarding-icon-container{width:100px;height:100px;background:#ffffff0d;border-radius:30px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.onboarding-icon.bot{color:#a8e6cf}.onboarding-icon.users{color:#ffd3b6}.onboarding-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:24px;word-break:keep-all;overflow-wrap:break-word}.onboarding-list{list-style:none;padding:0;width:100%;display:flex;flex-direction:column;gap:16px;text-align:left}.onboarding-item{display:flex;align-items:flex-start;gap:12px;color:#ffffffd9;font-size:1rem;line-height:1.5;width:100%;word-break:keep-all;overflow-wrap:break-word}.onboarding-item span{flex:1}.check-icon{color:#4ade80;margin-top:2px;flex-shrink:0}.onboarding-footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.onboarding-dots{display:flex;gap:10px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s ease}.onboarding-dot.active{background:#fff;transform:scale(1.4);box-shadow:0 0 10px #ffffff80}.onboarding-next-btn,.onboarding-finish-btn{width:100%;padding:16px;border-radius:16px;border:none;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.onboarding-next-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.1)}.onboarding-next-btn:hover{background:#ffffff26}.onboarding-finish-btn{background:#4ade80;color:#1a1a1a;box-shadow:0 8px 20px #4ade804d}.onboarding-finish-btn:hover{background:#22c55e;transform:translateY(-2px)}.onboarding-finish-btn:active{transform:translateY(0)}