.settings-layout{display:flex;min-height:calc(100vh - 60px)}.settings-sidebar{width:240px;background:var(--color-bg-tertiary);border-right:1px solid var(--color-border);padding:var(--space-5);flex-shrink:0;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}.settings-sidebar-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.settings-sidebar-header .avatar{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-md)}.settings-sidebar-name{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary)}.settings-sidebar-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.settings-nav{display:flex;flex-direction:column;gap:var(--space-1)}.settings-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:var(--transition-fast)}.settings-nav-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.settings-nav-item.active{background:var(--color-accent);color:var(--color-bg-tertiary)}.settings-nav-item-danger{color:var(--color-loss)}.settings-nav-item-danger:hover{background:#ff47571a;color:var(--color-loss)}.settings-nav-item svg{width:18px;height:18px;flex-shrink:0}.settings-nav-divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.settings-content{flex:1;padding:var(--space-6) var(--space-8);max-width:900px;overflow-x:hidden}.settings-page-header{margin-bottom:var(--space-6)}.settings-page-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold)}.settings-page-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.settings-section{display:none}.settings-section.active{display:block}.settings-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.settings-card:last-child{margin-bottom:0}.settings-card-danger{border-color:#ff47574d}.settings-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.settings-card-sub{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:1.5}.settings-help-list{margin:8px 0 8px 18px;padding:0;list-style:disc}.settings-help-list li{margin-bottom:4px;line-height:1.45}.settings-help-list strong{color:var(--color-text)}.settings-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--text-sm);color:var(--color-text-primary);width:100%;box-sizing:border-box;font-family:var(--font-body)}.settings-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #d3ff762e}textarea.settings-input{resize:vertical;min-height:60px}.settings-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3);margin-bottom:var(--space-4)}.settings-status{font-size:var(--text-sm);min-height:1.5em}.settings-status[data-tone=success]{color:var(--color-win)}.settings-status[data-tone=error]{color:var(--color-loss)}.settings-status[data-tone=loading]{color:var(--color-text-muted)}.settings-key-display{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.settings-key-display code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.settings-new-key-code{display:block;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-win);background:#d3ff7614;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid rgba(211,255,118,.3);margin-top:8px;word-break:break-all}.settings-state-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:4px 12px;border-radius:var(--radius-full);background:#d3ff761f;color:var(--color-win);text-transform:uppercase;letter-spacing:.05em}.settings-state-badge.is-paused{background:#ffa5021f;color:var(--color-draw)}.settings-state-badge.state-active{background:#d3ff761f;color:var(--color-win)}.settings-state-badge.state-paused{background:#ffa5021f;color:var(--color-draw)}.settings-state-badge.state-inactive{background:#ff64641f;color:var(--color-loss)}.settings-card-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.settings-card-row>div:first-child{flex:1}.settings-agent-state-controls{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--color-bg-tertiary, rgba(255, 255, 255, .1));border:1px solid var(--color-border, rgba(255, 255, 255, .15));border-radius:var(--radius-full);transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:var(--color-text-muted, #888);border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:#d3ff7633;border-color:var(--color-win)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px);background:var(--color-win)}.autovote-interval-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.autovote-interval-input{width:100px}.autovote-interval-unit{font-size:var(--text-sm);color:var(--color-text-muted)}.notif-pref-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.notif-pref-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm)}.notif-pref-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-win)}.notif-pref-section-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-top:var(--space-2);margin-bottom:var(--space-1)}.notif-fav-picker{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.notif-fav-available,.notif-fav-selected{flex:1;min-width:0}.notif-fav-list-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:4px}.notif-fav-list{max-height:180px;overflow-y:auto;border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md);padding:var(--space-2);display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.notif-fav-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);cursor:pointer;transition:background .2s,border-color .2s;-webkit-user-select:none;user-select:none}.notif-fav-chip-available{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text)}.notif-fav-chip-available:hover{background:#ffffff1a;border-color:#fff3}.notif-fav-chip-add{color:var(--color-win);font-weight:700}.notif-fav-chip-selected{background:#d3ff761f;border:1px solid var(--color-win);color:var(--color-win)}.notif-fav-chip-selected:hover{background:#d3ff7633}.notif-fav-chip-remove{color:var(--color-loss);font-weight:700;cursor:pointer}.settings-confirm-wrap{margin-top:var(--space-3)}@media (max-width: 768px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%;height:auto;position:relative;top:0;border-right:none;border-bottom:1px solid var(--color-border)}.settings-nav{flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.settings-nav-item{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:var(--radius-full)}.settings-nav-divider{display:none}.settings-content{padding:var(--space-4)}}.achievement-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:var(--transition-fast)}.achievement-earned{background:var(--color-bg-secondary);border-color:#d3ff7633}.achievement-earned:hover{border-color:#d3ff7666;box-shadow:0 0 12px #d3ff7614}.achievement-locked{background:var(--color-bg-tertiary);opacity:.45;border-style:dashed}.achievement-icon{font-size:1.8rem;line-height:1;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#d3ff7614}.achievement-icon-locked{filter:grayscale(1);background:var(--color-bg-secondary)}.achievement-info{min-width:0;flex:1}.achievement-label{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:2px}.achievement-locked .achievement-label{color:var(--color-text-muted)}.achievement-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.achievement-bonus{font-size:var(--text-xs);color:var(--color-win);font-weight:var(--font-semibold);margin-top:4px}.achievement-locked-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.achievement-progress-container{margin-top:6px}.achievement-progress-bar{height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}.achievement-progress-fill{height:100%;background:linear-gradient(90deg,#d3ff7666,#d3ff76cc);border-radius:3px;transition:width .6s ease}.achievement-progress-text{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:3px;line-height:1.3}.rank-history-chart-container{width:100%;overflow-x:auto}.rank-history-chart-container canvas{max-width:100%;height:auto}