*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden}.app{width:100vw}.app,.nickname-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;height:100vh}.nickname-container{align-items:center;justify-content:center;padding:20px}.header{margin-bottom:40px;max-width:600px;text-align:center}.title{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px #0000004d}.description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#ffffffe6;font-size:.95rem;line-height:1.6;padding:20px}.nickname-input-section{display:flex;gap:12px;max-width:400px;width:100%}.nickname-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:25px;flex:1 1;font-size:1rem;outline:none;padding:16px 20px;transition:all .3s ease}.nickname-input:focus{background:#fff;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.confirm-button{background:#1a73e8;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:80px;padding:16px 24px;transition:all .3s ease}.confirm-button:hover:not(:disabled){background:#1557b0;box-shadow:0 8px 25px #1a73e866;transform:translateY(-2px)}.confirm-button:disabled{background:#ffffff4d;cursor:not-allowed}.header-info{align-items:center;justify-content:space-between}.chat-title{color:#202124;font-size:1.25rem;font-weight:600}.nickname-display{background:#f1f3f4;border-radius:16px;color:#5f6368;font-size:.9rem;padding:6px 12px}.chat-container{background:#fff;display:flex;flex-direction:column;height:calc(100vh - 80px)}.messages-area{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 20px 116px}.message{animation:fadeInUp .3s ease-out;display:flex;max-width:80%}.message.user{align-self:flex-end}.message.ai{align-self:flex-start}.message-content{background:#f1f3f4;border-radius:18px;padding:12px 16px;position:relative}.message.user .message-content{background:#1a73e8;border-bottom-right-radius:4px;color:#fff}.message.ai .message-content{background:#f1f3f4;border-bottom-left-radius:4px;color:#202124}.message-text{word-wrap:break-word;font-size:.95rem;line-height:1.4}.message-time{font-size:.75rem;margin-top:4px;opacity:.7;text-align:right}.message.ai .message-time{text-align:left}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#9aa0a6;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.input-area{background:#fff;border-top:1px solid #e8eaed;bottom:0;box-shadow:0 -2px 5px #0000000d;left:0;padding:16px 20px calc(16px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}.input-container{align-items:flex-end;display:flex;gap:12px;max-width:100%}.message-input{background:#fff;border:1px solid #dadce0;border-radius:22px;flex:1 1;font-family:inherit;font-size:.95rem;max-height:120px;min-height:44px;outline:none;padding:12px 16px;resize:none;transition:all .2s ease}.message-input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.send-button{align-items:center;background:#1a73e8;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:44px;justify-content:center;transition:all .2s ease;width:44px}.send-button:hover:not(:disabled){background:#1557b0;transform:scale(1.05)}.send-button:disabled{background:#dadce0;color:#9aa0a6;cursor:not-allowed;transform:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.title{font-size:1.8rem}.description{font-size:.9rem;padding:16px}.messages-area{padding:16px}.message{max-width:85%}.input-area{padding:12px 16px}}.messages-area::-webkit-scrollbar{padding-bottom:120px;width:6px}.messages-area::-webkit-scrollbar-track{background:#0000}.messages-area::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}.messages-area::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.back-button{background:none;border:1px solid #dadce0;border-radius:20px;color:#5f6368;cursor:pointer;font-size:14px;margin-right:16px;padding:8px 16px;transition:all .2s ease}.back-button:hover{background-color:#f8f9fa;border-color:#5f6368}.chat-header{align-items:center;background:#222;border-bottom:1px solid #444;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:16px 20px;z-index:10}.header-info{display:flex;flex-direction:column;flex-grow:1}.back-button,.chat-header h2,.chat-header span{color:#fff}