:root{--color-background:#1a1a1a;--color-surface:rgba(242,242,242,0.02);--color-surface-alt:rgba(242,242,242,0.03);--color-text-primary:#ffffff;--color-text-secondary:rgba(255,255,255,0.65);--color-text-tertiary:rgba(255,255,255,0.5);--color-accent:#f599ea;--color-accent-dark:#f075e1;--color-accent-bg:rgba(245,153,234,0.1);--color-accent-border:rgba(245,153,234,0.5);--border-primary:1px solid rgba(255,255,255,0.05)}*,:after,:before{box-sizing:border-box}body,html{overflow:hidden;height:100%}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:Mona Sans,sans-serif;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{margin:0 auto;height:100%;overflow:hidden;padding:0}.site-header{position:fixed;top:0;left:5%;right:5%;z-index:1000;background-color:var(--color-background);padding:23px 0}.header-container{margin:0 24px 0 40px;display:flex;justify-content:space-between;align-items:center}.header-left,.header-right{display:flex}.logo img{display:block;width:83px;height:22px}.chatter-tag{background-color:rgba(255,255,255,.05);border-radius:8px;padding:4px 8px;font-size:14px;font-weight:400;color:var(--color-text-secondary);margin-left:16px}.wallet{background-color:var(--color-surface);border-radius:1000px;padding:4px 8px}.wallet,.wallet-balance{display:flex;align-items:center;gap:4px}.credits-icon{position:relative;width:24px;height:24px}.balance-amount{font-size:18px;font-weight:400;line-height:25.4px}.withdraw-button{background-color:var(--color-surface);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.withdraw-button img{width:10px;height:10px}.user-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-avatar{margin-left:16px}#__next,#root,body,html{overflow:hidden!important;height:100%!important;width:100%!important}#main-content{margin-top:88px;padding-top:24px;padding-bottom:24px;height:calc(100vh - 88px);overflow:hidden;box-sizing:border-box;position:relative}.main-layout{background-color:var(--color-surface);max-width:80%;margin:0 auto;border:var(--border-primary);border-radius:16px;box-shadow:0 4px 36px 0 #1a1a1a;max-height:100%}.incoming-calls-panel,.main-layout{display:flex;overflow:hidden;height:100%}.incoming-calls-panel{width:344px;min-width:344px;flex-shrink:0;padding-left:24px;padding-top:24px;margin-right:16px;flex-direction:column;gap:8px}.panel-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.panel-title{font-size:20px;font-weight:500;margin:0}.credits-rate{background-color:rgba(255,255,255,.05);border-radius:1000px;padding:2px 10px 2px 8px;display:flex;align-items:center;gap:4px}.credits-icon-small{position:relative;width:16px;height:16px}.rate-value{font-size:16px;font-weight:500}.rate-unit{font-weight:400}.panel-subtitle,.rate-unit{font-size:14px;color:var(--color-text-tertiary)}.panel-subtitle{margin:8px 0 16px;flex-shrink:0}.calls-list{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;padding-right:8px;min-height:0}.calls-list::-webkit-scrollbar{width:6px}.calls-list::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.calls-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.calls-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.call-item{background-color:var(--color-surface);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:24px;cursor:pointer;border:1px solid transparent}.call-item.active{background-color:var(--color-accent-bg);border:1px solid var(--color-accent-border)}.call-info,.role-character,.role-info{display:flex;justify-content:space-between;align-items:center;gap:8px}.caller{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:400}.call-item.active .caller{color:var(--color-accent-dark)}.caller img{width:16px;height:16px}.call-duration{font-size:14px;font-weight:300;color:var(--color-text-tertiary)}.role-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.role-details{display:flex;flex-direction:column;gap:6px}.role-label{font-size:12px;color:var(--color-text-secondary);line-height:1}.role-name{font-size:16px;font-weight:400;margin:0;line-height:1.2}.role-age{font-size:14px;opacity:.4}.role-type{font-size:12px;font-weight:300;color:var(--color-text-tertiary)}.chat-panel{flex-grow:1;flex-direction:column;height:100%;min-height:0;min-width:65%}.chat-header,.chat-panel{background-color:#1e1e1e;display:flex}.chat-header{justify-content:space-between;align-items:center;padding:16px 24px;flex-shrink:0}.chat-title{font-size:20px;font-weight:500;margin:0 0 8px}.chat-subtitle{font-size:14px;color:var(--color-text-tertiary);margin:0}.chat-role-badge{background-color:var(--color-surface);border-radius:1000px;padding:8px 16px;display:flex;align-items:center;gap:8px}.chat-role-avatar{width:32px;height:32px}.chat-role-details{display:flex;flex-direction:column;gap:4px}.chat-role-label{font-size:12px;color:var(--color-text-secondary);line-height:1}.chat-role-name{font-size:16px;font-weight:500;line-height:1}.chat-body{flex:1;overflow:hidden;position:relative}.chat-body,.message-list{display:flex;flex-direction:column;min-height:0}.message-list{gap:16px;overflow-y:auto;flex:1;padding-right:8px;max-height:100%}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.message-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.message-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.message{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.message.receiver{align-items:flex-start}.message.sender{align-items:flex-end}.message-sender-name{font-size:14px;color:var(--color-text-secondary);padding:0 12px}.message-bubble{background-color:var(--color-surface-alt);padding:12px;max-width:75%}.message-bubble p{margin:0;font-size:15px;line-height:24px}.message.receiver .message-bubble{border-radius:16px 16px 16px 0}.message.sender .message-bubble{border-radius:16px 16px 0 16px}.your-info-character{display:flex;align-items:center;gap:8px}.your-info-avatar{width:48px;height:48px;border-radius:50%}.your-info-details{display:flex;flex-direction:column;gap:8px}.your-info-label{font-size:14px;color:var(--color-text-secondary);line-height:1}.your-info-name{font-size:18px;font-weight:500;margin:0;line-height:1}.your-info-age{font-size:16px;font-weight:400;opacity:.4}.your-info-description h3{font-size:16px;font-weight:400;margin:0 0 4px}.your-info-description p{font-size:14px;color:var(--color-text-secondary);margin:0;line-height:1.6}.chat-footer{padding:24px;background-color:rgba(26,26,26,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.earning-rate{display:flex;flex-direction:column;gap:8px}.earning-rate-label{font-size:14px;color:var(--color-text-tertiary);line-height:1}.earning-rate-value{display:flex;align-items:center;gap:4px}.credits-icon-large{position:relative;width:22px;height:22px}.rate-amount{font-size:24px;font-weight:600;line-height:1}.rate-unit-large{font-size:16px;font-weight:400}.rate-usd{font-size:16px;color:var(--color-text-tertiary);margin-left:8px}