.messages-chat-tabs{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;background:#ebe2ce;border:1px solid #d4cdb8}.messages-chat-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:#4a5d23;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.messages-chat-tab:hover:not(:disabled){background:#d9d0bb}.messages-chat-tab.active{background:#d4eca2;color:#4a5d23;box-shadow:0 1px 3px #0000000f}.messages-chat-tab:disabled{opacity:.5;cursor:not-allowed}.messages-chat-tab-badge{min-width:18px;height:18px;border-radius:9px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#f1e7d3;background:#c75b4a}@media(max-width:768px){.messages-chat-tabs{gap:6px;padding:6px}.messages-chat-tab{flex:1;padding:9px 10px;font-size:12px}}[data-theme=dark] .messages-chat-tabs{background:var(--bg-secondary);border-color:var(--border-strong)}[data-theme=dark] .messages-chat-tab{border-color:var(--border-strong);color:var(--text-primary)}[data-theme=dark] .messages-chat-tab:hover:not(:disabled){border-color:var(--border-focus);background:var(--bg-tertiary)}[data-theme=dark] .messages-chat-tab.active{background:var(--accent-primary);color:var(--bg-primary)}[data-theme=dark] .messages-chat-tab-badge{color:#fff;background:var(--danger)}.messages-panel{width:100%;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box;min-height:calc(100vh - 140px)}.messages-panel-tabs-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:12px 20px 20px;box-sizing:border-box;height:min(100%,calc(100vh - var(--nav-safe-vertical) - max(32px,6vh)));max-height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}.panel-window--messages .messages-panel-tabs-wrapper{height:auto;max-height:100%}.messages-tab-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.messages-tab-pane{display:none;flex:1;min-height:0;flex-direction:column;overflow:hidden}.messages-tab-pane.active{display:flex}.messages-tab-content .chat-view{height:100%;min-height:0}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:15px}.messages-header h2{margin:0;color:#4a5d23;font-family:var(--font-display);font-size:var(--text-h1);font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.view-toggle,.compose-button,.mark-all-read-button,.back-button{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.view-toggle{background:#ebe2ce;color:#4a5d23;border:1px solid #d4cdb8}.view-toggle.active{background:#d4eca2;border-color:transparent;color:#4a5d23}.view-toggle:hover:not(.active){background:#d9d0bb;transform:translateY(-1px)}.compose-button{background:#4a5d23;color:#f1e7d3}.compose-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a5d2340}.mark-all-read-button{background:#5b8c3a;color:#f1e7d3}.mark-all-read-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5b8c3a40}.back-button{background:#ebe2ce;color:#4a5d23;border:1px solid #d4cdb8}.back-button:hover{background:#d9d0bb;transform:translateY(-1px)}.unread-badge{background:#c75b4a;color:#f1e7d3;font-size:14px;font-weight:700;padding:4px 12px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px}.messages-loading,.messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#f1e7d3;border-radius:8px;border:2px dashed #d4cdb8;text-align:center;min-height:300px}.empty-icon{font-size:clamp(64px,10vw,96px);margin-bottom:24px;opacity:.5}.messages-empty h3{font-family:var(--font-display);color:#4a5d23;font-size:var(--text-h2);font-weight:600;margin-bottom:12px}.messages-empty p{font-family:var(--font-body);color:#45483c;font-size:var(--text-body)}.error-message{background:#c75b4a1a;border:1px solid rgba(199,91,74,.3);border-radius:8px;padding:15px 20px;color:#8b3a2f;font-size:14px;margin-bottom:20px;text-align:center}.messages-list{display:flex;flex-direction:column;gap:12px}.message-item{background:#f1e7d3;border:1px solid #d4cdb8;border-radius:8px;padding:18px 22px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.message-item:hover{background:#ebe2ce;border-color:#4a5d23;transform:translate(5px);box-shadow:0 2px 12px #4a5d2326}.message-item.unread{background:#ebe2ce;border-color:#4a5d23;border-width:2px}.message-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#4a5d23}.message-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.message-item-sender{font-family:var(--font-display);font-size:var(--text-body);font-weight:700;color:#4a5d23;display:flex;align-items:center;gap:8px}.message-avatar-small{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid #4a5d23}.message-item-date{font-size:12px;color:#45483c;font-weight:500;font-style:italic}.message-item-title{font-size:16px;font-weight:700;margin:0 0 8px;color:#4a5d23}.message-item-preview{font-family:var(--font-body);font-size:var(--text-body-sm);color:#45483c;line-height:1.6;margin:0}.message-item .unread-badge{position:absolute;top:15px;right:15px;background:#4a5d23;color:#f1e7d3;font-size:11px;padding:4px 10px;border-radius:8px;font-weight:700}.message-detail{background:#f1e7d3;border-radius:8px;border:1px solid #d4cdb8;padding:30px;box-shadow:0 2px 12px #00000014}.message-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px;flex-wrap:wrap}.message-title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:700;margin:0;color:#4a5d23;flex:1;min-width:0}.message-date{font-family:var(--font-body);font-size:var(--text-caption);color:#45483c;font-weight:500;font-style:italic}.message-meta{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #d4cdb8}.message-sender{font-family:var(--font-display);font-size:var(--text-body);font-weight:600;color:#4a5d23;display:flex;align-items:center;gap:10px}.message-sender img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #4a5d23}.message-content{font-family:var(--font-body);background:#ebe2ce;border-radius:8px;padding:20px;color:#45483c;font-size:var(--text-body);line-height:1.7;white-space:pre-wrap;word-wrap:break-word}.message-read-at{margin-top:20px;padding-top:15px;border-top:1px solid #d4cdb8;font-size:13px;color:#45483c;font-style:italic}.message-actions{margin-top:20px;display:flex;gap:10px;justify-content:flex-end}.delete-button{padding:10px 20px;background:#c75b4a;color:#f1e7d3;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #c75b4a33}.delete-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c75b4a4d}.message-compose-form{background:#f1e7d3;border-radius:8px;border:1px solid #d4cdb8;padding:30px;display:flex;flex-direction:column;gap:20px;box-shadow:0 2px 12px #00000014}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:var(--font-display);font-size:var(--text-label);font-weight:600;color:#4a5d23;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{background:#ebe2ce;border:1px solid #d4cdb8;border-radius:8px;padding:12px 15px;color:#45483c;font-size:14px;font-family:inherit;transition:all .2s ease;width:100%;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a5d23;box-shadow:0 0 0 3px #4a5d2326}.form-group input:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:150px;font-family:inherit}.char-count{font-size:12px;color:#45483c;font-style:italic;text-align:right;margin-top:-5px}.send-button{padding:12px 28px;background:#d4eca2;color:#4a5d23;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;box-shadow:0 2px 8px #d4eca24d;align-self:flex-start}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #d4eca266}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:1024px){.messages-panel-tabs-wrapper{padding:12px 15px 15px}.messages-panel{padding:15px}.messages-header{flex-direction:column;align-items:flex-start;gap:15px}.header-actions{width:100%}.view-toggle,.compose-button,.mark-all-read-button{flex:1;min-width:120px}}@media(max-width:768px){.messages-panel-tabs-wrapper{padding:10px 12px 12px;height:100%;max-height:100%;min-height:0}.messages-panel{padding:12px;min-height:0}.messages-header h2{font-size:22px}.view-toggle,.compose-button,.mark-all-read-button,.back-button{padding:8px 16px;font-size:13px}.message-item{padding:15px 18px}.message-item-title{font-size:15px}.message-item-preview{font-size:13px}.message-detail{padding:20px}.message-title{font-size:20px}.message-content{padding:15px;font-size:14px}.message-compose-form{padding:20px}.form-group input,.form-group textarea{padding:10px 12px;font-size:13px}}@media(max-width:480px){.messages-panel-tabs-wrapper{padding:8px 10px 10px;height:100%;max-height:100%;min-height:0}.messages-panel{padding:10px;min-height:0}.messages-header{margin-bottom:15px}.messages-header h2{font-size:20px}.header-actions{flex-direction:column;width:100%}.view-toggle,.compose-button,.mark-all-read-button{width:100%;padding:10px 16px}.message-item{padding:12px 15px;border-radius:8px}.message-item-header{flex-direction:column;align-items:flex-start;gap:5px}.message-title{font-size:16px}.message-detail{padding:15px;border-radius:8px}.message-detail-header{flex-direction:column;gap:10px}.message-title{font-size:18px}.message-sender img{width:32px;height:32px}.message-compose-form{padding:15px;gap:15px}.message-actions{flex-direction:column}.delete-button,.send-button{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.messages-list,.message-detail,.message-compose-form{animation:fadeIn .3s ease-out}button:focus-visible,.view-toggle:focus-visible,.compose-button:focus-visible,.back-button:focus-visible,.delete-button:focus-visible,.send-button:focus-visible{outline:3px solid #4a5d23;outline-offset:3px}.chat-view{display:flex;flex-direction:column;height:100%;min-height:0;padding:0;overflow:hidden;background:#f1e7d3;border-radius:8px}.chat-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ebe2ce;border-bottom:1px solid #d4cdb8;flex-shrink:0}.chat-header-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.chat-header-info strong{font-family:var(--font-display);font-size:var(--text-body);color:#4a5d23;font-weight:700}.chat-system-name{font-size:15px;font-weight:700;color:#8b6914}.chat-global-meta{font-size:12px;color:#45483c;font-style:italic}.chat-header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #4a5d23}.chat-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:20px;display:flex;flex-direction:column;gap:12px;background:#f1e7d3}.chat-loading,.chat-empty{display:flex;align-items:center;justify-content:center;padding:40px;color:#45483c;font-size:14px;font-style:italic}.chat-bubble{display:flex;align-items:flex-end;gap:8px;max-width:80%}.chat-bubble.sent{align-self:flex-end;flex-direction:row-reverse}.chat-bubble.received{align-self:flex-start}.chat-bubble-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #4a5d23}.chat-bubble-content{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:8px;position:relative;box-shadow:0 1px 3px #0000000f}.chat-bubble.sent .chat-bubble-content{background:#d4eca2;border-bottom-right-radius:4px}.chat-bubble.received .chat-bubble-content{background:#ebe2ce;border:1px solid #d4cdb8;border-bottom-left-radius:4px}.chat-bubble.system.received .chat-bubble-content{background:#f5ecd0;border-color:#c4a35a}.chat-bubble-sender{font-size:12px;font-weight:600;color:#4a5d23}.chat-bubble.sent .chat-bubble-sender{color:#3a4a1c}.chat-bubble-text{font-family:var(--font-body);margin:0;font-size:var(--text-body-sm);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.chat-bubble-time{font-size:11px;font-style:italic;align-self:flex-end}.chat-bubble.sent .chat-bubble-text{color:#3a4a1c}.chat-bubble.sent .chat-bubble-time{color:#3a4a1cb3}.chat-bubble.received .chat-bubble-text{color:#45483c}.chat-bubble.received .chat-bubble-time{color:#45483cb3}.chat-bubble.received .chat-bubble-sender{color:#4a5d23}.chat-bubble.system .chat-bubble-sender{color:#8b6914}.chat-bubble.system .chat-bubble-text{color:#5c4a1a}.chat-bubble-delete{opacity:.5;background:none;border:none;cursor:pointer;padding:4px;font-size:12px}.chat-bubble-delete:hover{opacity:1}.chat-footer{flex:0 0 auto;display:flex;flex-direction:column;background:#ebe2ce;border-top:1px solid #d4cdb8}.chat-footer .chat-error{margin:10px 20px 0}.chat-footer .chat-input-form{border-top:none;background:transparent;padding:12px 20px 14px}.chat-input-form{flex-shrink:0;padding:16px 20px;background:#ebe2ce;border-top:1px solid #d4cdb8}.chat-input-row{display:flex;gap:10px;align-items:flex-end}.chat-input{flex:1;min-height:44px;max-height:120px;padding:12px 20px;border-radius:22px;border:1px solid #d4cdb8;background:#f1e7d3;color:#45483c;font-size:14px;font-family:inherit;resize:none;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#4a5d23}.chat-input::placeholder{color:#8a8577}.chat-send-button{min-width:92px;height:44px;padding:0 18px;border-radius:22px;border:none;background:#d4eca2;color:#4a5d23;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;flex-shrink:0;transition:all .2s;box-shadow:0 2px 6px #d4eca24d}.chat-send-button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 3px 10px #d4eca266}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}.chat-char-count{font-size:11px;color:#45483c;font-style:italic;margin-top:4px;display:block}.chat-system-notice{flex-shrink:0;padding:12px 16px;background:#ebe2ce;border-top:1px solid #d4cdb8;color:#45483c;font-size:13px;font-style:italic;text-align:center}.chat-error{font-size:12px;color:#8b3a2f;margin-bottom:8px}.load-more-button{align-self:center;padding:8px 16px;background:#ebe2ce;border:1px solid #d4cdb8;border-radius:8px;color:#4a5d23;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.load-more-button:hover:not(:disabled){background:#d9d0bb}.conversations-list{display:flex;flex-direction:column;gap:0}.private-chat-list-view{display:flex;flex-direction:column;height:100%;min-height:0;padding:0;overflow:hidden;background:#f1e7d3;border-radius:8px}.private-chat-list-view .messages-header{flex:0 0 auto;margin-bottom:0;padding:16px 20px;background:#ebe2ce;border-bottom:1px solid #d4cdb8}.private-chat-list-view .error-message{margin:10px 20px 0}.private-chat-list-view .messages-loading,.private-chat-list-view .messages-empty,.private-chat-list-view .conversations-list{flex:1;min-height:0;overflow-y:auto}.private-chat-list-view .messages-loading,.private-chat-list-view .messages-empty{margin:12px 20px 20px;min-height:0;padding:40px 20px}.conversation-item{display:flex;align-items:center;gap:16px;padding:16px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid #d4cdb8}.conversation-item:hover{background:#ebe2ce}.conversation-item.unread{background:#d4eca24d}.conversation-item.system{background:#c4a35a26}.conversation-item.system:hover{background:#c4a35a40}.conversation-avatar{position:relative;flex-shrink:0}.conversation-avatar-img,.conversation-avatar-placeholder{width:48px;height:48px;border-radius:50%;object-fit:cover}.conversation-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#4a5d23;color:#f1e7d3;font-size:18px;font-weight:700}.conversation-unread-badge{position:absolute;top:-4px;right:-4px;background:#c75b4a;color:#f1e7d3;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-header a{font-family:var(--font-display);font-size:var(--text-body);font-weight:700;color:#4a5d23;text-decoration:none}.conversation-header a:hover{text-decoration:underline}.conversation-time{font-size:12px;color:#45483c;font-style:italic;flex-shrink:0}.conversation-preview{margin:0;font-size:13px;color:#45483c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.chat-header,.chat-messages{padding:14px}.chat-input-form{padding:12px 14px}.chat-footer .chat-error{margin:8px 14px 0}.chat-footer .chat-input-form{padding:10px 14px 12px}.private-chat-list-view .messages-header{padding:14px}.private-chat-list-view .error-message{margin:8px 14px 0}.private-chat-list-view .messages-loading,.private-chat-list-view .messages-empty{margin:10px 14px 14px;padding:30px 16px}}[data-theme=dark] .messages-panel{background:transparent}[data-theme=dark] .messages-header h2{color:var(--text-primary)}[data-theme=dark] .view-toggle,[data-theme=dark] .back-button{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-strong)}[data-theme=dark] .view-toggle.active{background:var(--accent-primary);color:var(--bg-primary)}[data-theme=dark] .view-toggle:hover:not(.active),[data-theme=dark] .back-button:hover{background:var(--bg-tertiary);border-color:var(--border-focus)}[data-theme=dark] .compose-button{background:var(--accent-primary);color:var(--bg-primary)}[data-theme=dark] .mark-all-read-button{background:var(--success);color:#fff}[data-theme=dark] .unread-badge{background:var(--danger);color:#fff}[data-theme=dark] .messages-loading,[data-theme=dark] .messages-empty{background:var(--bg-secondary);border-color:var(--border-strong)}[data-theme=dark] .messages-empty h3{color:var(--text-primary)}[data-theme=dark] .messages-empty p{color:var(--text-secondary)}[data-theme=dark] .error-message{background:var(--danger-muted);border-color:var(--danger);color:var(--danger)}[data-theme=dark] .message-item{background:var(--bg-secondary);border-color:var(--border-strong)}[data-theme=dark] .message-item:hover{background:var(--bg-tertiary);border-color:var(--border-focus)}[data-theme=dark] .message-item.unread{background:var(--bg-elevated);border-color:var(--accent-primary)}[data-theme=dark] .message-item.unread:before{background:var(--accent-primary)}[data-theme=dark] .message-item-sender{color:var(--text-primary)}[data-theme=dark] .message-avatar-small{border-color:var(--accent-primary)}[data-theme=dark] .message-item-date{color:var(--text-secondary)}[data-theme=dark] .message-item-title{color:var(--text-primary)}[data-theme=dark] .message-item-preview{color:var(--text-secondary)}[data-theme=dark] .message-item .unread-badge{background:var(--accent-primary);color:var(--bg-primary)}[data-theme=dark] .message-detail{background:var(--bg-secondary);border-color:var(--border-strong)}[data-theme=dark] .message-title{color:var(--text-primary)}[data-theme=dark] .message-date{color:var(--text-secondary)}[data-theme=dark] .message-meta{border-bottom-color:var(--border-strong)}[data-theme=dark] .message-sender{color:var(--text-primary)}[data-theme=dark] .message-sender img{border-color:var(--accent-primary)}[data-theme=dark] .message-content{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .message-read-at{border-top-color:var(--border-strong);color:var(--text-secondary)}[data-theme=dark] .delete-button{background:var(--danger);color:#fff}[data-theme=dark] .message-compose-form{background:var(--bg-secondary);border-color:var(--border-strong)}[data-theme=dark] .form-group label{color:var(--text-secondary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--accent-primary)}[data-theme=dark] .char-count{color:var(--text-secondary)}[data-theme=dark] .send-button{background:var(--accent-primary);color:var(--bg-primary)}[data-theme=dark] .chat-view{background:var(--bg-primary)}[data-theme=dark] .chat-header{background:var(--bg-secondary);border-bottom-color:var(--border-strong)}[data-theme=dark] .chat-header-info strong{color:var(--text-primary)}[data-theme=dark] .chat-system-name{color:#ffd98a}[data-theme=dark] .chat-global-meta{color:var(--text-secondary)}[data-theme=dark] .chat-header-avatar{border-color:var(--accent-primary)}[data-theme=dark] .chat-messages{background:var(--bg-primary)}[data-theme=dark] .chat-loading,[data-theme=dark] .chat-empty{color:var(--text-secondary)}[data-theme=dark] .chat-bubble-avatar{border-color:var(--accent-primary)}[data-theme=dark] .chat-bubble.sent .chat-bubble-content{background:var(--accent-primary)}[data-theme=dark] .chat-bubble.received .chat-bubble-content{background:var(--bg-tertiary);border-color:var(--border-strong)}[data-theme=dark] .chat-bubble.system.received .chat-bubble-content{background:#50411973;border-color:#ffd98a73}[data-theme=dark] .chat-bubble-sender{color:var(--accent-primary)}[data-theme=dark] .chat-bubble.sent .chat-bubble-sender{color:var(--bg-primary)}[data-theme=dark] .chat-bubble-text{color:var(--text-primary)}[data-theme=dark] .chat-bubble-time{color:var(--text-secondary)}[data-theme=dark] .chat-bubble.sent .chat-bubble-text{color:var(--bg-primary)}[data-theme=dark] .chat-bubble.sent .chat-bubble-time{color:var(--bg-secondary)}[data-theme=dark] .chat-bubble.received .chat-bubble-text{color:var(--text-primary)}[data-theme=dark] .chat-bubble.received .chat-bubble-time{color:var(--text-secondary)}[data-theme=dark] .chat-bubble.received .chat-bubble-sender{color:var(--accent-primary)}[data-theme=dark] .chat-bubble.system .chat-bubble-sender{color:#ffd98a}[data-theme=dark] .chat-bubble.system .chat-bubble-text{color:var(--text-primary)}[data-theme=dark] .chat-input-form,[data-theme=dark] .chat-footer{background:var(--bg-secondary);border-top-color:var(--border-strong)}[data-theme=dark] .chat-footer .chat-input-form{background:transparent;border-top-color:transparent}[data-theme=dark] .chat-input{background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}[data-theme=dark] .chat-input:focus{border-color:var(--accent-primary)}[data-theme=dark] .chat-input::placeholder{color:var(--text-secondary)}[data-theme=dark] .chat-send-button{background:var(--accent-primary);color:var(--bg-primary)}[data-theme=dark] .chat-char-count{color:var(--text-secondary)}[data-theme=dark] .chat-error{color:var(--danger)}[data-theme=dark] .chat-system-notice{background:var(--bg-secondary);border-top-color:var(--border-strong);color:var(--text-secondary)}[data-theme=dark] .load-more-button{background:var(--bg-secondary);border-color:var(--border-strong);color:var(--text-primary)}[data-theme=dark] .load-more-button:hover:not(:disabled){background:var(--bg-tertiary)}[data-theme=dark] .private-chat-list-view{background:var(--bg-primary)}[data-theme=dark] .conversation-item{border-bottom-color:var(--border-strong)}[data-theme=dark] .private-chat-list-view .messages-header{background:var(--bg-secondary);border-bottom-color:var(--border-strong)}[data-theme=dark] .conversation-item:hover{background:var(--bg-tertiary)}[data-theme=dark] .conversation-item.unread{background:var(--bg-elevated)}[data-theme=dark] .conversation-item.system{background:#785f1433}[data-theme=dark] .conversation-item.system:hover{background:#785f144d}[data-theme=dark] .conversation-avatar-placeholder{background:var(--accent-primary);color:var(--bg-primary)}[data-theme=dark] .conversation-unread-badge{background:var(--danger);color:#fff}[data-theme=dark] .conversation-header a{color:var(--text-primary)}[data-theme=dark] .conversation-time,[data-theme=dark] .conversation-preview{color:var(--text-secondary)}.settings-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:3000;padding:20px}.settings-modal{background:linear-gradient(145deg,#f5f0e6,#e8dcc8);border:3px solid #c4a77d;border-radius:12px;box-shadow:0 10px 40px #0006,inset 0 1px #fff9;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:settingsSlideIn .3s ease-out}@keyframes settingsSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes settingsSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.settings-modal.is-closing{animation:settingsSlideOut var(--motion-duration-modal-out, .2s) var(--motion-easing-in, ease-in) forwards}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #c4a77d;background:linear-gradient(90deg,#c4a77d26,#c4a77d0d)}.settings-header h2{margin:0;color:#2b1b10;font-size:var(--text-h1, 24px);font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.3);font-family:var(--font-display)}.settings-close{background:linear-gradient(145deg,#c41e3a,#a01830);border:2px solid #d4af37;color:#fff;font-size:28px;font-weight:700;line-height:1;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #c41e3a66}.settings-close:hover{background:linear-gradient(145deg,#d4284a,#b02040);transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #c41e3a99}.settings-content{padding:20px}.settings-section{margin-bottom:30px}.settings-section:last-child{margin-bottom:0}.settings-section h3{margin:0 0 15px;color:#2b1b10;font-size:var(--text-h3, 18px);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #c4a77d;padding-bottom:8px;font-family:var(--font-display)}.settings-description{margin:0 0 10px;color:#5a4530;font-size:var(--text-body-sm, 13px);line-height:1.4;font-family:var(--font-body)}.settings-menu{display:flex;flex-direction:column;gap:8px}.settings-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(145deg,#fdf8f0,#f5f0e6);border:2px solid #c4a77d;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001a,inset 0 1px #fff9;text-align:left;font-size:16px;font-weight:500;color:#2b1b10}.settings-menu-item-link{text-decoration:none}.settings-menu-item:hover{background:linear-gradient(145deg,#e8dcc8,#d9cbb5);border-color:#d4af37;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d,inset 0 1px #ffffffb3}.settings-menu-item:active{transform:translateY(0);box-shadow:0 2px 6px #d4af3733,inset 0 1px #ffffff80}.settings-menu-icon{font-size:20px;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.settings-menu-item-danger{border-color:#c41e3a;background:linear-gradient(145deg,#fff0f0,#ffe0e0)}.settings-menu-item-danger:hover{background:linear-gradient(145deg,#ffe0e0,#ffd0d0);border-color:#d4284a;box-shadow:0 4px 12px #c41e3a4d,inset 0 1px #ffffffb3}.settings-linked-account{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:linear-gradient(145deg,#fdf8f0,#f5f0e6);border:2px solid #c4a77d;border-radius:8px;box-shadow:0 2px 6px #0000001a,inset 0 1px #fff9}.settings-linked-info{display:flex;flex-direction:column;gap:3px;min-width:0}.settings-linked-provider{font-size:14px;font-weight:700;color:#2b1b10}.settings-linked-email{font-size:13px;color:#5a4530;overflow-wrap:anywhere}.settings-linked-action{width:auto;min-width:110px;justify-content:center}.settings-set-password{margin-top:12px;padding-top:12px;border-top:1px solid rgba(43,27,16,.15)}.settings-inline-form{display:flex;gap:8px;margin-top:8px}.settings-input{flex:1;min-width:0;padding:10px 12px;border-radius:8px;border:2px solid #c4a77d;background:linear-gradient(145deg,#fdf8f0,#f5f0e6);color:#2b1b10;font-size:14px;box-shadow:0 2px 6px #00000014,inset 0 1px #fff9}.settings-inline-button{width:auto;min-width:120px;justify-content:center}.settings-error,.settings-success{margin:8px 0 0;font-size:13px;line-height:1.4}.settings-error{color:#b42318}.settings-success{color:#146c2e}.opacity-control,.settings-control{background:linear-gradient(145deg,#fdf8f0,#f5f0e6);border:2px solid #c4a77d;border-radius:8px;padding:16px;box-shadow:0 2px 6px #0000001a,inset 0 1px #fff9}.opacity-labels,.settings-control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:500;color:#2b1b10}.opacity-value,.settings-control-value{font-size:18px;font-weight:700;color:#d4af37;background:linear-gradient(145deg,#2b1b10,#1f130b);padding:4px 12px;border-radius:4px;border:1px solid #d4af37;min-width:60px;text-align:center}.opacity-slider,.settings-slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#c4a77d,#d4af37,#c4a77d);border-radius:4px;outline:none;cursor:pointer;box-shadow:inset 0 1px 3px #0003}.opacity-slider::-webkit-slider-thumb,.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(145deg,#d4af37,#c9a227);border:2px solid #f5f0e6;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff80;transition:all .2s ease}.opacity-slider::-webkit-slider-thumb:hover,.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 10px #d4af3780,inset 0 1px #ffffffb3}.opacity-slider::-moz-range-thumb,.settings-slider::-moz-range-thumb{width:24px;height:24px;background:linear-gradient(145deg,#d4af37,#c9a227);border:2px solid #f5f0e6;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff80;transition:all .2s ease}.opacity-slider::-moz-range-thumb:hover,.settings-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 10px #d4af3780,inset 0 1px #ffffffb3}.settings-subsection{margin-bottom:16px}.settings-subsection:last-child{margin-bottom:0}.settings-subsection h4{margin:0 0 10px;color:#2b1b10;font-size:var(--text-h4, 14px);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-display)}.settings-toggle{margin-top:10px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(145deg,#fdf8f0,#f5f0e6);border:2px solid #c4a77d;border-radius:8px;box-shadow:0 2px 6px #0000001a,inset 0 1px #fff9;color:#2b1b10;font-size:14px;font-weight:600;cursor:pointer}.settings-toggle input{width:18px;height:18px;accent-color:#d4af37;cursor:pointer}.map-variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.map-variant-item{aspect-ratio:1 / 1;border:3px solid #c4a77d;border-radius:8px;overflow:hidden;cursor:pointer;padding:0;background:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.map-variant-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.map-variant-item.selected{border-color:#d4af37;box-shadow:0 0 0 2px #d4af37,0 4px 12px #d4af3766}.map-variant-item img{width:100%;height:100%;object-fit:cover;display:block}.settings-color-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin-top:10px;background:linear-gradient(145deg,#fdf8f0,#f5f0e6);border:2px solid #c4a77d;border-radius:8px;box-shadow:0 2px 6px #0000001a,inset 0 1px #fff9}.settings-color-row label{font-size:14px;font-weight:600;color:#2b1b10}.settings-color-row input[type=color]{width:40px;height:32px;border:2px solid #c4a77d;border-radius:6px;cursor:pointer;padding:2px;background:transparent}.settings-color-row input[type=color]:hover{border-color:#d4af37}body.theme-samurai:not([data-theme=dark]) .settings-modal{background:var(--modal-bg);border-color:var(--border-color);box-shadow:0 10px 40px #2a241f29}body.theme-samurai:not([data-theme=dark]) .settings-header{border-bottom-color:var(--border-color);background:linear-gradient(90deg,#b892571f,#e7e0d359)}body.theme-samurai:not([data-theme=dark]) .settings-header h2,body.theme-samurai:not([data-theme=dark]) .settings-section h3,body.theme-samurai:not([data-theme=dark]) .settings-subsection h4,body.theme-samurai:not([data-theme=dark]) .settings-linked-provider,body.theme-samurai:not([data-theme=dark]) .opacity-labels,body.theme-samurai:not([data-theme=dark]) .settings-control-header,body.theme-samurai:not([data-theme=dark]) .settings-color-row label{color:var(--text-primary)}body.theme-samurai:not([data-theme=dark]) .settings-description,body.theme-samurai:not([data-theme=dark]) .settings-linked-email{color:var(--text-secondary)}body.theme-samurai:not([data-theme=dark]) .settings-close{background:linear-gradient(145deg,var(--button-secondary) 0%,var(--hover) 100%);border-color:var(--border-color);color:var(--button-secondary-text);box-shadow:0 2px 8px #2a241f1f}body.theme-samurai:not([data-theme=dark]) .settings-close:hover{background:linear-gradient(145deg,var(--button-primary) 0%,var(--accent-hover) 100%);border-color:var(--accent-primary);color:var(--button-primary-text);box-shadow:0 4px 12px #b8925738}body.theme-samurai:not([data-theme=dark]) .settings-menu-item,body.theme-samurai:not([data-theme=dark]) .settings-linked-account,body.theme-samurai:not([data-theme=dark]) .settings-input,body.theme-samurai:not([data-theme=dark]) .opacity-control,body.theme-samurai:not([data-theme=dark]) .settings-control,body.theme-samurai:not([data-theme=dark]) .settings-toggle,body.theme-samurai:not([data-theme=dark]) .settings-color-row{background:linear-gradient(145deg,#f3efe7fa,#e7e0d3f2);border-color:var(--border-color);color:var(--text-primary);box-shadow:0 2px 6px #2a241f14,inset 0 1px #ffffff8c}body.theme-samurai:not([data-theme=dark]) .settings-menu-item:hover,body.theme-samurai:not([data-theme=dark]) .settings-linked-account:hover,body.theme-samurai:not([data-theme=dark]) .settings-toggle:hover,body.theme-samurai:not([data-theme=dark]) .settings-color-row:hover{background:linear-gradient(145deg,#e7e0d3fa,#ddd4c6f5);border-color:var(--accent-primary);box-shadow:0 4px 12px #b8925729,inset 0 1px #ffffffb3}body.theme-samurai:not([data-theme=dark]) .settings-menu-item-danger{background:linear-gradient(145deg,#c9646414,#f3efe7fa);border-color:#c9646447}body.theme-samurai:not([data-theme=dark]) .settings-menu-item-danger:hover{background:linear-gradient(145deg,#c9646424,#e7e0d3fa);border-color:var(--danger)}body.theme-samurai:not([data-theme=dark]) .settings-set-password{border-top-color:#d2c7b8b8}body.theme-samurai:not([data-theme=dark]) .settings-error{color:var(--danger)}body.theme-samurai:not([data-theme=dark]) .settings-success{color:var(--success)}body.theme-samurai:not([data-theme=dark]) .opacity-value,body.theme-samurai:not([data-theme=dark]) .settings-control-value{color:var(--button-primary-text);background:linear-gradient(145deg,var(--button-primary) 0%,var(--accent-active) 100%);border-color:var(--button-primary)}body.theme-samurai:not([data-theme=dark]) .opacity-slider,body.theme-samurai:not([data-theme=dark]) .settings-slider{background:linear-gradient(90deg,var(--hover) 0%,var(--button-primary) 50%,var(--hover) 100%)}body.theme-samurai:not([data-theme=dark]) .opacity-slider::-webkit-slider-thumb,body.theme-samurai:not([data-theme=dark]) .settings-slider::-webkit-slider-thumb,body.theme-samurai:not([data-theme=dark]) .opacity-slider::-moz-range-thumb,body.theme-samurai:not([data-theme=dark]) .settings-slider::-moz-range-thumb{background:linear-gradient(145deg,var(--button-primary) 0%,var(--accent-active) 100%);border-color:var(--button-primary-text)}body.theme-samurai:not([data-theme=dark]) .settings-toggle input{accent-color:var(--accent-primary)}body.theme-samurai:not([data-theme=dark]) .map-variant-item,body.theme-samurai:not([data-theme=dark]) .settings-color-row input[type=color]{border-color:var(--border-color)}body.theme-samurai:not([data-theme=dark]) .map-variant-item.selected,body.theme-samurai:not([data-theme=dark]) .settings-color-row input[type=color]:hover{border-color:var(--accent-primary)}@media(max-width:768px){.settings-modal{max-width:95%;padding:0}.settings-header{padding:15px}.settings-header h2{font-size:20px}.settings-close{width:36px;height:36px;font-size:24px}.settings-content{padding:15px}.settings-section h3{font-size:16px}.settings-menu-item{padding:10px 14px;font-size:14px}.settings-linked-account,.settings-inline-form{flex-direction:column;align-items:stretch}.settings-linked-action,.settings-inline-button{width:100%}.settings-menu-icon{font-size:18px;width:24px;height:24px}.opacity-control,.settings-control{padding:12px}.opacity-labels,.settings-control-header{font-size:12px}.opacity-value,.settings-control-value{font-size:16px;padding:3px 10px;min-width:50px}.opacity-slider::-webkit-slider-thumb,.opacity-slider::-moz-range-thumb,.settings-slider::-webkit-slider-thumb,.settings-slider::-moz-range-thumb{width:20px;height:20px}.settings-subsection h4{font-size:13px}.settings-toggle{font-size:12px;padding:8px 10px}.settings-toggle input{width:16px;height:16px}}@media(max-width:480px){.settings-modal{max-width:100%;border-radius:0;border:none}.settings-header{padding:12px}.settings-header h2{font-size:18px}.settings-content{padding:12px}.settings-menu-item{padding:8px 12px;font-size:13px}}[data-theme=dark] .settings-overlay{background:var(--surface-overlay)}[data-theme=dark] .settings-modal{background:var(--surface-panel);border-color:var(--border-strong);box-shadow:var(--shadow-lg)}[data-theme=dark] .settings-header{background:linear-gradient(90deg,#c9a96b14,#2a313a29);border-bottom-color:var(--border-strong)}[data-theme=dark] .settings-header h2{color:var(--text-primary);text-shadow:none}[data-theme=dark] .settings-close{background:var(--button-secondary);border-color:var(--border-strong);color:var(--button-secondary-text);box-shadow:var(--shadow-sm)}[data-theme=dark] .settings-close:hover{background:var(--danger);border-color:var(--danger-hover);color:#fff;box-shadow:var(--shadow-md)}[data-theme=dark] .settings-section h3{color:var(--text-primary);border-bottom-color:var(--border-strong)}[data-theme=dark] .settings-description{color:var(--text-secondary)}[data-theme=dark] .settings-menu-item{background:linear-gradient(145deg,#222a34b3,#1b2026f2);border-color:var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-sm)}[data-theme=dark] .settings-menu-item:hover{background:linear-gradient(145deg,#2a313adb,#222a34);border-color:var(--border-focus);box-shadow:var(--shadow-md)}[data-theme=dark] .settings-menu-item:active{box-shadow:var(--shadow-sm)}[data-theme=dark] .settings-menu-item-danger{background:linear-gradient(145deg,#e0505024,#1b2026f2);border-color:var(--danger);color:var(--danger)}[data-theme=dark] .settings-menu-item-danger:hover{background:linear-gradient(145deg,#e0505033,#222a34);border-color:var(--danger-hover);color:#fff}[data-theme=dark] .settings-linked-account,[data-theme=dark] .settings-input{background:linear-gradient(145deg,#222a34b3,#1b2026f2);border-color:var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-sm)}[data-theme=dark] .settings-linked-provider{color:var(--text-primary)}[data-theme=dark] .settings-linked-email{color:var(--text-secondary)}[data-theme=dark] .settings-set-password{border-top-color:var(--border-subtle)}[data-theme=dark] .settings-error{color:var(--danger)}[data-theme=dark] .settings-success{color:var(--success)}[data-theme=dark] .opacity-control,[data-theme=dark] .settings-control{background:linear-gradient(145deg,#222a34b3,#1b2026f2);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}[data-theme=dark] .opacity-labels,[data-theme=dark] .settings-control-header{color:var(--text-primary)}[data-theme=dark] .opacity-value,[data-theme=dark] .settings-control-value{color:var(--button-primary-text);background:linear-gradient(145deg,var(--button-primary) 0%,var(--accent-active) 100%);border-color:var(--button-primary)}[data-theme=dark] .opacity-slider,[data-theme=dark] .settings-slider{background:linear-gradient(90deg,var(--hover) 0%,var(--button-primary) 50%,var(--hover) 100%);box-shadow:none}[data-theme=dark] .opacity-slider::-webkit-slider-thumb,[data-theme=dark] .settings-slider::-webkit-slider-thumb{background:linear-gradient(145deg,var(--button-primary) 0%,var(--accent-active) 100%);border-color:var(--bg-primary);box-shadow:none}[data-theme=dark] .opacity-slider::-webkit-slider-thumb:hover,[data-theme=dark] .settings-slider::-webkit-slider-thumb:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow)}[data-theme=dark] .opacity-slider::-moz-range-thumb,[data-theme=dark] .settings-slider::-moz-range-thumb{background:linear-gradient(145deg,var(--button-primary) 0%,var(--accent-active) 100%);border-color:var(--bg-primary);box-shadow:none}[data-theme=dark] .opacity-slider::-moz-range-thumb:hover,[data-theme=dark] .settings-slider::-moz-range-thumb:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow)}[data-theme=dark] .settings-subsection h4{color:var(--text-primary)}[data-theme=dark] .settings-toggle{background:linear-gradient(145deg,#222a34b3,#1b2026f2);border-color:var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-sm)}[data-theme=dark] .settings-toggle input{accent-color:var(--accent-primary)}[data-theme=dark] .map-variant-item{border-color:var(--border-strong)}[data-theme=dark] .map-variant-item.selected{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary),0 4px 12px #c9a96b4d}[data-theme=dark] .settings-color-row{background:var(--bg-secondary);border-color:var(--border-strong)}[data-theme=dark] .settings-color-row label{color:var(--text-primary)}[data-theme=dark] .settings-color-row input[type=color]{border-color:var(--border-strong)}.gold-modal-content{max-width:620px}.gold-modal-content.is-closing{animation:modalSlideOut var(--motion-duration-modal-out, .2s) var(--motion-easing-in, ease-in) forwards}.gold-modal-header-text{min-width:0}.gold-modal-balance{margin-left:auto;display:flex;align-items:center;gap:8px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;padding:8px 12px;color:#333;font-size:14px;font-weight:700}.gold-modal-balance-icon{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffe08a,#d4af37);box-shadow:0 0 6px #d4af378c;flex-shrink:0}.gold-modal-tabs{display:flex;gap:8px;padding:12px 16px;border-bottom:2px solid #e9ecef;background:#f8f9fa}.gold-modal-content .resource-modal-header{padding-right:48px}.gold-modal-tab{flex:1;border:2px solid transparent;border-radius:8px;background:transparent;color:#666;font-size:14px;font-weight:700;padding:10px 12px;cursor:pointer;transition:all .2s ease}.gold-modal-tab:hover{color:#333;background:#fff;border-color:#e9ecef}.gold-modal-tab.active{color:#333;background:#fff;border-color:#667eea;box-shadow:0 2px 10px #667eea26}.gold-modal-panel{padding:16px;background:#f8f9fa}.gold-modal-active-strip{margin-bottom:16px;padding:12px 14px;border:1px solid #e9ecef;border-radius:8px;background:#fff}.gold-modal-active-strip h3{margin:0 0 6px;color:#333;font-size:15px}.gold-modal-active-strip p{margin:0;color:#666;font-size:13px}.gold-modal-active-list{display:grid;gap:6px}.gold-modal-active-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa;padding:6px 8px}.gold-modal-active-label{color:#333;font-size:12px;font-weight:700}.gold-modal-active-timer{color:#4d5dc6;font-size:12px;font-weight:700}.gold-modal-bonus-list{display:grid;gap:12px}.gold-modal-bonus-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:14px}.gold-modal-bonus-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.gold-modal-badge{border:1px solid #cbeed8;border-radius:999px;background:#e6f8ee;color:#2f9f64;font-size:11px;font-weight:700;padding:3px 8px}.gold-modal-bonus-title-wrap{display:flex;align-items:center;gap:8px}.gold-modal-bonus-title-wrap>span{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#eef1ff;border:1px solid #d7ddff;color:#4d5dc6;font-size:11px;font-weight:700;padding:4px 6px}.gold-modal-bonus-title-wrap h4{margin:0;color:#333;font-size:15px}.gold-modal-bonus-description{margin:0 0 12px;color:#666;font-size:13px;line-height:1.45}.gold-modal-bonus-actions{display:flex;flex-wrap:wrap;gap:8px}.gold-modal-bonus-btn{border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa;color:#333;font-size:12px;font-weight:700;padding:8px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.gold-modal-bonus-btn:hover{background:#fff;border-color:#667eea}.gold-modal-bonus-btn:disabled{opacity:.55;cursor:not-allowed;background:#f2f3f5;border-color:#e4e6eb}.gold-modal-bonus-btn.is-loading{opacity:.85}.gold-modal-cost{display:inline-flex;align-items:center;gap:4px;color:#1d2635}.gold-modal-coin{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffe08a,#d4af37);box-shadow:0 0 4px #d4af3773}.gold-modal-shop-placeholder{text-align:center;border:1px dashed #d7dce5;border-radius:10px;background:#fff;padding:28px 16px}.gold-modal-shop-placeholder h3{margin:0 0 8px;color:#333}.gold-modal-shop-placeholder p{margin:0 0 16px;color:#666}.gold-modal-soon-btn{border:1px solid #667eea;border-radius:8px;background:#667eea;color:#fff;font-weight:700;font-size:13px;padding:10px 14px;cursor:pointer;transition:all .2s ease}.gold-modal-soon-btn:hover{background:#5369df;border-color:#5369df}.gold-modal-toast{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;box-shadow:0 8px 20px #0003}body.theme-samurai:not([data-theme=dark]) .gold-modal-balance,body.theme-samurai:not([data-theme=dark]) .gold-modal-tabs,body.theme-samurai:not([data-theme=dark]) .gold-modal-panel,body.theme-samurai:not([data-theme=dark]) .gold-modal-active-item,body.theme-samurai:not([data-theme=dark]) .gold-modal-bonus-card,body.theme-samurai:not([data-theme=dark]) .gold-modal-shop-placeholder{background:var(--card-bg);border-color:var(--border-color-light);color:var(--text-primary)}body.theme-samurai:not([data-theme=dark]) .gold-modal-balance,body.theme-samurai:not([data-theme=dark]) .gold-modal-tab:hover,body.theme-samurai:not([data-theme=dark]) .gold-modal-tab.active,body.theme-samurai:not([data-theme=dark]) .gold-modal-active-strip,body.theme-samurai:not([data-theme=dark]) .gold-modal-bonus-btn:hover,body.theme-samurai:not([data-theme=dark]) .gold-modal-shop-placeholder{background:var(--bg-primary)}body.theme-samurai:not([data-theme=dark]) .gold-modal-tab,body.theme-samurai:not([data-theme=dark]) .gold-modal-active-strip p,body.theme-samurai:not([data-theme=dark]) .gold-modal-bonus-description,body.theme-samurai:not([data-theme=dark]) .gold-modal-shop-placeholder p{color:var(--text-secondary)}body.theme-samurai:not([data-theme=dark]) .gold-modal-bonus-title-wrap>span{background:#b892571f;border-color:#b8925738;color:var(--accent-primary)}body.theme-samurai:not([data-theme=dark]) .gold-modal-bonus-btn,body.theme-samurai:not([data-theme=dark]) .gold-modal-soon-btn{background:linear-gradient(145deg,var(--button-secondary) 0%,var(--hover) 100%);border-color:var(--border-color);color:var(--button-secondary-text)}body.theme-samurai:not([data-theme=dark]) .gold-modal-tab.active,body.theme-samurai:not([data-theme=dark]) .gold-modal-bonus-btn:hover,body.theme-samurai:not([data-theme=dark]) .gold-modal-soon-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}body.theme-samurai:not([data-theme=dark]) .gold-modal-balance-icon,body.theme-samurai:not([data-theme=dark]) .gold-modal-coin{background:radial-gradient(circle at 30% 30%,#f8f4ec,var(--accent-primary));box-shadow:0 0 6px #b8925773}.gold-modal-toast.is-info{background:#4d5dc6}.gold-modal-toast.is-success{background:#2f9f64}.gold-modal-toast-dot{width:8px;height:8px;border-radius:50%;background:#ffffffe6}@media(max-width:768px){.gold-modal-content{max-width:100%}.gold-modal-content .resource-modal-header{padding-right:48px!important}.gold-modal-balance{padding:6px 10px;font-size:12px}.gold-modal-tabs,.gold-modal-panel{padding:10px}.gold-modal-bonus-actions{flex-direction:column}.gold-modal-bonus-btn{justify-content:space-between}}.gold-modal-shop-subtitle{color:#666;font-size:.85rem;margin-bottom:1rem}.gold-modal-gift-mode{margin-bottom:1rem;padding:.75rem;border:1px solid #e9ecef;border-radius:8px;background:#fff}.gold-modal-gift-toggle{display:flex;gap:.5rem;flex-wrap:wrap}.gold-modal-gift-toggle-btn{border:1px solid #d5d9e4;background:#f8f9fa;color:#333;border-radius:6px;padding:.4rem .7rem;font-size:.8rem;font-weight:700;cursor:pointer}.gold-modal-gift-toggle-btn.active{border-color:#667eea;background:#eef1ff;color:#2f3f9d}.gold-modal-gift-picker{margin-top:.7rem;position:relative}.gold-modal-gift-picker label{display:block;margin-bottom:.35rem;color:#333;font-size:.78rem;font-weight:600}.gold-modal-gift-input{width:100%;border:1px solid #d5d9e4;border-radius:6px;padding:.45rem .55rem;font-size:.82rem;color:#333;background:#fff}.gold-modal-gift-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea26}.gold-modal-gift-suggestions{margin-top:.4rem;border:1px solid #e2e6ee;border-radius:6px;background:#fff;max-height:160px;overflow-y:auto;display:flex;flex-direction:column}.gold-modal-gift-suggestion{border:none;border-bottom:1px solid #f0f2f6;background:#fff;text-align:left;padding:.45rem .55rem;font-size:.82rem;color:#333;cursor:pointer}.gold-modal-gift-suggestion:last-child{border-bottom:none}.gold-modal-gift-suggestion:hover{background:#f6f8ff}.gold-modal-gift-empty{margin-top:.4rem;color:#666;font-size:.78rem}.gold-modal-gift-confirmation{margin:.55rem 0 0;border-left:3px solid #2f9f64;background:#eaf8f0;color:#215f3f;font-size:.8rem;padding:.45rem .55rem}.gold-modal-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-top:.5rem}.gold-modal-shop-card{position:relative;background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:border-color .2s,transform .2s}.gold-modal-shop-card:hover{border-color:#d4a012;transform:translateY(-2px)}.gold-modal-shop-badge{position:absolute;top:-8px;right:-8px;background:#d4a012;color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase}.gold-modal-shop-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.gold-modal-shop-card-header h4{margin:0;font-size:.95rem;color:#333}.gold-modal-shop-discount{background:#2f9f64;color:#fff;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:3px}.gold-modal-shop-gold-amount{display:flex;align-items:center;gap:.4rem;font-size:1.3rem;font-weight:700;color:#d4a012;margin:.5rem 0}.gold-modal-shop-description{font-size:.75rem;color:#666;margin-bottom:.75rem}.gold-modal-shop-buy-btn{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#d4a012,#b8860b);color:#fff;border:none;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:opacity .2s,transform .1s}.gold-modal-shop-buy-btn:hover:not(:disabled){opacity:.9;transform:scale(1.02)}.gold-modal-shop-buy-btn:disabled{opacity:.5;cursor:not-allowed}.gold-modal-shop-buy-btn.is-loading{opacity:.7}.gold-modal-shop-section h3{margin:0 0 .5rem;color:#333;font-size:15px}.gold-modal-instant-actions{display:grid;gap:12px}[data-theme=dark] .gold-modal-balance{background:var(--bg-secondary);border-color:var(--border-subtle);color:var(--text-primary)}[data-theme=dark] .gold-modal-tabs{border-bottom-color:var(--border-subtle);background:var(--bg-secondary)}[data-theme=dark] .gold-modal-tab{color:var(--text-secondary)}[data-theme=dark] .gold-modal-tab:hover{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-subtle)}[data-theme=dark] .gold-modal-tab.active{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--accent-primary);box-shadow:0 2px 10px #b3000026}[data-theme=dark] .gold-modal-panel{background:var(--bg-primary)}[data-theme=dark] .gold-modal-active-strip{border-color:var(--border-subtle);background:var(--bg-secondary)}[data-theme=dark] .gold-modal-active-strip h3{color:var(--text-primary)}[data-theme=dark] .gold-modal-active-strip p{color:var(--text-secondary)}[data-theme=dark] .gold-modal-active-item{border-color:var(--border-subtle);background:var(--bg-secondary)}[data-theme=dark] .gold-modal-active-label{color:var(--text-primary)}[data-theme=dark] .gold-modal-active-timer{color:var(--accent-primary)}[data-theme=dark] .gold-modal-bonus-card{background:var(--bg-secondary);border-color:var(--border-subtle)}[data-theme=dark] .gold-modal-badge{border-color:var(--success-muted);background:var(--success-muted);color:var(--success)}[data-theme=dark] .gold-modal-bonus-title-wrap>span{background:var(--accent-muted);border-color:var(--accent-primary);color:var(--accent-hover)}[data-theme=dark] .gold-modal-bonus-title-wrap h4{color:var(--text-primary)}[data-theme=dark] .gold-modal-bonus-description{color:var(--text-secondary)}[data-theme=dark] .gold-modal-bonus-btn{border-color:var(--border-subtle);background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .gold-modal-bonus-btn:hover{background:var(--bg-elevated);border-color:var(--accent-primary)}[data-theme=dark] .gold-modal-bonus-btn:disabled{background:var(--bg-deep);border-color:var(--border-subtle)}[data-theme=dark] .gold-modal-cost{color:var(--text-primary)}[data-theme=dark] .gold-modal-shop-placeholder{border-color:var(--border-subtle);background:var(--bg-secondary)}[data-theme=dark] .gold-modal-shop-placeholder h3{color:var(--text-primary)}[data-theme=dark] .gold-modal-shop-placeholder p{color:var(--text-secondary)}[data-theme=dark] .gold-modal-soon-btn{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}[data-theme=dark] .gold-modal-soon-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}[data-theme=dark] .gold-modal-toast.is-info{background:var(--accent-primary)}[data-theme=dark] .gold-modal-toast.is-success{background:var(--success)}[data-theme=dark] .gold-modal-shop-subtitle{color:var(--text-secondary)}[data-theme=dark] .gold-modal-gift-mode{border-color:var(--border-subtle);background:var(--bg-secondary)}[data-theme=dark] .gold-modal-gift-toggle-btn{border-color:var(--border-subtle);background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .gold-modal-gift-toggle-btn.active{border-color:var(--accent-primary);background:var(--accent-muted);color:var(--accent-hover)}[data-theme=dark] .gold-modal-gift-picker label{color:var(--text-primary)}[data-theme=dark] .gold-modal-gift-input{border-color:var(--border-subtle);color:var(--text-primary);background:var(--bg-primary)}[data-theme=dark] .gold-modal-gift-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #b3000026}[data-theme=dark] .gold-modal-gift-suggestions{border-color:var(--border-subtle);background:var(--bg-secondary)}[data-theme=dark] .gold-modal-gift-suggestion{border-bottom-color:var(--border-subtle);background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .gold-modal-gift-suggestion:hover{background:var(--bg-elevated)}[data-theme=dark] .gold-modal-gift-empty{color:var(--text-secondary)}[data-theme=dark] .gold-modal-gift-confirmation{border-left-color:var(--success);background:var(--success-muted);color:var(--success)}[data-theme=dark] .gold-modal-shop-card{background:var(--bg-secondary);border-color:var(--border-subtle)}[data-theme=dark] .gold-modal-shop-card:hover{border-color:var(--accent-primary)}[data-theme=dark] .gold-modal-shop-card-header h4{color:var(--text-primary)}[data-theme=dark] .gold-modal-shop-description{color:var(--text-secondary)}[data-theme=dark] .gold-modal-shop-section h3{color:var(--text-primary)}.referral-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.referral-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;color:#fff}.referral-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.referral-modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.referral-modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px 8px;opacity:.7;transition:opacity .2s}.referral-modal-close:hover{opacity:1}.referral-modal-content{padding:20px}.referral-modal-loading,.referral-modal-error{text-align:center;padding:40px 20px;color:#ffffffb3}.referral-modal-error{color:#ff6b6b}.referral-section{margin-bottom:24px}.referral-section:last-child{margin-bottom:0}.referral-section h3{margin:0 0 12px;font-size:1rem;font-weight:500;color:#ffffffe6}.referral-code-display{background:#0000004d;border-radius:8px;padding:16px;text-align:center;margin-bottom:12px}.referral-code{font-size:2rem;font-weight:700;letter-spacing:.3em;color:gold;font-family:monospace}.referral-link-section{display:flex;gap:8px;margin-bottom:12px}.referral-link-input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:10px 12px;color:#fff;font-size:.875rem}.referral-link-input:focus{outline:none;border-color:gold}.referral-copy-button{background:linear-gradient(135deg,gold,#fa0);border:none;border-radius:6px;padding:10px 20px;color:#000;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.referral-copy-button:hover{transform:scale(1.02)}.referral-copy-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.referral-info{font-size:.875rem;color:#ffffffb3;margin:0}.referral-info strong{color:gold}.referral-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.referral-stat{background:#0000004d;border-radius:8px;padding:12px;text-align:center}.referral-stat-value{display:block;font-size:1.5rem;font-weight:700;color:gold}.referral-stat-label{display:block;font-size:.75rem;color:#fff9;margin-top:4px}.referral-invites-table{width:100%;border-collapse:collapse;font-size:.875rem}.referral-invites-table th,.referral-invites-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.referral-invites-table th{color:#fff9;font-weight:500}.referral-invites-table td{color:#ffffffe6}.referral-no-invites{text-align:center;color:#ffffff80;padding:20px}.referral-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px}.referral-pagination-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 16px;color:#fff;cursor:pointer;transition:background .2s}.referral-pagination-btn:hover:not(:disabled){background:#fff3}.referral-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.referral-pagination-info{color:#ffffffb3;font-size:.875rem}@media(max-width:480px){.referral-stats-grid{grid-template-columns:repeat(2,1fr)}.referral-link-section{flex-direction:column}.referral-invites-table{font-size:.75rem}.referral-invites-table th,.referral-invites-table td{padding:8px}}[data-theme=dark] .referral-modal-overlay{background:#000000d9}[data-theme=dark] .referral-modal{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-deep) 100%);border-color:var(--border-subtle);color:var(--text-primary)}[data-theme=dark] .referral-modal-header{border-bottom-color:var(--border-subtle)}[data-theme=dark] .referral-modal-close{color:var(--text-primary)}[data-theme=dark] .referral-modal-loading{color:var(--text-secondary)}[data-theme=dark] .referral-modal-error{color:var(--danger)}[data-theme=dark] .referral-section h3{color:var(--text-primary)}[data-theme=dark] .referral-code-display{background:var(--bg-deep)}[data-theme=dark] .referral-code{color:var(--accent-hover)}[data-theme=dark] .referral-link-input{background:var(--bg-deep);border-color:var(--border-subtle);color:var(--text-primary)}[data-theme=dark] .referral-link-input:focus{border-color:var(--accent-primary)}[data-theme=dark] .referral-copy-button{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-active) 100%);color:#fff}[data-theme=dark] .referral-info{color:var(--text-secondary)}[data-theme=dark] .referral-info strong{color:var(--accent-hover)}[data-theme=dark] .referral-stat{background:var(--bg-deep)}[data-theme=dark] .referral-stat-value{color:var(--accent-hover)}[data-theme=dark] .referral-stat-label{color:var(--text-muted)}[data-theme=dark] .referral-invites-table th,[data-theme=dark] .referral-invites-table td{border-bottom-color:var(--border-subtle)}[data-theme=dark] .referral-invites-table th{color:var(--text-muted)}[data-theme=dark] .referral-invites-table td{color:var(--text-primary)}[data-theme=dark] .referral-no-invites{color:var(--text-muted)}[data-theme=dark] .referral-pagination-btn{background:var(--bg-elevated);border-color:var(--border-subtle);color:var(--text-primary)}[data-theme=dark] .referral-pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary)}[data-theme=dark] .referral-pagination-info{color:var(--text-secondary)}