.settings-header{position:sticky;top:0;z-index:100;background:#ffffffb8;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border)}[data-mode=dark] .settings-header{background:#0f172ab8}.settings-header-inner{max-width:960px;margin:0 auto;padding:.6rem 1.5rem;display:flex;align-items:center;gap:1rem}.settings-logo{font-size:1.15rem;font-weight:800;color:var(--accent);text-decoration:none;letter-spacing:-.02em}.settings-title{flex:1;font-size:1rem;font-weight:600;opacity:.7}.settings-back{color:var(--accent);text-decoration:none;font-size:.85rem;font-weight:500;padding:.4rem .9rem;border:1px solid var(--border);border-radius:999px;transition:all .2s}.settings-back:hover{background:var(--accent);color:#fff;border-color:var(--accent);text-decoration:none}.settings-main{max-width:960px;margin:0 auto;padding:1.25rem 1.5rem 3rem}.settings-tabs{display:flex;gap:.35rem;padding:.35rem;background:var(--surface);border-radius:14px;margin-bottom:1.75rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border:1px solid var(--border)}.settings-tabs::-webkit-scrollbar{display:none}.tab-btn{padding:.55rem 1rem;background:none;border:none;border-radius:10px;cursor:pointer;font-size:.82rem;color:var(--muted);font-weight:600;white-space:nowrap;transition:all .2s;min-height:38px;letter-spacing:-.01em}.tab-btn:hover{color:var(--text);background:#00000008}[data-mode=dark] .tab-btn:hover{background:#ffffff0d}.tab-btn.active{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}[data-mode=dark] .tab-btn.active{box-shadow:0 1px 3px #0000004d}.tab-icon{display:inline-block;width:16px;height:16px;margin-right:.35rem;vertical-align:-2px;opacity:.6}.tab-btn.active .tab-icon{opacity:1}.tab-panel{display:none;animation:fadeIn .25s ease}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1rem;transition:box-shadow .2s}.section-card:hover{box-shadow:0 2px 12px #0000000a}[data-mode=dark] .section-card:hover{box-shadow:0 2px 12px #0003}.section-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.section-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:1rem}.section-icon.purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}.section-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.section-icon.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.section-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.section-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.section-icon.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.section-icon.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.section-icon.slate{background:linear-gradient(135deg,#64748b,#475569)}.section-title{font-size:.95rem;font-weight:700;letter-spacing:-.01em}.section-desc{font-size:.75rem;color:var(--muted);margin-top:.1rem}.admin-auth{margin-bottom:1rem}.feeds-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem;max-height:360px;overflow-y:auto;border-radius:12px}.feed-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;background:var(--bg);border:1px solid var(--border);border-radius:12px;transition:all .15s}.feed-item:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.feed-info{flex:1;min-width:0}.feed-source{font-weight:600;font-size:.9rem}.feed-url{font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-category{font-size:.7rem;color:var(--accent);background:#3b82f614;padding:2px 8px;border-radius:6px;white-space:nowrap;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.feed-toggle{width:40px;height:22px;border-radius:11px;border:none;cursor:pointer;position:relative;transition:background .2s;min-width:40px}.feed-toggle.on{background:var(--accent)}.feed-toggle.off{background:var(--border)}.feed-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000026}.feed-toggle.on:after{transform:translate(18px)}.feed-delete{background:none;border:none;color:#ef5350;cursor:pointer;font-size:1.2rem;padding:.25rem;opacity:.5;transition:opacity .2s;min-width:24px;min-height:44px;display:flex;align-items:center;justify-content:center}.feed-delete:hover{opacity:1}.loading-text{color:var(--muted);padding:1.5rem;text-align:center;font-size:.85rem}.feed-add-form{padding:1.25rem;background:var(--bg);border:1px solid var(--border);border-radius:14px}.feed-add-form h3{font-size:.9rem;margin-bottom:.75rem;font-weight:600}.form-row{display:flex;gap:.5rem;flex-wrap:wrap}.form-input,.form-select{padding:.55rem .75rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:.85rem;flex:1;min-width:120px;min-height:42px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f}.btn-add{padding:.55rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;white-space:nowrap;transition:all .2s;min-height:42px;font-size:.85rem}.btn-add:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.data-cards{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.data-card{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--bg);border:1px solid var(--border);border-radius:12px;transition:all .15s}.data-card:hover{border-color:var(--accent)}.data-info{display:flex;flex-direction:column;gap:.15rem}.data-info strong{font-size:.9rem}.data-info span{font-size:.78rem;color:var(--muted)}.btn-danger{padding:.45rem .9rem;background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:600;transition:all .2s;min-height:36px}.btn-danger:hover{background:#ef4444;color:#fff;border-color:#ef4444}.data-summary{padding:.75rem 0;color:var(--muted);font-size:.85rem}.setting-group{margin-bottom:1.25rem}.setting-group:last-child{margin-bottom:0}.setting-group label{display:block;font-weight:600;margin-bottom:.4rem;font-size:.85rem;letter-spacing:-.01em}.setting-group .sub-label{font-weight:400;color:var(--muted);font-size:.78rem;display:block;margin-top:.1rem}.btn-group{display:flex;gap:0;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:3px;overflow:hidden;flex-wrap:wrap}.opt-btn{padding:.45rem .85rem;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:500;transition:all .2s;min-height:36px;white-space:nowrap}.opt-btn:hover{color:var(--text)}.opt-btn.active{background:var(--accent);color:#fff;box-shadow:0 1px 4px #3b82f64d}.color-grid{display:flex;gap:.65rem;flex-wrap:wrap}.color-btn{width:36px;height:36px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s;position:relative}.color-btn:hover{transform:scale(1.15)}.color-btn.active{border-color:var(--text);transform:scale(1.2)}.color-btn.active:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--accent);opacity:.4}.form-range{width:100%;max-width:100%;accent-color:var(--accent);height:6px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:3px;outline:none;transition:background .2s}.form-range:hover{background:var(--muted)}.form-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid #fff;box-shadow:0 2px 6px #0003;transition:transform .15s,box-shadow .15s}.form-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 10px #3b82f666}.form-range::-webkit-slider-thumb:active{transform:scale(1.05)}.form-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid #fff;box-shadow:0 2px 6px #0003}.slider-row{display:flex;align-items:center;gap:1rem}.slider-row .form-range{flex:1}.slider-val{font-size:.82rem;font-weight:700;color:var(--accent);min-width:40px;text-align:right;font-variant-numeric:tabular-nums;background:#3b82f614;padding:.2rem .5rem;border-radius:6px}.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:.85rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s,box-shadow .2s}.form-hint{display:block;margin-top:.3rem;font-size:.75rem;color:var(--muted)}.ai-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-primary{padding:.55rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s;min-height:42px;font-size:.85rem}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{padding:.55rem 1.5rem;background:transparent;color:var(--accent);border:1px solid var(--border);border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s;min-height:42px;font-size:.85rem}.btn-secondary:hover{border-color:var(--accent);background:#3b82f60f}.toggle-group{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid rgba(0,0,0,.04)}[data-mode=dark] .toggle-group{border-bottom-color:#ffffff0a}.toggle-group:last-child{border-bottom:none}.toggle-group label{margin-bottom:0;font-size:.88rem}.toggle-switch{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.toggle-track{width:46px;height:26px;border-radius:13px;background:var(--border);position:relative;transition:background .25s cubic-bezier(.4,0,.2,1)}.toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0003}.toggle-switch[aria-checked=true] .toggle-track{background:var(--accent)}.toggle-switch[aria-checked=true] .toggle-thumb{transform:translate(20px)}.live-preview{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:1rem;margin-bottom:1.25rem;position:relative;overflow:hidden}.live-preview:before{content:"PREVIEW";position:absolute;top:.5rem;right:.75rem;font-size:.6rem;font-weight:700;letter-spacing:.08em;color:var(--muted);opacity:.5}.preview-articles{display:flex;flex-direction:column}.preview-article{display:flex;gap:.5rem;background:var(--surface);border:1px solid var(--border);transition:all .25s}.preview-img{flex-shrink:0;border-radius:calc(var(--preview-radius, 12px) - 3px);background:linear-gradient(135deg,#667eea,#764ba2)}.preview-body{flex:1;min-width:0}.preview-title{font-weight:600;font-size:.8rem;line-height:1.4;margin-bottom:.15rem;background:var(--text);border-radius:2px;height:.8rem;width:80%;opacity:.15}.preview-meta{height:.5rem;width:50%;background:var(--muted);border-radius:2px;opacity:.12;margin-bottom:.15rem}.preview-desc{height:.5rem;width:90%;background:var(--muted);border-radius:2px;opacity:.08}.io-actions{display:flex;gap:.5rem;margin-top:.75rem}.btn-io{flex:1;padding:.6rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--text);transition:all .2s;text-align:center;min-height:42px;display:flex;align-items:center;justify-content:center;gap:.4rem}.btn-io:hover{border-color:var(--accent);color:var(--accent)}.btn-io svg{width:16px;height:16px}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.65rem 1.25rem;background:var(--text);color:var(--bg);border-radius:12px;font-size:.82rem;font-weight:500;z-index:9999;animation:toastIn .35s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #0000001f}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.clone-section .section-header{border-bottom-color:#ec489926}.clone-audio-area{display:flex;gap:.5rem;flex-wrap:wrap}.clone-rec-btn,.clone-upload-btn{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;padding:.5rem 1rem;border-radius:99px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:.82rem;font-weight:500;transition:all .2s;min-height:38px}.clone-rec-btn:hover,.clone-upload-btn:hover{border-color:var(--accent);color:var(--accent)}.clone-rec-btn.recording{background:#ef4444;color:#fff;border-color:#ef4444;animation:clonePulse 1.5s infinite}.clone-rec-status{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.4rem .75rem;background:#ef44440f;border-radius:8px}.rec-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:clonePulse 1s infinite;flex-shrink:0}#clone-rec-time{font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums}#clone-audio-preview{width:100%;margin-top:.5rem;border-radius:8px;height:36px}.clone-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;background:var(--bg);border:1px solid var(--border);margin-bottom:.5rem;transition:all .15s}.clone-card:hover{border-color:var(--accent)}.clone-card-name{font-weight:600;font-size:.88rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clone-card-date{font-size:.72rem;color:var(--muted)}.clone-card-actions{display:flex;gap:.25rem}.clone-card-actions button{padding:.3rem .65rem;font-size:.75rem;min-height:30px;border-radius:8px}.clone-form{margin-top:1rem;padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:14px}.clone-actions{display:flex;gap:.5rem;margin-top:1rem}.clone-actions .btn-primary,.clone-actions .btn-secondary{padding:.45rem 1.25rem;min-height:38px}.clone-actions .btn-primary:disabled{opacity:.4;cursor:not-allowed;filter:none;transform:none;box-shadow:none}.clone-empty{color:var(--muted);font-size:.82rem;padding:.75rem 0;text-align:center}@keyframes clonePulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:768px){.settings-main{padding:1rem .75rem 3rem}.settings-header-inner{padding:.6rem 1rem}.tab-btn{padding:.5rem .75rem;font-size:.78rem}.section-card{padding:1rem 1.1rem;border-radius:14px}.settings-grid{grid-template-columns:1fr}}@media(max-width:480px){.settings-main{padding:.75rem .5rem 3rem}.settings-header-inner{padding:.5rem .75rem}.settings-title{font-size:.9rem}.settings-tabs{border-radius:12px;gap:.2rem;padding:.25rem}.tab-btn{padding:.5rem .6rem;font-size:.75rem;min-height:34px}.form-row{flex-direction:column}.form-input,.form-select{min-width:0;width:100%}.data-card{flex-direction:column;align-items:flex-start;gap:.6rem}.btn-danger{align-self:flex-end}.ai-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;text-align:center}.feed-item{flex-wrap:wrap}.section-card{padding:.85rem 1rem}.settings-grid{grid-template-columns:1fr}.io-actions{flex-direction:column}}