.khb-settings-root .settings-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.18);-webkit-backdrop-filter:blur(6px) saturate(1.05);backdrop-filter:blur(6px) saturate(1.05);display:flex;align-items:center;justify-content:center;z-index:20000}.khb-settings-root .settings{width:100%;max-width:760px;max-height:90vh;overflow:hidden;background:var(--surface,#fff);color:var(--fg,#2b1810);border-radius:16px;padding:0;box-shadow:0 16px 56px rgba(0,0,0,.1);display:flex;flex-direction:column}.khb-settings-root .settings-scroll-wrapper{flex:1 1;min-height:0;overflow-y:auto;overflow-anchor:none;padding:18px 28px 22px 22px}.khb-settings-root .settings-scroll-wrapper::-webkit-scrollbar{width:6px;height:6px}.khb-settings-root .settings-scroll-wrapper::-webkit-scrollbar-track{background:var(--khb-scrollbar-track,rgba(255,85,0,.1))}.khb-settings-root .settings-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--khb-scrollbar-thumb,rgba(255,85,0,.52));border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.khb-settings-root .settings-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:var(--khb-scrollbar-thumb-hover,rgba(255,85,0,.72))}.khb-settings-root .settings-scroll-wrapper{scrollbar-color:var(--khb-scrollbar-thumb,rgba(255,85,0,.52)) var(--khb-scrollbar-track,rgba(255,85,0,.1))}.khb-settings-root .settings-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #f3e0d5;background:var(--surface,#fff);padding:16px 22px 14px}.khb-settings-root .settings-header h1{font-size:20px;margin:0}.khb-settings-root .settings-header p{margin:4px 0 0;color:#8b6f5e}.khb-settings-root .settings-close{width:36px;height:36px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#2b1810;cursor:pointer;font-size:18px;transition:background .15s,color .15s}.khb-settings-root .settings-close:hover{background:rgba(255,107,74,.08);color:#ff6b4a}.khb-settings-root .settings-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #f3e0d5;background:var(--surface,#fff);padding:14px 22px}.khb-settings-root .settings-save-note{color:#8b6f5e;font-size:12px}.khb-settings-root .settings-save-all{min-width:104px;justify-content:center;padding:8px 18px}.khb-settings-root .section{margin-bottom:22px;padding-top:8px}.khb-settings-root .section-title{font-size:15px;font-weight:600;color:#ff6b4a;padding-bottom:12px;border-bottom:2px solid rgba(255,107,74,.08);margin-bottom:12px}.khb-settings-root .section .item{border-bottom:1px solid #f3e0d5}.khb-settings-root .section .item:last-of-type{border-bottom:none}.khb-settings-root .item-header{display:flex;align-items:center;justify-content:space-between;padding:14px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s}.khb-settings-root .item-header:hover,.khb-settings-root .item-header:hover .item-icon{color:#ff6b4a}.khb-settings-root .item-header:hover .arrow{stroke:#ff6b4a}.khb-settings-root .item-left{display:flex;align-items:center;gap:12px}.khb-settings-root .item-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#8b6f5e;flex-shrink:0;transition:color .15s}.khb-settings-root .item-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.khb-settings-root .item-info h3{font-size:14px;font-weight:500}.khb-settings-root .item-info .desc{color:#8b6f5e;font-size:12px;margin-top:1px}.khb-settings-root .item-value{font-size:13px;color:#8b6f5e;display:flex;align-items:center;gap:6px}.khb-settings-root .arrow{width:16px;height:16px;stroke:#8b6f5e;stroke-width:2;fill:none;stroke-linecap:round;transition:transform .3s cubic-bezier(.34,1.56,.64,1),stroke .15s;flex-shrink:0}.khb-settings-root .item.open .arrow{transform:rotate(180deg)}.khb-settings-root .item-body{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.22,.72,.22,1),padding .3s ease;padding:0 0 0 34px}.khb-settings-root .item.open .item-body{max-height:580px;padding:0 0 16px 34px}.khb-settings-root .avatar-area{display:flex;align-items:center;gap:16px;padding:6px 0 2px}.khb-settings-root .avatar-meta{display:flex;flex-direction:column;gap:8px}.khb-settings-root .avatar{width:64px;height:64px;border-radius:50%;background:rgba(255,107,74,.04);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;color:#ff6b4a;flex-shrink:0;overflow:hidden;cursor:pointer;position:relative;transition:transform .2s}.khb-settings-root .avatar:hover{transform:scale(1.06)}.khb-settings-root .avatar img{width:100%;height:100%;object-fit:cover;display:block}.khb-settings-root .avatar .ol{position:absolute;inset:0;border-radius:50%;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.khb-settings-root .avatar:hover .ol{opacity:1}.khb-settings-root .avatar-hint{font-size:12px;color:#8b6f5e;line-height:1.5}.khb-settings-root .avatar-actions{display:flex;align-items:center;gap:10px}#avInput{display:none}.khb-settings-root .field{margin-bottom:12px}.khb-settings-root .field label{display:block;font-size:12px;font-weight:500;color:#8b6f5e;margin-bottom:3px}.khb-settings-root .field input{width:100%;font-size:13px;padding:7px 11px;border:1px solid #efe1d7;border-radius:6px;background:var(--surface,#fff);color:var(--fg,#2b1810);outline:none;transition:border-color .2s,box-shadow .2s}.khb-settings-root .field input:focus{border-color:#ff6b4a;box-shadow:0 0 0 2px rgba(255,107,74,.06)}.khb-settings-root .field input::placeholder{color:#d6c4bc}.khb-settings-root .btn{font-size:12px;font-weight:500;padding:6px 14px;border-radius:6px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.khb-settings-root .btn-primary{background:#ff6b4a;color:#fff}.khb-settings-root .btn-secondary{background:var(--surface,#fff);color:var(--fg,#2b1810);border:1px solid #efe1d7}.khb-settings-root .bound-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #efe1d7}.khb-settings-root .bound-left{display:flex;flex-direction:column;gap:1px}.khb-settings-root .bound-label{font-size:11px;color:#cab7ad}.khb-settings-root .bound-value{font-size:13px;font-weight:500}.khb-settings-root .badge{font-size:10px;padding:1px 6px;border-radius:3px;background:hsla(22,56%,89%,.25);color:#8b6f5e;font-weight:500;margin-left:6px}.khb-settings-root .theme-modes{display:flex;flex-direction:column;gap:2px;padding:4px 0}.khb-settings-root .theme-mode{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;transition:color .15s;border-bottom:1px solid #efe1d7}.khb-settings-root .theme-mode:last-of-type{border-bottom:none}.khb-settings-root .theme-mode:hover{color:#ff6b4a}.khb-settings-root .theme-mode .radio{width:16px;height:16px;border-radius:50%;border:2px solid #efe1d7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.khb-settings-root .theme-mode.active .radio{border-color:#ff6b4a}.khb-settings-root .theme-mode .dot{width:9px;height:9px;border-radius:50%;background:#ff6b4a;transform:scale(0);transition:transform .2s}.khb-settings-root .theme-mode.active .dot{transform:scale(1)}.khb-settings-root .theme-mode .label{font-size:13px;font-weight:500;flex:1 1}.khb-settings-root .theme-mode .hint{font-size:11px;color:#8b6f5e}.khb-settings-root .lang-list{display:flex;flex-direction:column;gap:2px;padding:2px 0}.khb-settings-root .lang-item{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;border-bottom:1px solid #efe1d7;transition:color .15s}.khb-settings-root .lang-item:last-of-type{border-bottom:none}.khb-settings-root .lang-item:hover{color:#ff6b4a}.khb-settings-root .lang-item .radio{width:16px;height:16px;border-radius:50%;border:2px solid #efe1d7;display:flex;align-items:center;justify-content:center}.khb-settings-root .lang-item.active .radio{border-color:#ff6b4a}.khb-settings-root .lang-item .dot{width:9px;height:9px;border-radius:50%;background:#ff6b4a;transform:scale(0);transition:transform .2s}.khb-settings-root .lang-item.active .dot{transform:scale(1)}.khb-settings-root .lang-name{font-size:13px;font-weight:500;flex:1 1}.khb-settings-root .lang-native{font-size:12px;color:#8b6f5e}.khb-settings-root .contact-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.khb-settings-root .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(60px);background:#2b1810;color:#fff;padding:8px 18px;border-radius:6px;font-size:12px;font-weight:500;opacity:0;transition:transform .3s,opacity .25s;pointer-events:none;z-index:20001}.khb-settings-root .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:540px){.khb-settings-root .settings{margin:8px}.khb-settings-root .settings-footer{align-items:stretch;flex-direction:column}.khb-settings-root .settings-save-all{width:100%}}.khb-settings-root{--surface:#0e1424;--fg:#e8e8ec;--fg-secondary:#7b8298;--muted:#5f687d;--border:#1c2540;--accent:#f50;--accent-soft:rgba(255,85,0,.14);--accent-faint:rgba(255,85,0,.08)}.khb-settings-root .settings-modal-overlay{background:rgba(0,0,0,.68);-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08)}.khb-settings-root .settings,.khb-settings-root .settings-footer,.khb-settings-root .settings-header{background:linear-gradient(145deg,hsla(0,0%,100%,.035),rgba(255,85,0,.035)),var(--surface);border-color:var(--border);color:var(--fg);box-shadow:0 24px 70px -36px rgba(0,0,0,.95),0 0 34px rgba(255,85,0,.08)}.khb-settings-root .bound-row,.khb-settings-root .lang-item,.khb-settings-root .section .item,.khb-settings-root .settings-footer,.khb-settings-root .settings-header,.khb-settings-root .theme-mode{border-color:var(--border)}.khb-settings-root .bound-value,.khb-settings-root .item-info h3,.khb-settings-root .lang-name,.khb-settings-root .settings-header h1,.khb-settings-root .theme-mode .label{color:var(--fg)}.khb-settings-root .arrow,.khb-settings-root .avatar-hint,.khb-settings-root .badge,.khb-settings-root .bound-label,.khb-settings-root .field label,.khb-settings-root .item-icon,.khb-settings-root .item-info .desc,.khb-settings-root .item-value,.khb-settings-root .lang-native,.khb-settings-root .settings-header p,.khb-settings-root .settings-save-note,.khb-settings-root .theme-mode .hint{color:var(--fg-secondary);stroke:currentColor}.khb-settings-root .section-title{color:#f50;border-bottom-color:rgba(255,85,0,.16)}.khb-settings-root .btn-secondary,.khb-settings-root .settings-close{background:hsla(0,0%,100%,.035);border:1px solid var(--border);color:var(--fg)}.khb-settings-root .btn-secondary:hover,.khb-settings-root .item-header:hover,.khb-settings-root .lang-item:hover,.khb-settings-root .settings-close:hover,.khb-settings-root .theme-mode:hover{background:rgba(255,85,0,.1);color:#f50}.khb-settings-root .field input{background:rgba(8,12,24,.72);border-color:var(--border);color:var(--fg)}.khb-settings-root .field input:focus{border-color:#f50;box-shadow:0 0 0 2px rgba(255,85,0,.16)}.khb-settings-root .field input::placeholder{color:rgba(123,130,152,.72)}.khb-settings-root .btn-primary,.khb-settings-root .lang-item .dot,.khb-settings-root .theme-mode .dot{background:linear-gradient(135deg,#f50,#ff7a1a);color:#fff}.khb-settings-root .lang-item.active .radio,.khb-settings-root .theme-mode.active .radio{border-color:#f50}.khb-settings-root .toast{background:#141c30;color:var(--fg);border:1px solid var(--border)}.khb-settings-root .settings-scroll-wrapper{scrollbar-color:var(--khb-scrollbar-thumb,rgba(255,85,0,.52)) var(--khb-scrollbar-track,rgba(255,85,0,.1))!important;scrollbar-width:thin}.khb-settings-root .settings-scroll-wrapper::-webkit-scrollbar{width:var(--khb-scrollbar-size,6px);height:var(--khb-scrollbar-size,6px)}.khb-settings-root .settings-scroll-wrapper::-webkit-scrollbar-track{background:var(--khb-scrollbar-track,rgba(255,85,0,.1))!important;border-radius:999px}.khb-settings-root .settings-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--khb-scrollbar-thumb,rgba(255,85,0,.52))!important;border-radius:999px}.khb-settings-root .settings-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:var(--khb-scrollbar-thumb-hover,rgba(255,85,0,.72))!important}