:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;overflow:hidden}@media (width<=1199px){body{overflow:hidden auto!important}}a{color:var(--accent-primary);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--accent-secondary)}h1{font-size:3.2em;line-height:1.1}button{background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:var(--accent-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-elevated:#252525;--bg-disabled:#333;--text-primary:#fff;--text-secondary:#aaa;--text-disabled:#666;--accent-primary:#8a2be2;--accent-secondary:#6a1cb2;--accent-glow:138, 43, 226;--border-color:#333;--error-color:#f44336;--success-color:#4caf50;--warning-color:#ff9800;--mobile-padding:10px;--mobile-min-width:auto;--mobile-font-size:14px;--card-shadow:0 2px 8px #0003;--scrollbar-thumb:#444;--scrollbar-track:transparent;--overlay-dim:#00000080;--divider-subtle:#ffffff0d;--divider-medium:#ffffff26}[data-theme=light]{--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-elevated:#fff;--bg-disabled:#e0e0e0;--text-primary:#1a1a1a;--text-secondary:#555;--text-disabled:#999;--border-color:#d0d0d0;--card-shadow:0 2px 8px #00000014;--scrollbar-thumb:#bbb;--scrollbar-track:transparent;--overlay-dim:#00000040;--divider-subtle:#0000000f;--divider-medium:#0000001f}body{background-color:var(--bg-primary);color:var(--text-primary)}.App{text-align:center;width:100vw;height:100vh;overflow:hidden}.App-header{background-color:var(--bg-elevated);z-index:100;padding:.5rem;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0003}.App-header h1{color:var(--text-primary);margin:0;font-size:1.2rem}main{width:100%;height:calc(100vh - 40px);margin-top:40px;padding:0}.app-container{text-align:center;background-color:var(--bg-primary);flex-direction:column;max-width:100%;height:100vh;margin:0;padding:1rem;display:flex}.app-container h1{color:var(--text-primary);letter-spacing:.5px;margin-bottom:1rem;font-size:1.8rem}.main-content{grid-template-columns:20% 55% auto;gap:1.5rem;max-width:100%;height:calc(100vh - 80px);padding:.5rem 1rem .5rem .5rem;display:grid}.user-details-column,.messages-column,.stats-column{flex-direction:column;gap:1rem;min-height:0;padding-right:.5rem;display:flex}.user-details-column{min-width:300px}.stats-column{background-color:var(--bg-elevated);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:10px;gap:.75rem;width:100%;max-width:480px;min-height:0;padding:.85rem .85rem 1.5rem;overflow:hidden auto}.stats-panel-header{color:var(--accent-primary);border-bottom:1px solid var(--border-color);letter-spacing:.3px;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.25rem .25rem .5rem;font-size:.9rem;font-weight:700;display:flex}.stats-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:.5rem;padding:.65rem .75rem}.stats-card:last-child{margin-bottom:0}.stats-card-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.78rem;font-weight:600;display:flex}.stats-card-header svg{opacity:.6}.stats-row-grid{flex-direction:column;display:flex}.stats-row{border-bottom:1px solid var(--divider-subtle);justify-content:space-between;align-items:baseline;padding:.25rem 0;display:flex}.stats-row:last-child{border-bottom:none;padding-bottom:0}.stats-row:first-child{padding-top:0}.stats-row-label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.stats-row-value{color:var(--text-primary);text-align:right;font-size:.82rem;font-weight:600}.stats-chart-label{color:var(--text-secondary);margin-top:.25rem;margin-bottom:.35rem;font-size:.78rem;font-weight:600}.stats-chart-wrap{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:6px;margin-bottom:.75rem;padding:.5rem .25rem}.stats-chart-wrap:last-child{margin-bottom:0}.stats-empty{color:var(--text-secondary);padding:.25rem 0;font-size:.82rem;font-style:italic}.stats-personality{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-elevated) 100%);border:1px solid var(--border-color);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .75rem;display:flex}.stats-personality-label{color:var(--text-primary);letter-spacing:.3px;font-size:1rem;font-weight:700}.stats-personality-desc{color:var(--text-secondary);font-size:.75rem}.stats-card-badge{color:var(--accent-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;margin-left:auto;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.stats-top-list{flex-direction:column;gap:.35rem;display:flex}.stats-top-item{background:var(--bg-secondary);border-radius:6px;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.82rem;transition:background .15s;display:flex}.stats-top-item:hover{background:var(--bg-primary)}.stats-top-rank{color:var(--accent-primary);min-width:1.5rem;font-size:.75rem;font-weight:700}.stats-top-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.stats-top-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.78rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:.5rem;padding:.75rem}.stats-heading{display:none}.graph-container{background-color:var(--bg-secondary);border-radius:6px;justify-content:center;align-items:center;height:200px;margin-bottom:1rem;padding:1rem;display:flex}.placeholder-text{color:var(--text-secondary);font-style:italic}.search-container{width:100%;margin:0 0 .75rem}.search-container form{flex-direction:column;gap:.5rem;width:100%;display:flex}.search-input{border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:.5rem .7rem;font-size:.85rem;transition:all .2s}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-glow),.15)}.search-button{background-color:var(--accent-primary);width:100%;color:var(--text-primary);cursor:pointer;border:none;border-radius:6px;padding:.5rem .7rem;font-size:.85rem;font-weight:600;transition:background-color .2s,transform .15s}.search-button:hover:not(:disabled){background-color:var(--accent-secondary);transform:translateY(-1px)}.search-button:disabled{opacity:.6;cursor:not-allowed}.user-profile{background-color:var(--bg-elevated);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;flex-shrink:0;margin-bottom:.5rem;display:flex;position:relative;overflow:hidden}.user-avatar{border:2px solid var(--border-color);background-color:var(--bg-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.profile-picture{object-fit:cover;width:100%;height:100%;margin:0;padding:0;display:block}.avatar-circle{background-color:var(--accent-primary);color:#fff;text-align:center;justify-content:center;align-items:center;width:80px;height:80px;margin:0;padding:0;font-size:1.5em;font-weight:700;line-height:1;display:flex}.user-info-large{flex-direction:column;align-items:center;margin-bottom:1rem;display:flex}.username-large{letter-spacing:.2px;font-size:1.15rem;font-weight:700;line-height:1.2}.badges-large{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.3rem;display:flex}.profile-identity{align-items:center;gap:.65rem;padding:.75rem .75rem .5rem;display:flex}.profile-identity .user-avatar{width:48px;height:48px}.profile-identity-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.profile-badges-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.profile-badges-row .custom-badge{margin-left:0}.profile-body{flex-direction:column;gap:0;padding:0 .75rem .75rem;display:flex}.profile-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:.5rem;padding:.65rem .75rem}.profile-card:last-child{margin-bottom:0}.profile-card-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:default;background:0 0;border:none;align-items:center;gap:.4rem;margin-bottom:.5rem;padding:0;font-size:.8rem;font-weight:600;display:flex}.profile-card-header svg{opacity:.6}.profile-card-empty{color:var(--text-secondary);padding:.25rem 0;font-size:.85rem;font-style:italic}.bio-card{background:var(--bg-secondary)}.bio-text{color:var(--text-secondary);word-break:break-word;margin:0;font-size:.85rem;line-height:1.5}.sub-card .subscription-rows{flex-direction:column;display:flex}.sub-card .subscription-stat{border-bottom:1px solid var(--divider-subtle);justify-content:space-between;align-items:baseline;padding:.3rem 0;display:flex}.sub-card .subscription-stat:last-child{border-bottom:none;padding-bottom:0}.sub-card .subscription-stat:first-child{padding-top:0}.sub-card .stat-label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.sub-card .stat-data{color:var(--text-primary);text-align:right;font-size:.82rem}.update-card{background:0 0;border:none;padding:0}.update-section-inner{flex-direction:column;gap:.5rem;display:flex}.update-stats-btn{color:#fff;background:var(--accent-primary);cursor:pointer;width:100%;box-shadow:0 2px 6px rgba(var(--accent-glow),.15);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;display:flex}.update-stats-btn:hover:not(:disabled){background:var(--accent-secondary);box-shadow:0 4px 12px rgba(var(--accent-glow),.25);transform:translateY(-1px)}.update-stats-btn:active:not(:disabled){transform:translateY(0)}.update-stats-btn:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;box-shadow:none}.update-stats-btn.loading{background:var(--bg-disabled);color:var(--text-secondary)}.update-spinner{border:2px solid var(--divider-medium);border-top-color:var(--text-primary);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.update-feedback{color:var(--feedback-color,var(--text-secondary));background:var(--bg-secondary);border-left:3px solid var(--feedback-color,var(--border-color));border-radius:6px;padding:.5rem .65rem;font-size:.78rem;line-height:1.4}.update-feedback-msg{display:block}.update-feedback-timer{opacity:.8;margin-top:.2rem;font-size:.75rem;display:block}.update-progress-log{flex-direction:column;gap:.15rem;margin-top:.35rem;display:flex}.update-progress-item{color:var(--text-secondary);border-left:2px solid var(--border-color);padding-left:.5rem;font-size:.75rem}.names-card{padding:0;overflow:hidden}.names-toggle{width:100%;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;margin-bottom:0;padding:.6rem .75rem;font-size:.8rem;font-weight:600;transition:color .2s;display:flex}.names-toggle:hover{color:var(--text-primary)}.names-chevron{margin-left:auto;transition:transform .2s}.names-chevron.open{transform:rotate(180deg)}.names-list{flex-direction:column;max-height:180px;padding:0 .75rem .6rem;display:flex;overflow-y:auto}.names-list-item{border-bottom:1px solid var(--divider-subtle);align-items:baseline;gap:.4rem;padding:.25rem 0;font-size:.85rem;display:flex}.names-list-item:last-child{border-bottom:none}.names-list-name{color:var(--text-primary);font-weight:500}.names-list-display{color:var(--text-secondary);font-size:.75rem}.user-stats{color:var(--text-secondary);flex-direction:column;gap:.6rem;width:100%;font-size:.9rem;line-height:1.4;display:flex}.name-history{background:0 0;border:none;padding:0;font-size:.9rem;position:static}.name-history h3{color:var(--text-secondary);margin:0 0 .3rem;font-size:.9rem}.name-history-list{flex-direction:column;gap:.2rem;max-height:180px;display:flex;overflow-y:auto}.name-history-item{align-items:baseline;gap:.3rem;font-size:.85rem;display:flex}.name-history-item .name{font-weight:500}.name-history-item .display-name{color:var(--text-secondary);font-size:.7rem}.results-container{height:100%;overflow-y:auto}.messages-list{flex-direction:column;gap:.65rem;margin-bottom:1.5rem;padding:0 .75rem;display:flex}.message-card{background-color:var(--bg-elevated);border:1px solid var(--border-color);text-align:left;box-shadow:var(--card-shadow);border-radius:10px;flex-direction:column;gap:.4rem;padding:.85rem 1rem;transition:border-color .15s;display:flex;position:relative}.message-card:hover{border-color:rgba(var(--accent-glow),.3)}.message-timestamp{color:var(--text-secondary);white-space:nowrap;font-size:.75rem;position:absolute;top:.5rem;right:.75rem}.message-content-wrapper{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.message-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:.3rem;font-size:.82rem;display:flex}.vod-info{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;display:flex;overflow:hidden}.vod-info span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timestamp-offset{color:var(--accent-primary);white-space:nowrap;font-family:monospace}.user-line{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.username{font-size:1rem;font-weight:700}.badges{gap:.25rem;display:flex}.timestamp{color:var(--text-secondary);white-space:nowrap;font-size:.8rem}.message-body{color:var(--text-primary);word-break:break-word;margin:.5rem 0;line-height:1.5}.message-link{color:var(--accent-primary);text-decoration:none;transition:all .2s}.message-link:hover{color:var(--accent-secondary);text-decoration:underline}.message-meta{color:var(--text-secondary);justify-content:space-between;margin-top:.5rem;font-size:.9rem;display:flex}.error{color:var(--error-text);background-color:var(--error-bg);text-align:left;border:1px solid var(--error-text);border-radius:6px;margin:.5rem 0;padding:.75rem;font-size:.9rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb)}.sort-buttons{flex-direction:row;gap:.4rem;width:100%;margin-bottom:0;display:flex}.sort-button{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;text-align:center;white-space:nowrap;border-radius:6px;flex:1;padding:.45rem .5rem;font-size:.85rem;font-weight:500;transition:all .2s}.sort-button:hover:not(:disabled),.sort-button.active{background-color:var(--accent-primary);color:var(--text-primary);border-color:var(--accent-primary)}.sort-button:disabled{opacity:.5;cursor:not-allowed}.user-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.user-logo{object-fit:cover;border:2px solid var(--accent-primary);border-radius:50%;width:40px;height:40px}.user-bio{color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin:.5rem 0;padding:.4rem .6rem;font-size:.85rem;line-height:1.4}.filter-buttons{gap:.5rem;width:100%;margin-bottom:1rem;display:flex}.filter-button{background-color:var(--bg-secondary);width:100%;color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;text-align:center;border-radius:6px;padding:.45rem .5rem;font-size:.85rem;font-weight:500;transition:all .2s}.filter-button:hover:not(:disabled),.filter-button.active{background-color:var(--accent-primary);color:var(--text-primary);border-color:var(--accent-primary)}.filter-button:disabled{opacity:.5;cursor:not-allowed}.gift-tag,.casino-tag,.voting-tag,.emote-tag{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:4px;align-items:center;margin-left:6px;padding:1px 6px;font-size:.7rem;font-weight:600;display:inline-flex}.gift-tag{background-color:var(--accent-primary);color:var(--text-primary)}.casino-tag{color:#1a1a1a;background-color:#e4a853}.voting-tag{color:#fff;background-color:#4caf50}.emote-tag{background-color:var(--accent-primary);color:#fff}.text-filter-container{width:100%;margin-bottom:1rem}.text-filter-input{background-color:var(--bg-elevated);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;outline:none;padding:.6rem .8rem;font-size:.9rem;transition:all .2s}.text-filter-input:focus{border-color:var(--accent-primary)}.text-filter-input:disabled{opacity:.5;cursor:not-allowed}.text-filter-input::placeholder{color:var(--text-secondary)}.user-mention{color:var(--accent-primary);cursor:pointer;border-radius:3px;padding:0 2px;font-weight:500;transition:all .2s}.user-mention:hover{color:var(--accent-secondary);background-color:var(--bg-secondary)}.stat-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.8rem}.error-message{color:#d32f2f;text-align:center;background-color:#ff00001a;border:1px solid #ff00004d;border-radius:6px;padding:.5rem;font-size:.9rem}.loading-indicator{text-align:center;color:var(--text-secondary);padding:1rem}.no-results{text-align:center;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem;font-size:.85rem;font-style:italic}.sort-container,.filter-container{background-color:var(--bg-elevated);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:10px;padding:.75rem}.label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;font-size:.78rem;font-weight:600}.message-content{word-break:break-word;flex-wrap:wrap;align-items:center;gap:3px;line-height:1.5;display:flex}.heatmap-container{flex-direction:column;gap:.5rem;max-height:300px;padding-right:.5rem;display:flex;position:relative;overflow-y:auto}.heatmap-container:after{content:"WIP";background:var(--accent-primary);color:var(--text-primary);opacity:.8;border-radius:.3rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.heatmap-hour{align-items:center;gap:.5rem;padding:.25rem;display:flex;position:relative}.hour-label{color:var(--text-secondary);text-align:right;flex-shrink:0;width:50px;font-size:.9rem}.heatmap-bar{background:#4a90e21a;border-radius:4px;flex:1;min-width:0;height:20px;position:relative;overflow:hidden}.bar-fill{background:var(--accent-primary);transform-origin:0;border-radius:4px;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.hour-count{color:var(--text-secondary);text-align:right;flex-shrink:0;width:40px;font-size:.9rem}.message-tag{background-color:var(--bg-disabled);color:var(--text-primary);border-radius:4px;margin-right:8px;padding:2px 6px;font-size:.8em;display:inline-block}.fail-tag{color:#fff;text-transform:uppercase;background-color:#f44;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:.8em;font-weight:700;animation:2s infinite pulse;box-shadow:0 1px 2px #0003}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.update-stats-button{background-color:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:10px;padding:8px 16px;font-size:14px;transition:background-color .2s}.update-stats-button:hover:not(:disabled){background-color:var(--accent-secondary)}.update-stats-button:disabled{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.word-cloud{background:#0000001a;border-radius:8px;flex-wrap:wrap;gap:8px;padding:16px;display:flex;position:relative}.word-cloud:after{content:"WIP";background:var(--accent-primary);color:var(--text-primary);opacity:.8;border-radius:.3rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.word-cloud-item{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#4a90e2;border-radius:4px;padding:.25rem .5rem;transition:all .2s}.word-cloud-item:hover{background:#357abd;transform:scale(1.05)}.word-cloud-item.selected{background:#2c5a8c;box-shadow:0 0 0 2px #fff}.word-usage-graph{background:#0000001a;border-radius:8px;margin-top:1.5rem;padding:1rem}.word-usage-graph h4{color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem}.bell-curve-container{justify-content:space-between;align-items:flex-end;gap:.5rem;height:200px;padding:3rem 0 2rem;display:flex;position:relative}.bell-curve-bar{flex-direction:column;flex:1;align-items:center;min-width:40px;height:100%;display:flex;position:relative}.bar-label{color:var(--text-primary);text-align:center;white-space:nowrap;background-color:var(--bg-elevated);border:1px solid var(--border-color);z-index:2;border-radius:4px;width:4rem;margin-left:-2rem;padding:4px 8px;font-size:.8rem;position:absolute;top:-2.5rem;left:50%}.bar-fill{background:var(--accent-primary);border-radius:4px 4px 0 0;width:100%;transition:height .3s;position:relative}.bar-count{color:var(--text-primary);text-align:center;z-index:1;background-color:var(--bg-elevated);border-radius:4px;width:100%;padding:2px 4px;font-size:.8rem;position:absolute;bottom:-25px}.pagination-controls{background-color:var(--bg-elevated);border:1px solid var(--border-color);z-index:10;box-shadow:var(--card-shadow);box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;width:calc(100% - 1.5rem);margin:.75rem;padding:.6rem .75rem;display:flex;position:relative}.pagination-button{background-color:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.4rem .85rem;font-size:.82rem;font-weight:600;transition:background-color .2s,transform .15s}.pagination-button:hover:not(:disabled){background-color:var(--accent-secondary);transform:translateY(-1px)}.pagination-button:disabled{background-color:var(--bg-secondary);color:var(--text-disabled);cursor:not-allowed}.pagination-info{color:var(--text-secondary);font-size:.8rem;font-weight:500}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%;max-width:100%;padding:.5rem;display:grid}.stats-section{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;max-width:100%;margin-bottom:1.5rem;padding:1rem;overflow-x:hidden}.stats-section.full-width{grid-column:1/-1}.stats-subheading{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.stat-title{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.stats-grid .stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-label{color:var(--text-secondary);font-size:.8rem}.stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:500}.emote-list{flex-direction:column;gap:.5rem;display:flex}.emote-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.emote-item:last-child{border-bottom:none}.emote-item .emote{font-size:1.1rem}.emote-item .count{color:var(--text-secondary);font-size:.9rem}.activity-patterns-grid{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;max-width:100%;padding:.5rem;display:flex}.activity-pattern{background:var(--bg-secondary);box-sizing:border-box;border-radius:6px;flex-direction:column;width:100%;max-width:100%;min-height:200px;padding:1rem;display:flex}.activity-pattern-content{box-sizing:border-box;flex:1;width:100%;max-width:100%;overflow:hidden}.activity-pattern-content canvas{box-sizing:border-box;max-width:100%;width:100%!important;height:auto!important}.app-footer{text-align:center;color:var(--text-disabled);border-top:1px solid var(--border-color);margin-top:40px;padding:20px;font-size:14px}.header-container{background:linear-gradient(90deg, var(--bg-elevated), var(--bg-secondary));box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.75rem 1rem;display:flex}.header-footer{color:var(--text-secondary);text-align:center;margin-top:.5rem;font-size:.9rem}.header-footer .notice{color:var(--warning-color,#ff9800);margin-top:.5rem;font-style:italic}.header-footer a{color:var(--accent-primary);text-decoration:none}.header-footer a:hover{text-decoration:underline}.header-settings{align-items:center;gap:.5rem;display:flex}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;padding:.3rem .45rem;font-size:1rem;line-height:1;transition:background .2s,border-color .2s;display:flex}.theme-toggle:hover{background:var(--bg-elevated);border-color:var(--accent-primary);color:var(--text-primary)}.accent-picker-label{cursor:pointer;align-items:center;width:22px;height:22px;display:flex;position:relative}.accent-picker{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.accent-picker-preview{border:2px solid var(--border-color);pointer-events:none;border-radius:50%;width:22px;height:22px;transition:transform .15s,border-color .15s,box-shadow .15s}.accent-picker-label:hover .accent-picker-preview{border-color:var(--text-secondary);box-shadow:0 0 0 2px rgba(var(--accent-glow), .3);transform:scale(1.15)}.title-container{align-items:center;gap:.5rem;transition:transform .2s,opacity .2s;display:flex}.title-container:hover{opacity:.9;transform:scale(1.02)}.decorative{font-size:1.5rem;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.emote-size-container{background-color:var(--bg-elevated);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:10px;margin-bottom:.75rem;padding:.75rem}.emote-size-buttons{gap:.4rem;margin-top:.35rem;display:flex}.emote-size-btn{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;text-align:center;border-radius:6px;flex:1;padding:.45rem .5rem;font-size:.85rem;font-weight:600;transition:all .2s}.emote-size-btn:hover:not(:disabled),.emote-size-btn.active{background-color:var(--accent-primary);color:var(--text-primary);border-color:var(--accent-primary)}.emote-size-btn:disabled{opacity:.5;cursor:not-allowed}.emote-size-controls{border-top:1px solid var(--border-color);text-align:center;margin-top:10px;padding:10px}.size-buttons{justify-content:center;gap:8px;margin-top:5px;display:flex}.size-button{border:1px solid var(--border-color);background:var(--button-bg);color:var(--text-color);cursor:pointer;border-radius:4px;padding:6px 12px;transition:all .2s}.size-button:hover{background:var(--button-hover-bg)}.size-button.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.size-button:disabled{opacity:.5;cursor:not-allowed}.emote{vertical-align:middle;margin:0 2px;display:inline-block}.emote-1x{width:auto;height:18px}.emote-2x{width:auto;height:28px}.emote-3x{width:auto;height:36px}.referenced-message{background-color:var(--bg-secondary);border-left:3px solid var(--accent-primary);border-radius:6px;flex:1;min-width:0;margin-left:.75rem;padding:.5rem .65rem;transition:all .15s;position:relative}.reference-thread{flex:1;min-width:0;margin-left:.75rem}.reference-thread>summary{cursor:pointer;color:var(--accent-primary);padding:.35rem 0;font-size:.82rem;font-weight:600;list-style:none}.reference-thread>summary::-webkit-details-marker{display:none}.reference-thread>summary:before{content:"▸";margin-right:.35rem;transition:transform .15s;display:inline-block}.reference-thread[open]>summary:before{transform:rotate(90deg)}.reference-thread .referenced-message{margin:0 0 .45rem}.conversation-group{border-left:3px solid var(--accent-primary);border-radius:6px;margin-bottom:1rem;padding-left:.7rem}.conversation-group-label{color:var(--accent-primary);letter-spacing:.03em;margin:.15rem 0 .45rem;font-size:.78rem;font-weight:700}.conversation-group .message-card{margin-bottom:.5rem}.referenced-message:before{content:"↳";color:var(--accent-primary);opacity:.6;font-size:.9rem;position:absolute;top:.5rem;left:-1.2rem}.referenced-message:hover{background-color:var(--bg-elevated)}.referenced-message-header{color:var(--text-secondary);border-bottom:1px solid var(--divider-subtle);justify-content:space-between;align-items:center;margin-bottom:.3rem;padding-bottom:.3rem;font-size:.8rem;display:flex}.referenced-username{color:var(--accent-primary);font-size:.82rem;font-weight:600}.referenced-timestamp{color:var(--accent-primary);font-family:monospace;font-size:.78rem}.referenced-message-content{color:var(--text-primary);word-break:break-word;font-size:.85rem;line-height:1.4}.text-filter-group{flex-direction:column;gap:.4rem;display:flex}.text-filter-group .reset-filter{background:var(--accent-primary);color:var(--text-primary);cursor:pointer;white-space:nowrap;text-align:center;border:none;border-radius:6px;min-width:90px;padding:.4rem .75rem;font-size:.82rem;font-weight:600;transition:all .15s}.text-filter-group .reset-filter:hover{background:var(--accent-secondary);transform:translateY(-1px)}.text-filter-group .reset-filter:active{transform:translateY(0)}.text-filter-group .reset-filter:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-disabled);transform:none}.text-filter-group .search-input{flex:1}.text-filter-group .filter-button{white-space:nowrap;background-color:var(--accent-primary);width:auto;color:var(--text-primary);font-weight:600}.text-filter-group .filter-button:hover:not(:disabled){background-color:var(--accent-secondary)}.message-alert{text-align:center;border-radius:6px;margin:10px 0;padding:12px 15px;font-size:.9rem;transition:all .3s}.success-message{border:1px solid var(--success-color,#4caf50);background-color:#4caf501a;border-radius:6px;margin:10px 0;padding:12px 15px;font-weight:500;color:var(--success-color,#4caf50)!important}.error-message{color:var(--error-text);background-color:var(--error-bg);border:1px solid var(--error-text)}.custom-badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--divider-medium);white-space:nowrap;border-radius:12px;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 1px 3px #00000026}.custom-badge:hover{transform:translateY(-1px);box-shadow:0 3px 6px #0003}.burger-menu,.mobile-menu{display:none!important}@media (width<=1199px){:root{--mobile-padding:8px;--mobile-min-width:100%;--mobile-font-size:14px}body,html{width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:relative!important;overflow-y:auto!important}.app-container{width:100%!important;max-width:100%!important;height:auto!important;min-height:100vh!important;padding:0 0 2rem!important;overflow-y:visible!important}.header-container{flex-direction:column;gap:.25rem;margin-bottom:.5rem;padding:.6rem .75rem}.header-settings{order:-1;align-self:flex-end;margin-bottom:.15rem}.accent-picker-preview{width:20px;height:20px}.title-container h1{margin-bottom:0!important;font-size:1.2rem!important}.decorative{font-size:1.1rem}.header-footer{margin-top:.25rem;font-size:.75rem;line-height:1.4}.message-card{box-sizing:border-box!important;flex-direction:column!important;width:100%!important;padding:.7rem .75rem!important}.message-header{flex-direction:column!important;align-items:flex-start!important;gap:.2rem!important;margin-bottom:.2rem!important;font-size:.78rem!important}.message-header .timestamp{margin-top:.1rem!important;font-size:.72rem!important}.vod-info{flex-wrap:wrap!important;gap:.25rem!important;width:100%!important;font-size:.78rem!important}.vod-info span:first-child{max-width:100%;font-size:.78rem}.timestamp-offset{font-size:.78rem!important}.main-content{grid-template-columns:1fr!important;height:auto!important;padding:0!important;display:block!important}.user-details-column,.stats-column{display:none!important}.messages-column{width:100%!important;padding:var(--mobile-padding)!important;height:auto!important;display:block!important;overflow-y:visible!important}.mobile-profile-section{z-index:50!important;width:calc(100% - 1rem)!important;margin:.5rem!important;display:block!important;position:relative!important}.mobile-profile{background-color:var(--bg-elevated);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;margin:0;padding:.75rem;display:block}.mobile-profile .user-bio{background-color:var(--bg-elevated);font-size:var(--mobile-font-size);word-break:break-word;border-radius:4px;margin:6px 0;padding:6px;line-height:1.4}.mobile-filters{padding:.5rem;display:block!important}.mobile-filters .sort-container,.mobile-filters .filter-container,.mobile-filters .emote-size-container,.mobile-filters .gift-emote-filters{margin-bottom:.4rem;padding:.5rem .55rem}.mobile-filters .sort-buttons,.mobile-filters .emote-size-buttons{gap:.3rem}.mobile-filters .sort-button,.mobile-filters .emote-size-btn{padding:.35rem .4rem;font-size:.8rem}.stats-grid,.stats-section.full-width .activity-patterns-grid{grid-template-columns:1fr}.mobile-search-container{background-color:var(--bg-elevated);border:1px solid var(--border-color);box-shadow:var(--card-shadow);box-sizing:border-box;border-radius:8px;width:calc(100% - 1rem);margin:.5rem;padding:.75rem}.mobile-search-container form{flex-direction:row;align-items:center;gap:.5rem;width:100%;display:flex}.mobile-search-container .search-input{box-sizing:border-box;flex:1;min-width:0;padding:.5rem .7rem;font-size:.9rem}.mobile-search-container .search-button{box-sizing:border-box;flex-shrink:0;width:auto;padding:.5rem 1rem;font-size:.9rem}.messages-list{gap:.4rem;margin-bottom:1rem;padding:0 .4rem}.message-content{font-size:.85rem;line-height:1.35}.pagination-controls{box-sizing:border-box;flex-wrap:wrap;gap:.4rem;width:calc(100% - .8rem);margin:.5rem .4rem 1.5rem;padding:.5rem;position:relative}.pagination-button{padding:.35rem .65rem;font-size:.8rem}.pagination-info{text-align:center;order:-1;width:100%;font-size:.75rem}.user-avatar{width:52px;height:52px;margin-bottom:0}.username-large{font-size:1.1rem}.profile-body{padding:0 .5rem .5rem}.profile-card{padding:.5rem .55rem}.update-stats-btn{padding:.45rem .65rem;font-size:.8rem}.referenced-message{margin-left:.5rem;padding:.5rem;font-size:.85rem}.referenced-message:before{font-size:1rem;left:-1rem}.gift-emote-buttons{gap:.4rem}.gift-emote-buttons .filter-button{padding:.5rem;font-size:.85rem}.filter-buttons-row{gap:.4rem}.filter-buttons-row .filter-button{padding:.45rem .5rem;font-size:.85rem}.loading-indicator{padding:.75rem;font-size:.9rem}.gift-tag,.casino-tag,.voting-tag,.emote-tag{margin-left:4px;padding:1px 5px;font-size:.7rem}.user-badge{margin-left:3px;padding:1px 4px;font-size:.7rem}}@media (width>=768px) and (width<=1199px){.mobile-search-container{max-width:600px;margin:.5rem auto}.mobile-search-container form{flex-direction:row}.mobile-profile-section{max-width:600px;width:calc(100% - 1.5rem)!important;margin:.5rem auto!important}.mobile-profile-header{flex-direction:row;align-items:center;gap:.75rem;padding:.75rem}.mobile-profile-header .user-avatar{flex-shrink:0;width:64px;height:64px}.mobile-username-row{text-align:left;flex:1;align-items:flex-start}.mobile-badges-row{justify-content:flex-start}.mobile-profile-header .mobile-stats-inline-btn{flex-shrink:0;align-self:center;width:auto}.mobile-filters{max-width:600px;margin:0 auto}.messages-list{max-width:700px;margin:0 auto .75rem;padding:0 .75rem}.pagination-controls{width:calc(100% - 1.5rem);max-width:700px;margin:.5rem auto}.pagination-info{order:0;width:auto}.message-header{flex-direction:row!important;align-items:center!important}.message-card{padding:.85rem!important}.message-content{font-size:.9rem}.mobile-stats-sheet{max-width:600px;padding:1rem .75rem .75rem}}@media (width>=1200px){.burger-menu,.mobile-menu,.mobile-profile{display:none}.main-content{grid-template-columns:20% 55% auto;gap:1.5rem;height:calc(100vh - 80px);padding:.5rem 1rem .5rem .5rem;display:grid}.user-details-column,.messages-column,.stats-column{flex-direction:column;gap:1rem;width:100%;min-height:0;padding-right:.5rem;display:flex;overflow-y:auto}.user-details-column{min-width:300px}.stats-column{width:100%;max-width:480px;min-height:0}}.mobile-profile-section{background-color:var(--bg-elevated);border:1px solid var(--border-color);box-shadow:var(--card-shadow);z-index:5;border-radius:10px;flex-shrink:0;margin:.5rem;position:relative;overflow:hidden}.mobile-filters{border-top:1px solid var(--border-color);padding:.75rem}.mobile-filters .search-container{margin-bottom:.75rem}.mobile-filters .sort-container,.mobile-filters .filter-container,.mobile-filters .emote-size-container,.mobile-filters .gift-emote-filters{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:.5rem;padding:.6rem .65rem}.mobile-filters .sort-buttons,.mobile-filters .filter-buttons{gap:.35rem;display:flex}.mobile-filters .sort-button,.mobile-filters .filter-button{background-color:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;flex:1;padding:.4rem .5rem;font-size:.82rem;font-weight:500;transition:all .2s}.mobile-filters .sort-button:hover:not(:disabled),.mobile-filters .filter-button:hover:not(:disabled),.mobile-filters .sort-button.active,.mobile-filters .filter-button.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary)}.mobile-filters .sort-button:disabled,.mobile-filters .filter-button:disabled{opacity:.5;cursor:not-allowed}.mobile-filters .text-filter-group{flex-direction:column;gap:.35rem;margin-bottom:0;display:flex}.mobile-filters .text-filter-group .search-input{background-color:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;flex:1;padding:.45rem .6rem;font-size:.85rem}.mobile-filters .text-filter-group .search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-glow),.15);outline:none}.filter-container,.gift-emote-filters{background-color:var(--bg-elevated);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:10px;margin-bottom:.75rem;padding:.75rem}.gift-emote-buttons{gap:.4rem;display:flex}.gift-emote-buttons .filter-button{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;text-align:center;border-radius:6px;flex:1;padding:.45rem .5rem;font-size:.85rem;font-weight:500;transition:all .2s}.gift-emote-buttons .filter-button:hover:not(:disabled){background-color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.gift-emote-buttons .filter-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.gift-emote-buttons .filter-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:var(--bg-disabled);transform:none}.gift-emote-buttons .filter-button.active{background-color:var(--accent-primary);color:var(--text-primary);border-color:var(--accent-primary);font-weight:600}.user-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;align-items:center;padding:1px 5px;font-size:.7rem;font-weight:600;transition:all .15s;display:inline-flex}.user-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.user-badge[data-badge-type=moderator]{color:#000;background-color:#0f0}.user-badge[data-badge-type=vip]{color:#000;background-color:gold}.user-badge[data-badge-type=subscriber]{color:#fff;background-color:#9147ff}.user-badge[data-badge-type=sub-gifter]{color:#fff;background-color:#ff69b4}.user-badge[data-badge-type=premium]{color:#fff;background-color:#00a2ff}.user-badge[data-badge-type=verified]{color:#fff;background-color:#1da1f2}.user-badge[data-badge-type=gold-pixel-heart]{color:#000;background-color:gold}.user-badge[data-badge-type=broadcaster]{color:#fff;background-color:red}.vod-info .user-badge{margin-left:3px;padding:0 4px;font-size:.65rem}.vod-info .user-badge[title=subscriber]{background-color:#9147ff}.vod-info .user-badge[title=vip]{color:#000;background-color:gold}.vod-info .user-badge[title=moderator]{color:#000;background-color:#0f0}.vod-info .user-badge[title=broadcaster]{background-color:red}.vod-info .user-badge[title=premium]{background-color:#00a2ff}.vod-info .user-badge[title=verified]{background-color:#1da1f2}.subscription-info{background:var(--bg-secondary);border-radius:6px;flex-direction:column;gap:0;margin:.25rem 0;padding:.75rem;display:flex}.subscription-stat{justify-content:space-between;align-items:baseline;padding:.25rem 0;display:flex}.stat-title{color:var(--text-secondary);text-align:left;font-size:.85rem;font-weight:500}.stat-value{color:var(--text-primary);text-align:right;word-break:break-word;font-size:.85rem;font-weight:400}.subscription-stat:not(:last-child){border-bottom:1px solid var(--divider-subtle)}.profile-section-card{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:left;border-radius:8px;width:100%;margin-bottom:.5rem;padding:.75rem}.profile-header-row{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.profile-header-info{flex-direction:column;gap:.3rem;display:flex}.badges-large{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.filter-buttons-row{flex-direction:row;gap:.35rem;width:100%;margin-bottom:.35rem;display:flex}.filter-buttons-row .filter-button{flex:1}.text-filter-group>input{width:100%;margin-top:.5rem;display:block}.name-history-empty{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;margin:.5rem 0;padding:1rem;font-size:1rem;font-style:italic}.reaction-counts-section.jazzed-up{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:.75rem .5rem;display:flex}.reaction-counts-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:.4rem;font-size:.75rem}.jazzed-up-table{flex-direction:column;align-items:center;gap:.15rem;margin-bottom:.5rem;display:flex}.reaction-counts-row{flex-direction:row;justify-content:center;gap:1rem;margin-bottom:.15rem;display:flex}.reaction-label-box{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);text-align:center;border-radius:6px;min-width:40px;padding:.3rem .85rem;font-size:.9rem;font-weight:700}.reaction-label-box.plus2{color:#fff;background:#2e8a2e;border-color:#4caf50}.reaction-label-box.minus2{color:#fff;background:#8a2b2b;border-color:#f44336}.reaction-value-box{background:var(--bg-primary);color:var(--text-primary);text-align:center;border:1px solid var(--border-color);border-radius:6px;min-width:40px;padding:.3rem .85rem;font-size:1.15rem;font-weight:600}.jazzed-up-tally{color:var(--text-primary);letter-spacing:.3px;text-align:center;margin-top:.4rem;font-size:.9rem;font-weight:700}.mobile-profile-header{flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;display:flex}.mobile-profile-header .user-avatar{width:60px;height:60px;margin-bottom:0}.mobile-username-row{text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex}.mobile-username-row .username-large{font-size:1.15rem}.mobile-badges-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;display:flex}.mobile-badges-row .custom-badge{margin-left:0}.mobile-profile-header .mobile-stats-inline-btn{justify-content:center;width:100%;margin-top:.15rem}.mobile-stats-fab{z-index:1001;background:var(--accent-primary);color:#fff;box-shadow:0 4px 16px rgba(var(--accent-glow),.18);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.9rem 1.5rem;font-size:1.2rem;font-weight:700;transition:background .2s,transform .2s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.mobile-stats-fab:hover{background:var(--accent-secondary);transform:translateY(-2px)scale(1.04)}.mobile-stats-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:flex-end;transition:background .2s;display:flex;position:fixed;inset:0}.mobile-stats-sheet{background:var(--bg-elevated);border-radius:16px 16px 0 0;width:100%;max-width:480px;min-height:40vh;max-height:90vh;padding:1.25rem .75rem 1rem;animation:.25s cubic-bezier(.4,0,.2,1) slideUpSheet;position:relative;overflow-y:auto;box-shadow:0 -4px 24px #00000040}.mobile-stats-sheet .stats-column{max-width:100%;box-shadow:none;background:0 0;border:none;flex-direction:column;gap:1rem;padding:0;display:flex!important}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-stats-close{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;font-weight:700;transition:all .15s;display:flex;position:absolute;top:.75rem;right:.75rem}.mobile-stats-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.mobile-stats-heading{text-align:center;color:var(--accent-primary);letter-spacing:.3px;margin-bottom:1rem;font-size:1rem;font-weight:700}@media (width>=1200px){.mobile-stats-fab,.mobile-stats-overlay{display:none!important}}.mobile-profile-row{flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.mobile-stats-inline-btn{background:var(--accent-primary);color:#fff;box-shadow:0 1px 4px rgba(var(--accent-glow),.12);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.82rem;font-weight:600;transition:background .2s,transform .15s;display:flex}.mobile-stats-inline-btn:hover{background:var(--accent-secondary);transform:translateY(-1px)}@media (width>=1200px){.mobile-profile-row,.mobile-stats-inline-btn{display:none!important}}@media (width<=400px){.header-container{padding:.4rem .5rem}.title-container h1{font-size:1rem!important}.header-footer{font-size:.65rem}.mobile-search-container{width:calc(100% - .7rem);margin:.35rem;padding:.5rem}.mobile-search-container .search-input{padding:.4rem .6rem;font-size:.85rem}.mobile-search-container .search-button{padding:.4rem .7rem;font-size:.85rem}.message-card{padding:.5rem!important}.messages-list{padding:0 .35rem}.pagination-controls{width:calc(100% - .7rem);margin:.5rem .35rem;padding:.5rem}.pagination-info{font-size:.75rem}.mobile-filters{padding:.5rem}.mobile-profile-section{width:calc(100% - .7rem)!important;margin:.35rem!important}.mobile-stats-sheet{padding:1.2rem .75rem 1rem}}