:root{--navy: #1F3864;--navy-light: #2B4A8C;--navy-dark: #152847;--white: #FFFFFF;--gray-50: #F8F9FA;--gray-100: #F1F3F5;--gray-200: #E9ECEF;--gray-300: #DEE2E6;--gray-400: #CED4DA;--gray-500: #ADB5BD;--gray-600: #868E96;--gray-700: #495057;--gray-800: #343A40;--accent: #4A90D9;--danger: #E74C3C;--success: #27AE60;--warning: #F39C12;--bubble-mine: #1F3864;--bubble-other: #E9ECEF}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:pan-x pan-y}body{font-family:-apple-system,BlinkMacSystemFont,Malgun Gothic,sans-serif;background:var(--gray-50);color:var(--gray-800);-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;position:fixed;top:0;right:0;bottom:0;left:0}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,textarea{font-family:inherit;font-size:inherit;outline:none}a{text-decoration:none;color:inherit}.app-container{max-width:480px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;background:var(--white);position:relative;overflow:hidden;padding-top:env(safe-area-inset-top,0)}.page-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.header{background:var(--navy);color:var(--white);padding:14px 20px;display:flex;align-items:center;gap:12px;min-height:56px}.header h1{font-size:18px;font-weight:600;flex:1}.header-back{color:var(--white);font-size:22px;padding:4px}.tab-bar{display:flex;background:var(--white);border-top:1px solid var(--gray-200);padding-top:6px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px);min-height:70px;touch-action:manipulation}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0 2px;font-size:9px;color:var(--gray-500);transition:color .2s;min-width:0;letter-spacing:-.3px;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tab-item.active{color:var(--navy);font-weight:600}.tab-item .tab-icon{margin-bottom:3px;line-height:1}.login-page{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--navy);padding:40px 24px}.login-logo-img{width:100px;height:100px;border-radius:20px;margin-bottom:16px;object-fit:cover}.login-title{color:var(--white);font-size:24px;font-weight:700;margin-bottom:8px}.login-subtitle{color:#fff9;font-size:14px;margin-bottom:40px}.login-form{width:100%;max-width:320px}.login-input{width:100%;padding:14px 16px;border-radius:12px;border:none;background:#ffffff1f;color:var(--white);font-size:15px;margin-bottom:12px}.login-input::placeholder{color:#fff6}.login-btn{width:100%;padding:14px;border-radius:12px;background:var(--accent);color:var(--white);font-size:16px;font-weight:600;margin-top:8px}.login-btn:disabled{opacity:.5}.login-error{color:#ff6b6b;font-size:13px;text-align:center;margin-top:12px}.room-list{list-style:none}.room-item{display:flex;align-items:center;padding:14px 20px;gap:14px;border-bottom:1px solid var(--gray-100)}.room-item:active{background:var(--gray-50)}.room-icon{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.room-icon.team{background:#e8f0fe}.room-icon.executive{background:#fff3e0}.room-icon.direct{background:#e8f5e9}.room-info{flex:1;min-width:0}.room-name{font-size:15px;font-weight:600;margin-bottom:4px}.room-last-msg{font-size:13px;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-meta{text-align:right;flex-shrink:0}.room-time{font-size:11px;color:var(--gray-500)}.chat-container{flex:1;display:flex;flex-direction:column;height:100%;background:#b2c7d9}.chat-messages{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:3px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.chat-messages .chat-input,.chat-messages textarea{-webkit-user-select:text;user-select:text}.chat-input-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px);background:#fff;border-top:1px solid #E5E8EB}.chat-input{flex:1;padding:8px 14px;border-radius:18px;border:1px solid #D1D5DB;background:#f9fafb;font-size:15px;resize:none;max-height:120px;line-height:1.4;min-height:36px}.chat-input:focus{border-color:#1f3864}.chat-input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.chat-send-btn{width:40px;height:40px;border-radius:50%;background:#1f3864;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.chat-send-btn:disabled{background:#d1d5db}.chat-plus-btn{width:40px;height:40px;border-radius:50%;background:#f1f3f5;color:#495057;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;font-weight:300;line-height:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal-content{background:var(--white);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:70dvh;padding:20px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 20px);overflow-y:auto}.modal-title{font-size:18px;font-weight:700;margin-bottom:16px;text-align:center}.user-select-item{display:flex;align-items:center;padding:12px 8px;gap:12px;border-bottom:1px solid var(--gray-100)}.user-checkbox{width:22px;height:22px;accent-color:var(--navy)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--navy-light);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}.user-select-name{flex:1;font-size:15px;font-weight:500}.user-select-role{font-size:12px;color:var(--gray-500)}.modal-actions{display:flex;gap:10px;margin-top:16px}.modal-actions button{flex:1;padding:14px;border-radius:12px;font-size:15px;font-weight:600}.btn-cancel{background:var(--gray-200);color:var(--gray-700)}.btn-confirm{background:var(--navy);color:var(--white)}.btn-confirm:disabled{opacity:.5}.fab{position:absolute;bottom:76px;right:16px;width:52px;height:52px;border-radius:50%;background:var(--navy);color:var(--white);font-size:26px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1f38644d}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gray-500);gap:12px;padding:40px;text-align:center}.placeholder-page .icon{font-size:48px;opacity:.5}.placeholder-page .title{font-size:18px;font-weight:600}.placeholder-page .desc{font-size:14px}.typing-indicator{font-size:12px;color:#8b95a1;padding:4px 16px;display:flex;align-items:center;gap:6px}img[src*="/icons/"]{will-change:transform}.typing-dots{display:inline-flex;gap:3px;align-items:center}.typing-dots span{display:inline-block;width:6px;height:6px;background:#868e96;border-radius:50%;animation:typingBounce 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.ctx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:9998;display:flex;align-items:center;justify-content:center}.ctx-menu{background:#fff;border-radius:14px;width:240px;box-shadow:0 4px 24px #0000002e;overflow:hidden}.ctx-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:15px;color:#1b1d1f;border:none;background:none;cursor:pointer;text-align:left}.ctx-menu button:active{background:#f8f9fa}.ctx-menu button+button{border-top:1px solid #F1F3F5}.ctx-menu button.danger{color:#dc2626}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}