:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){:root{font-size:14px}}@media (hover: none) and (pointer: coarse){button{min-height:44px;min-width:44px}}#root{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@supports (-webkit-appearance: none){html,body{height:-webkit-fill-available}#root{min-height:100vh;min-height:-webkit-fill-available}}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}}.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;animation:splashFadeIn .5s ease-out}.splash-screen.splash-fadeout{animation:splashFadeOut .5s ease-out forwards}.splash-content{text-align:center;color:#fff;animation:contentSlideUp 1s ease-out}.splash-logo{margin-bottom:30px}.ai-character{position:relative;display:inline-block;animation:aiFloat 3s ease-in-out infinite}.ai-face{width:120px;height:120px;background:#fff;border-radius:50%;margin:0 auto 15px;position:relative;box-shadow:0 8px 30px #0003;animation:faceGlow 2s ease-in-out infinite alternate}.ai-eyes{display:flex;justify-content:space-between;padding:35px 25px 0}.ai-eye{width:16px;height:16px;background:#333;border-radius:50%;animation:eyeBlink 4s infinite}.ai-mouth{width:30px;height:15px;background:#ff6b9d;border-radius:0 0 30px 30px;margin:8px auto;animation:mouthSmile 3s ease-in-out infinite}.ai-body{width:80px;height:50px;background:#4facfe;border-radius:40px 40px 25px 25px;margin:0 auto;position:relative;box-shadow:0 4px 15px #4facfe4d}.splash-title{font-size:2.5em;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:titlePulse 2s ease-in-out infinite}.splash-subtitle{font-size:1.2em;margin:0 0 40px;opacity:.9;animation:subtitleFade 3s ease-in-out infinite}.splash-loading{display:flex;justify-content:center;align-items:center}.loading-dots{display:flex;gap:8px}.dot{width:12px;height:12px;background:#fffc;border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}@keyframes splashFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes splashFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes contentSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes aiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes faceGlow{0%{box-shadow:0 8px 30px #0003}to{box-shadow:0 8px 30px #ffffff4d}}@keyframes eyeBlink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes mouthSmile{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.2)}}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes subtitleFade{0%,to{opacity:.9}50%{opacity:.7}}@keyframes dotBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width: 768px){.splash-title{font-size:2em}.splash-subtitle{font-size:1em}.ai-face{width:100px;height:100px}.ai-eyes{padding:30px 20px 0}.ai-eye{width:14px;height:14px}.ai-mouth{width:25px;height:12px}.ai-body{width:70px;height:45px}}@media (prefers-color-scheme: dark){.splash-screen{background:linear-gradient(135deg,#2d3748,#4a5568)}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:none}body{font-family:Comic Sans MS,cursive,sans-serif;background:linear-gradient(135deg,#f0f8ff,#e6f3e6,#fff8dc)}#root{min-height:100vh;min-height:100dvh;width:100vw;overflow:auto;position:relative}@media (max-width: 768px){html,body{height:100vh;height:100dvh;height:-webkit-fill-available;overflow:auto;-webkit-overflow-scrolling:touch}#root{min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;overflow:visible}.container{min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;max-width:100%;margin:0;padding:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8f8ff,#f0fff0,#fffaf0);overflow:visible;border-radius:0;box-shadow:none}.container *{-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none}button,.button{min-height:44px;min-width:44px;touch-action:manipulation}}.chat-screen{min-height:100vh;min-height:100dvh;position:relative;overflow:visible;display:flex;flex-direction:column}.chat-menu{top:calc(5px + env(safe-area-inset-top));right:calc(15px + env(safe-area-inset-right))}.chat-container{flex:1;min-height:0;overflow:visible;position:relative;display:flex;flex-direction:column}.header{padding:8px 10px 5px;margin:0;border-radius:0;background:linear-gradient(45deg,#ffb6c1,#b0e0e6);padding-top:calc(8px + env(safe-area-inset-top));padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right))}.header .user-menu-container{top:calc(10px + env(safe-area-inset-top));right:calc(15px + env(safe-area-inset-right))}.header h1{font-size:1.2em;margin-bottom:2px;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.3;text-align:center}.chat-area{padding:10px;background:linear-gradient(135deg,#fefefe,#f0f8ff)}.input-area{padding:10px;background:linear-gradient(135deg,#f8f8ff,#fff5ee)}.send-btn{background:linear-gradient(45deg,plum,#b4e7ce);color:#2f4f4f;border:none;padding:10px 15px;border-radius:15px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s;min-width:60px;height:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:0 2px 6px #dda0dd4d}.user-input{height:40px;border-radius:15px;border-width:2px}.welcome-message{margin:0;padding:8px;border-radius:12px}.debug-skip-container{margin:20px;padding:25px;border-radius:15px;border-left:none;border:2px solid #e3f2fd;background:#f8fbff}.message{margin:10px 0;padding:12px;max-width:90%}.auth-container{padding:15px 10px 10px}.auth-form{padding:25px;margin:0;border-radius:15px;box-shadow:0 4px 12px #0000001a}.debug-skip-container label{display:flex;align-items:center;justify-content:center;background:#fff;padding:15px;border-radius:12px;margin-bottom:15px;box-shadow:0 2px 8px #0000000d;border:1px solid #e3f2fd}.debug-skip-container input[type=checkbox]{margin-right:12px;transform:scale(1.3);accent-color:#1a73e8}.debug-skip-container p{font-size:13px;color:#666;margin:5px 0;line-height:1.4}.container{max-width:800px;margin:0 auto;background:#fffffff2;border-radius:25px;box-shadow:0 10px 30px #ffb6c14d;overflow:hidden;min-height:100vh;padding:0}.header{background:linear-gradient(45deg,#ffb6c1,#b0e0e6);color:#fff;padding:4px;text-align:center;position:relative;border-radius:0;flex-shrink:0}.header .user-menu-container{position:absolute;top:15px;right:20px}.user-menu-header{display:flex;justify-content:space-between;align-items:flex-start;padding:15px 20px;position:relative}.user-menu-header.menu-only{justify-content:flex-end}.provisional-notice{background:#fff3cdf2;color:#856404;padding:8px 12px;border-radius:8px;margin:10px 0 0;font-size:12px;border:1px solid rgba(255,193,7,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header h1{font-size:2em;margin-bottom:4px;line-height:1.2}.debug-skip-container{text-align:center;padding:25px;background:#f8fbff;border:2px solid #e3f2fd;margin:20px;border-radius:15px}.debug-skip-button{background:linear-gradient(45deg,#ffb6c1,#ffeaa7);color:#2f4f4f;border:none;padding:15px 30px;font-size:1.2em;border-radius:25px;cursor:pointer;font-weight:700;box-shadow:0 4px 15px #ffb6c133;transition:all .3s ease;margin-bottom:10px}.debug-skip-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffb6c14d}.debug-note{color:#666;font-size:.9em;margin:0}.furigana-text ruby{ruby-align:center}.furigana-text rt{font-size:.6em;color:#666;font-weight:400;line-height:1}.api-setup{background:#fff3cd;border:2px solid #ffeaa7;margin:20px;padding:15px;border-radius:15px}.provider-selector{background:#e8f4f8;border:2px solid #bee5eb;padding:15px;margin:10px 0;border-radius:10px}.provider-option{display:flex;align-items:center;margin:10px 0;cursor:pointer;padding:10px;border-radius:8px;transition:background .3s}.provider-option:hover{background:#74b9ff1a}.provider-option input[type=radio]{margin-right:10px;transform:scale(1.2)}.api-input,.model-select{width:100%;padding:10px;margin:10px 0;border:2px solid #74b9ff;border-radius:10px;font-size:16px;background:#fff}.start-btn{background:#e84393;color:#fff;border:none;padding:12px 25px;border-radius:10px;font-size:18px;cursor:pointer;transition:background .3s;margin:5px}.start-btn:hover{background:#d63384}.start-btn:disabled{background:#ccc;cursor:not-allowed}.free-api-info{background:#d4edda;border:2px solid #c3e6cb;padding:15px;margin:10px 0;border-radius:10px;color:#155724}.status-panel{background:#e8f4f8;border:1px solid #bee5eb;padding:15px;margin:10px 0;border-radius:10px;font-size:14px}.status-panel.success{background:#d4edda;border-color:#c3e6cb;color:#155724}.status-panel.error{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.status-panel.warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.free-badge{background:#28a745;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;margin-left:5px}.chat-screen{position:relative;height:100%;display:flex;flex-direction:column}.chat-menu{position:absolute;top:10px;right:20px;z-index:100}.chat-menu .user-menu-button{background:#ffffffe6;color:#333;border:1px solid rgba(0,0,0,.1);font-size:12px;padding:6px 10px;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-menu .user-menu-button:hover{background:#fff}.chat-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;overflow:visible;position:relative;background:#fffffff2;margin:0;padding:0}.chat-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px;border-bottom:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-height:0}.current-model{text-align:center;padding:5px;background:#e3f2fd;color:#1565c0;font-size:12px;border-bottom:1px solid #e0e0e0}.furigana-toggle{text-align:center;padding:10px;background:#f0f8ff;border-bottom:1px solid #e0e0e0}.toggle-btn{background:#90ee90;color:#2f4f4f;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;margin:0 5px}.toggle-btn:hover{background:#98fb98}.message{margin:15px 0;padding:15px;border-radius:20px;max-width:80%;word-wrap:break-word;animation:fadeIn .5s ease-in;line-height:1.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{background:linear-gradient(45deg,#f0f8ff,#e6e6fa);margin-left:auto;color:#2f4f4f;border:2px solid #DDA0DD}.ai-message{background:linear-gradient(45deg,#f0fff0,#fffacd);margin-right:auto;color:#2f4f4f;border:2px solid #B4E7CE}.loading{text-align:center;padding:10px;color:#666}.loading:after{content:"...";animation:dots 1s infinite}@keyframes dots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.input-area{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:linear-gradient(135deg,#f8f8ff,#fff5ee);flex-shrink:0;position:sticky;bottom:0;z-index:10}.input-container{display:flex;gap:8px;align-items:stretch;max-width:100%}.user-input{flex:1;padding:10px 15px;border:3px solid #DDA0DD;border-radius:20px;font-size:16px;outline:none;min-height:44px;box-sizing:border-box;width:0}.send-btn{background:linear-gradient(45deg,plum,#b4e7ce);color:#2f4f4f;border:none;padding:10px 16px;border-radius:20px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s;min-width:60px;min-height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:0 2px 6px #dda0dd4d;flex-shrink:0}.send-btn:hover{transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}ruby{ruby-align:center}rt{font-size:.6em;color:#666;font-weight:400}.furigana-text ruby rt{color:#06c;font-size:.7em}.welcome-message{text-align:center;padding:8px;margin:0;background:linear-gradient(135deg,#fffacd,#e6e6fa);border-radius:12px;box-shadow:0 3px 5px #dda0dd33;border:2px solid #DDA0DD}.welcome-message h3{color:#2d3436;margin-bottom:8px;font-size:1.2em}.welcome-message p{color:#636e72;margin-bottom:12px;font-size:14px}.suggestion-toggle-btn{background:linear-gradient(45deg,#ffb6c1,#b0e0e6);color:#fff;border:none;padding:8px 16px;border-radius:15px;font-size:14px;font-weight:700;cursor:pointer;margin-bottom:0;transition:transform .2s;box-shadow:0 2px 6px #ffb6c133}.suggestion-toggle-btn:hover{transform:scale(1.05)}.question-suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-top:0}.suggestion-btn{background:linear-gradient(45deg,#b4e7ce,#e6e6fa);color:#2f4f4f;border:none;padding:8px 12px;border-radius:12px;font-size:13px;cursor:pointer;transition:transform .2s;text-align:left;border:1px solid #B4E7CE;font-weight:700}.suggestion-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #b4e7ce4d}.user-info{position:absolute;top:15px;right:20px;display:flex;align-items:center;gap:10px;font-size:14px}.signout-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:5px 12px;border-radius:15px;font-size:12px;cursor:pointer;transition:background .3s}.signout-button:hover{background:#ffffff4d}.auth-container{padding:20px 10px 10px;display:flex;justify-content:center;align-items:flex-start;flex:1}.auth-form{background:#fff;padding:30px;border-radius:20px;box-shadow:0 8px 20px #0000001a;width:100%;max-width:400px}.auth-form h2{text-align:center;margin-bottom:20px;color:#333;font-size:1.8em}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#555;font-weight:700}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#74b9ff}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{padding-right:50px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:1}.password-toggle-btn:hover{background-color:#0000000d}.password-toggle-btn:focus{outline:2px solid #74b9ff;outline-offset:2px}.auth-form button[type=submit]{width:100%;padding:12px;background:linear-gradient(45deg,#74b9ff,#0984e3);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s;margin:10px 0}.auth-form button[type=submit]:hover{transform:translateY(-2px)}.auth-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#f8d7da;color:#721c24;padding:10px;border-radius:8px;margin:10px 0;font-size:14px;border:1px solid #f5c6cb}.forgot-password{text-align:center;margin:10px 0}.auth-switch{text-align:center;margin-top:15px}.link-button{background:none;border:none;color:#74b9ff;font-size:14px;cursor:pointer;text-decoration:underline}.link-button:hover{color:#0984e3}.debug-notice{background:#fff3cd;border:1px solid #ffeaa7;padding:15px;border-radius:10px;margin-bottom:20px;text-align:center}.debug-notice p{margin:5px 0;color:#856404}.debug-skip{text-align:center;margin-top:20px;padding-top:15px;border-top:1px solid #e0e0e0}.debug-button{background:linear-gradient(45deg,#ffb6c1,#ffeaa7);color:#2f4f4f;border:none;padding:12px 20px;border-radius:15px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s}.debug-button:hover{transform:scale(1.05)}.oauth-section{margin:20px 0}.divider{text-align:center;margin:15px 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0}.divider span{background:#fff;padding:0 15px;color:#666;font-size:14px}.google-login-btn{width:100%;padding:12px;background:#fff;color:#333;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;margin:10px 0;display:flex;align-items:center;justify-content:center;gap:10px}.google-login-btn:hover{border-color:#4285f4;box-shadow:0 2px 8px #4285f433}.google-login-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{font-size:18px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.chat-loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:50vh}.chat-menu-toggle{cursor:pointer;margin-left:10px;font-size:24px;color:#007bff;background:none;border:none;padding:8px;border-radius:50%;transition:background-color .2s}.chat-menu-toggle:hover{background-color:#007bff1a}.user-menu-container{position:relative}.user-menu-button{display:flex;align-items:center;gap:8px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 12px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s}.user-menu-button:hover{background:#ffffff4d}.user-avatar{font-size:16px}.user-email{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}.menu-arrow{font-size:12px;transition:transform .3s}.user-menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1000;overflow:hidden}.menu-item{display:block;width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;transition:background .3s;font-size:14px;color:#333}.menu-item:hover{background:#f8f9fa}.menu-item.logout{color:#dc3545}.menu-item.logout:hover{background:#f8d7da}.account-settings-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.account-settings{background:#fff;border-radius:20px;padding:30px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0;position:relative}.settings-header h2{margin:0;color:#333}.close-button{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#666;transition:all .3s}.close-button:hover{background:#e9ecef;color:#333}.back-button{background:linear-gradient(45deg,plum,#b4e7ce);color:#2f4f4f;border:none;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 2px 6px #dda0dd4d;min-height:44px;min-width:80px;display:flex;align-items:center;justify-content:center}.back-button:hover{transform:scale(1.05);box-shadow:0 4px 8px #dda0dd66}.settings-section{margin-bottom:25px}.settings-section h3{margin-bottom:15px;color:#333;font-size:1.1em}.settings-input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;margin-bottom:10px;transition:border-color .3s}.settings-input:focus{outline:none;border-color:#74b9ff}.settings-button{background:linear-gradient(45deg,#74b9ff,#0984e3);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s}.settings-button:hover{transform:translateY(-2px)}.settings-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.restore-button{background:linear-gradient(45deg,#00b894,#00cec9);width:100%;margin-top:10px}.settings-description{color:#666;font-size:14px;margin-bottom:15px}.success-message{background:#d4edda;color:#155724;padding:10px;border-radius:8px;margin:10px 0;font-size:14px;border:1px solid #c3e6cb}.password-reset-notice{background:#e3f2fd;color:#1565c0;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #bbdefb}.password-reset-notice p{margin:5px 0;font-size:14px}.password-hint{display:block;font-size:12px;color:#666;font-weight:400;margin-top:5px}@media (max-width: 768px){.user-menu-button{padding:6px 10px;font-size:12px}.user-email{max-width:80px}.user-menu-header{padding:10px 15px;justify-content:flex-end}.provisional-notice{font-size:11px;padding:6px 10px;margin:0 10px 0 0;background:#fff3cdfa;border-radius:6px;flex:none;max-width:70%}.account-settings-container{padding:10px}.account-settings{padding:20px;max-height:90vh}.settings-header{flex-direction:row;justify-content:space-between;gap:10px;text-align:center}.settings-header h2{font-size:1.3em;flex:1;text-align:center}.settings-input{font-size:16px}.chat-container{height:100vh;height:100dvh;height:-webkit-fill-available;min-height:100vh;max-height:100vh}.header h1{font-size:1.4em;margin-bottom:4px}.message{margin:10px 0;padding:12px;max-width:95%;font-size:14px}.input-container{gap:8px}.user-input{font-size:16px}.send-btn{min-width:50px;padding:8px 12px}}@media (min-width: 769px) and (max-width: 1024px){.container{max-width:90%;margin:0 auto;border-radius:20px}.chat-container{height:100vh;height:100dvh;height:-webkit-fill-available;min-height:100vh;max-height:100vh}.message{max-width:85%}}@media (min-width: 1025px){.container{max-width:1000px;margin:0 auto}.chat-container{height:100vh;height:100dvh;height:-webkit-fill-available;min-height:100vh;max-height:100vh}.message{max-width:75%}.header h1{font-size:2.2em}}