*{margin:0;padding:0;box-sizing:border-box}:root{--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #000000);--hint: var(--tg-theme-hint-color, #999999);--link: var(--tg-theme-link-color, #2481cc);--btn-bg: var(--tg-theme-button-color, #2481cc);--btn-text: var(--tg-theme-button-text-color, #ffffff);--secondary-bg: var(--tg-theme-secondary-bg-color, #f0f0f0)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;height:100vh}#root{height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--secondary-bg);flex-shrink:0;gap:8px;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:10px}.header-right{display:flex;align-items:center;gap:6px}.app-title{font-size:16px;font-weight:700;white-space:nowrap}.balance{font-size:13px;color:var(--hint);white-space:nowrap}.btn{border:none;border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer;white-space:nowrap;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--btn-bg);color:var(--btn-text)}.btn-secondary{background:var(--secondary-bg);color:var(--text)}.btn-exchange{background:#34c759;color:#fff;font-size:12px;padding:4px 10px;border-radius:12px}.btn-send{background:var(--btn-bg);color:var(--btn-text);font-size:18px;padding:8px 14px;border-radius:50%;flex-shrink:0}.model-selector{background:var(--secondary-bg);color:var(--text);border:none;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}.model-selector:disabled{opacity:.5}.dialog-title-bar{padding:6px 12px;font-size:13px;color:var(--hint);border-bottom:1px solid var(--secondary-bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.chat{display:flex;flex-direction:column;flex:1;overflow:hidden}.messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--hint);font-size:15px}.message{display:flex}.message-user{justify-content:flex-end}.message-assistant{justify-content:flex-start}.message-bubble{max-width:85%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.45;word-wrap:break-word}.message-user .message-bubble{background:var(--btn-bg);color:var(--btn-text);border-bottom-right-radius:4px}.message-assistant .message-bubble{background:var(--secondary-bg);color:var(--text);border-bottom-left-radius:4px}.message-bubble p{margin:0}.message-bubble p+p{margin-top:8px}.message-bubble pre{background:#0000000f;border-radius:8px;padding:10px;overflow-x:auto;margin:8px 0;font-size:13px}.message-bubble code{font-family:SF Mono,Fira Code,monospace;font-size:13px}.message-footer{display:flex;align-items:center;gap:8px;margin-top:4px;padding-left:4px}.message-cost{font-size:11px;color:var(--hint)}.btn-copy{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--hint);cursor:pointer;padding:4px;border-radius:6px;transition:color .2s,background .2s}.btn-copy:hover{color:var(--text);background:var(--secondary-bg)}.btn-copy.copied{color:#34c759}.typing{display:flex;gap:4px;padding:14px 18px}.dot{width:8px;height:8px;border-radius:50%;background:var(--hint);animation:bounce 1.2s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.input-area{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;border-top:1px solid var(--secondary-bg);flex-shrink:0}.input-field{flex:1;background:var(--secondary-bg);color:var(--text);border:none;border-radius:20px;padding:10px 16px;font-size:14px;resize:none;max-height:120px;line-height:1.4;font-family:inherit;outline:none}.input-field::placeholder{color:var(--hint)}.file-input-hidden{position:absolute;width:0;height:0;opacity:0;overflow:hidden;pointer-events:none}.btn-attach{background:var(--secondary-bg);color:var(--text);font-size:18px;padding:8px 12px;border-radius:50%;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-attach.disabled{opacity:.5;pointer-events:none}.image-preview{padding:4px 12px;position:relative;display:inline-block;border-top:1px solid var(--secondary-bg)}.image-preview img{max-height:80px;border-radius:8px}.btn-remove-image{position:absolute;top:0;right:4px;background:#00000080;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.message-image{max-width:100%;max-height:200px;border-radius:8px;margin-bottom:6px;display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--bg);border-radius:16px;padding:20px;width:100%;max-width:340px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-title{font-size:16px;font-weight:600}.modal-close{background:none;border:none;font-size:18px;color:var(--hint);cursor:pointer;padding:4px}.tariff-list{display:flex;flex-direction:column;gap:8px}.tariff-item{display:flex;justify-content:space-between;align-items:center;background:var(--secondary-bg);border:none;border-radius:12px;padding:14px 16px;cursor:pointer;transition:opacity .15s}.tariff-item:active{opacity:.7}.tariff-item:disabled{opacity:.5;cursor:default}.tariff-tokens{font-size:14px;font-weight:500;color:var(--text)}.tariff-hint{font-size:12px;color:var(--hint);opacity:.8}.tariff-price{font-size:13px;color:var(--hint)}.exchange-message{margin-top:12px;padding:10px 14px;border-radius:10px;font-size:13px;text-align:center}.exchange-message-success{background:#34c75926;color:#34c759}.exchange-message-error{background:#ff3b3026;color:#ff3b30}.dialog-list{flex:1;overflow-y:auto;padding:8px 12px}.dialog-list-loading,.dialog-list-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--hint);font-size:15px;padding:40px}.dialog-item{padding:12px 14px;border-radius:12px;margin-bottom:6px;background:var(--secondary-bg);cursor:pointer;transition:opacity .15s}.dialog-item:active{opacity:.7}.dialog-item-pinned{border-left:3px solid var(--btn-bg)}.dialog-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.dialog-item-title{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.dialog-pin-icon{font-size:12px}.dialog-menu-wrapper{position:relative;flex-shrink:0}.dialog-menu-btn{background:none;border:none;color:var(--hint);cursor:pointer;padding:4px 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s}.dialog-menu-btn:hover{background:#0000000f}.dialog-menu{position:absolute;right:0;top:100%;background:var(--bg);border-radius:12px;box-shadow:0 2px 16px #00000026;z-index:50;min-width:180px;padding:4px 0;overflow:hidden}.dialog-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;font-size:14px;color:var(--text);cursor:pointer;transition:background .15s;text-align:left}.dialog-menu-item:hover{background:var(--secondary-bg)}.dialog-menu-item-delete{color:#ff3b30}.dialog-menu-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.dialog-rename-form{flex:1;min-width:0}.dialog-rename-input{width:100%;background:var(--bg);color:var(--text);border:1.5px solid var(--btn-bg);border-radius:8px;padding:4px 8px;font-size:14px;font-family:inherit;outline:none}.dialog-item-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--hint)}