.settings__section{display:flex;flex-direction:column;gap:1.2rem}.settings__page-intro{display:grid;gap:.28rem}.settings__page-intro>strong{color:var(--text-strong);font-size:1rem;font-weight:700}.settings__page-intro>p{max-width:38rem;margin:0;color:var(--text-muted);font-size:.84rem;line-height:1.45}.settings__flat-section{display:grid;gap:.75rem;border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent);padding-top:1rem}.settings__flat-section:first-child{border-top:0;padding-top:0}.settings__flat-heading{display:grid;gap:.2rem}.settings__flat-heading strong{font-size:.94rem}.settings__flat-heading p{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.42}.settings__disclosure{border-top:1px solid color-mix(in srgb,var(--line) 78%,transparent);padding-top:.25rem}.settings__disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.7rem;box-sizing:border-box;margin-inline:-.45rem;border-radius:.48rem;padding:.62rem .65rem;color:#fff;font-size:.86rem;font-weight:650;list-style:none;cursor:pointer;transition:background-color .12s ease}.settings__disclosure>summary::-webkit-details-marker{display:none}.settings__disclosure>summary:after{content:"Show";margin-left:auto;color:color-mix(in srgb,white 76%,transparent);font-size:.75rem;font-weight:650}.settings__disclosure>summary:hover{background:color-mix(in srgb,white 7%,transparent)}.settings__disclosure>summary:focus-visible{background:color-mix(in srgb,white 7%,transparent);outline:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,white 18%,transparent)}.settings__disclosure[open]>summary{margin-bottom:.65rem;background:color-mix(in srgb,white 5%,transparent)}.settings__disclosure[open]>summary:after{content:"Hide"}.settings__disclosure:not([open]) .settings__disclosure>summary:after,.settings__disclosure:not([open]) .settings__details-card>summary:after{content:none}.settings__card,.settings__identity-panel,.settings__diagnostics-json,.settings__relay-active,.settings__relay-summary-card,.settings__relay-entry,.settings__diag-item,.settings__diag-row{border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:.58rem;background:color-mix(in srgb,var(--surface-panel) 46%,transparent);padding:.5rem}.settings__card--stack,.settings__identity-panel,.settings__diagnostics-json,.settings__relay-entry{display:flex;flex-direction:column;gap:.5rem}.settings__card strong,.settings__toggle strong,.settings__split-header strong{font-size:.88rem;font-weight:650;line-height:1.18}.settings__card p,.settings__toggle span,.settings__split-header p,.settings__status,.settings__relay-entry-copy span{margin:0;color:var(--text-muted);font-size:.74rem;line-height:1.3}.settings__split-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.32rem}.settings__icon-title{display:inline-flex;align-items:center;gap:.42rem}.settings__icon-title svg{color:color-mix(in srgb,var(--accent) 72%,white 16%)}.settings__icon-title svg.lucide,.settings__icon-title svg.lucide-icon,.settings__summary-icon svg.lucide,.settings__summary-icon svg.lucide-icon{--lucide-fill: none;fill:none!important;stroke:currentColor!important}.settings__icon-title svg.lucide *,.settings__icon-title svg.lucide-icon *,.settings__summary-icon svg.lucide *,.settings__summary-icon svg.lucide-icon *{fill:none!important;stroke:currentColor!important;stroke-width:2!important}.settings__inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.32rem}.settings__inline-actions button,.settings__split-header button,.settings__relay-entry-actions button,.settings__relay-row button,.settings__pill{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:.42rem;background:color-mix(in srgb,white 8%,transparent);padding:.38rem .52rem;color:var(--text-strong);font-size:.78rem;font-weight:600;cursor:pointer}.settings__inline-actions button:disabled,.settings__split-header button:disabled,.settings__relay-entry-actions button:disabled,.settings__relay-row button:disabled,.settings__pill:disabled{cursor:not-allowed;opacity:.45}.settings__primary,.settings__pill--active{border-color:color-mix(in srgb,var(--accent) 44%,transparent)!important;background:color-mix(in srgb,var(--accent) 88%,black 12%)!important;color:var(--accent-contrast)!important}.settings__toggle-grid{display:grid;grid-template-columns:1fr;gap:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:.5rem;background:color-mix(in srgb,var(--surface-panel) 54%,transparent)}.settings__toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;min-height:3.4rem;padding:.68rem .78rem;cursor:pointer;transition:background-color .12s ease}.settings__toggle--compact{min-height:2.85rem;padding-block:.52rem}.settings__toggle+.settings__toggle{border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.settings__toggle>div{display:grid;grid-column:1;grid-row:1;min-width:0;gap:.12rem}.settings__toggle strong,.settings__toggle span{display:block}.settings__toggle:hover:not(.settings__toggle--disabled){background:color-mix(in srgb,var(--surface-hover) 72%,transparent)}.settings__toggle--disabled{cursor:not-allowed;opacity:.58}.settings__toggle>input{grid-column:2;grid-row:1;justify-self:end}.settings__toggle>input,.settings__relay-toggle input{appearance:none;position:relative;flex:0 0 auto;width:2.5rem;height:1.4rem;margin:0;border:1px solid color-mix(in srgb,var(--line) 92%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-input) 88%,black 10%);cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb,black 16%,transparent);transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.settings__toggle>input:before,.settings__relay-toggle input:before{content:"";position:absolute;top:50%;left:.2rem;width:.9rem;height:.9rem;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 80%,white 10%);box-shadow:0 1px 2px color-mix(in srgb,black 38%,transparent);transform:translateY(-50%);transition:transform .12s ease,background .12s ease}.settings__toggle>input:checked,.settings__relay-toggle input:checked{border-color:color-mix(in srgb,var(--accent) 72%,white 8%);background:color-mix(in srgb,var(--accent) 82%,black 12%);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 16%,transparent)}.settings__toggle>input:checked:before,.settings__relay-toggle input:checked:before{background:#fff;transform:translate(1.13rem,-50%)}.settings__toggle>input:focus-visible,.settings__relay-toggle input:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 58%,white 12%);outline-offset:2px}.settings__toggle>input:disabled,.settings__relay-toggle input:disabled{cursor:not-allowed;opacity:.5}.settings__toggle:hover>input:not(:disabled),.settings__relay-toggle:hover input:not(:disabled){border-color:color-mix(in srgb,var(--text-muted) 54%,var(--line))}.settings__field{display:grid;min-width:0;gap:.38rem}.settings__field span{color:#fff;font-size:.72rem;font-weight:650;line-height:1.2;transition:color .13s ease}.settings__field input,.settings__field textarea,.settings__field select,.settings__relay-input{min-width:0;min-height:2.62rem;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:.56rem;background:color-mix(in srgb,var(--surface-input) 92%,black 5%);padding:.58rem .64rem;color:var(--text-strong);font:inherit;font-size:.84rem;line-height:1.25;outline:none;box-shadow:0 1px 1px color-mix(in srgb,black 16%,transparent);transition:border-color .13s ease,background-color .13s ease,box-shadow .13s ease}.settings__field input:hover:not(:disabled),.settings__field textarea:hover:not(:disabled),.settings__field select:hover:not(:disabled),.settings__relay-input:hover:not(:disabled){border-color:color-mix(in srgb,var(--text-muted) 44%,var(--line));background:color-mix(in srgb,var(--surface-input) 88%,white 3%)}.settings__field input:focus-visible,.settings__field textarea:focus-visible,.settings__field select:focus-visible,.settings__relay-input:focus-visible{border-color:color-mix(in srgb,white 38%,var(--line));background:color-mix(in srgb,var(--surface-input) 92%,white 3%);box-shadow:0 0 0 2px color-mix(in srgb,white 11%,transparent)}.settings__field:focus-within>span{color:#fff}.settings__field input::placeholder,.settings__field textarea::placeholder,.settings__relay-input::placeholder{color:color-mix(in srgb,var(--text-muted) 76%,transparent)}.settings__field textarea{min-height:5.5rem;resize:vertical}.settings__field input[type=number],.settings__field input[type=time]{font-variant-numeric:tabular-nums;color-scheme:dark}.settings__field input:disabled,.settings__field textarea:disabled,.settings__field select:disabled,.settings__relay-input:disabled{cursor:not-allowed;opacity:.52}.settings__time-grid,.settings__identity-grid,.settings__summary-grid,.settings__relay-summary-grid,.settings__diag-grid,.settings__card-grid{display:grid;gap:.4rem}.settings__choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.38rem}.settings__choice{display:grid;gap:.16rem;min-width:0;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:.52rem;background:color-mix(in srgb,var(--surface-input) 58%,transparent);padding:.52rem .58rem;color:var(--text);text-align:left;cursor:pointer}.settings__choice:hover,.settings__choice--selected{border-color:color-mix(in srgb,white 22%,var(--line));background:color-mix(in srgb,white 7%,var(--surface-input))}.settings__choice--selected{border-color:color-mix(in srgb,white 32%,var(--line));background:color-mix(in srgb,white 12%,var(--surface-input));box-shadow:inset 0 0 0 1px color-mix(in srgb,white 8%,transparent)}.settings__choice strong{color:var(--text-strong);font-size:.82rem;line-height:1.15}.settings__choice span,.settings__choice small{color:var(--text-muted);font-size:.72rem;line-height:1.28}.settings__time-grid,.settings__identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings__summary-grid,.settings__relay-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings__summary-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;min-height:3.2rem;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:.58rem;background:color-mix(in srgb,var(--surface-panel) 46%,transparent);padding:.5rem}.settings__summary-item>div{display:grid;min-width:0;gap:.08rem}.settings__summary-item span,.settings__summary-item small{overflow-wrap:anywhere;color:var(--text-muted);font-size:.72rem;line-height:1.25}.settings__summary-item strong{overflow:hidden;color:var(--text-strong);font-size:1rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.settings__summary-icon{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.6rem;background:color-mix(in srgb,var(--accent) 14%,transparent);color:color-mix(in srgb,var(--accent) 78%,white 10%)}.settings__summary-item--success .settings__summary-icon{background:color-mix(in srgb,#22c55e 16%,transparent);color:#86efac}.settings__summary-item--warning .settings__summary-icon{background:color-mix(in srgb,#f59e0b 16%,transparent);color:#fde68a}.settings__summary-item--danger .settings__summary-icon{background:color-mix(in srgb,#ef4444 16%,transparent);color:#fca5a5}.settings__summary-item--muted .settings__summary-icon{background:color-mix(in srgb,#94a3b8 12%,transparent);color:var(--text-muted)}.settings__card-grid--single{grid-template-columns:1fr}.settings__guardian-add{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem}.settings__guardian-add input{min-width:0;border:1px solid color-mix(in srgb,var(--line) 74%,transparent);border-radius:.46rem;background:color-mix(in srgb,var(--surface-input) 88%,black 8%);padding:.42rem .5rem;color:var(--text-strong);font:inherit;font-size:.82rem}.settings__guardian-add button,.settings__guardian-row button,.settings__guardian-packet button{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:.42rem;background:color-mix(in srgb,white 8%,transparent);padding:.38rem .52rem;color:var(--text-strong);font-size:.78rem;font-weight:600;cursor:pointer}.settings__recovery-health{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:.62rem;background:color-mix(in srgb,var(--surface-input) 64%,transparent);padding:.52rem .58rem}.settings__recovery-health strong{display:block;font-size:1.05rem;line-height:1}.settings__recovery-health span{color:var(--text-muted);font-size:.72rem}.settings__recovery-health--partial{border-color:color-mix(in srgb,#facc15 34%,var(--line))}.settings__recovery-health--protected{border-color:color-mix(in srgb,#34d399 42%,var(--line))}.settings__guardian-meter{overflow:hidden;height:.46rem;border-radius:999px;background:color-mix(in srgb,var(--surface-panel) 76%,black 12%)}.settings__guardian-meter span{display:block;height:100%;border-radius:inherit;background:color-mix(in srgb,var(--accent, #8ea4ff) 78%,white 12%);transition:width .16s ease}.settings__guardian-list,.settings__guardian-packets{display:grid;gap:.35rem}.settings__guardian-row,.settings__guardian-packet{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;border:1px solid color-mix(in srgb,var(--line) 74%,transparent);border-radius:.52rem;background:color-mix(in srgb,var(--surface-input) 58%,transparent);padding:.42rem .48rem}.settings__guardian-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem}.settings__guardian-row>div,.settings__guardian-packet>div{display:grid;min-width:0;gap:.08rem}.settings__guardian-row span,.settings__guardian-packet span{overflow:hidden;color:var(--text-muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.settings__guardian-status--accepted{color:#8ee6b3!important}.settings__guardian-status--invited{color:#f6d58a!important}.settings__guardian-export{display:grid;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:.62rem;background:color-mix(in srgb,var(--surface-panel) 36%,transparent);padding:.52rem}.settings__status{color:var(--text-muted)}.settings__status--success{color:#86efac}.settings__status--error{color:#fca5a5}.settings__status--warning{color:#facc6b}.settings__identity-key,.settings__relay-badge{display:inline-flex;align-items:center;min-height:1.45rem;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-input) 72%,transparent);padding:0 .52rem;color:var(--text-muted);font-size:.72rem;font-weight:650}.settings__relay-badge--success{border-color:color-mix(in srgb,#22c55e 36%,transparent);color:#86efac}.settings__relay-badge--error{border-color:color-mix(in srgb,#ef4444 36%,transparent);color:#fca5a5}.settings__relay-badge--pending{border-color:color-mix(in srgb,#f59e0b 36%,transparent);color:#fde68a}.settings__relay-badge--muted{color:var(--text-muted)}.settings__relay-summary-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;min-height:3.4rem}.settings__relay-summary-card>div{display:grid;gap:.08rem;min-width:0}.settings__relay-summary-card strong{font-size:1.08rem}.settings__relay-summary-card small{overflow-wrap:anywhere;white-space:normal}.settings__relay-active span{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.settings__relay-stat-icon,.settings__relay-endpoint-icon{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.6rem;background:color-mix(in srgb,var(--accent) 14%,transparent);color:color-mix(in srgb,var(--accent) 78%,white 10%)}.settings__relay-stat-icon--live,.settings__relay-endpoint-icon--success{background:color-mix(in srgb,#22c55e 16%,transparent);color:#86efac}.settings__relay-stat-icon--error,.settings__relay-endpoint-icon--error{background:color-mix(in srgb,#ef4444 16%,transparent);color:#fca5a5}.settings__relay-endpoint-icon--pending{background:color-mix(in srgb,#f59e0b 16%,transparent);color:#fde68a}.settings__relay-endpoint-icon--muted{background:color-mix(in srgb,#94a3b8 12%,transparent);color:var(--text-muted)}.settings__relay-list,.settings__diag-list{display:grid;gap:.42rem}.settings__relay-entry{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.45rem;padding:.42rem}.settings__relay-entry-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem}.settings__relay-endpoint-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.58rem;min-width:0}.settings__relay-entry-copy{display:grid;min-width:0}.settings__relay-entry-actions{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:.28rem}.settings__relay-entry-actions button{width:2rem;padding-inline:0}.settings__relay-entry-actions button[aria-label="Remove provider"]{width:2rem;padding-inline:0;color:#fda4af}.settings__relay-url-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.42rem;border:1px solid color-mix(in srgb,var(--line) 74%,transparent);border-radius:.5rem;background:color-mix(in srgb,var(--surface-input) 80%,black 8%);padding:0 .45rem;color:var(--text-muted)}.settings__relay-url-field .settings__relay-input{border:0;background:transparent;padding-left:0}.settings__relay-row{display:grid;grid-template-columns:6rem minmax(0,1fr) auto;align-items:center;gap:.42rem;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:.5rem;background:color-mix(in srgb,var(--surface-input) 84%,black 8%);padding:.42rem}.settings__relay-row--operator{grid-template-columns:minmax(0,1fr) auto}.settings__relay-toggle{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.76rem}.settings__relay-active,.settings__diag-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.settings__diag-item{display:grid;gap:.12rem}.settings__diag-item span,.settings__diag-row span,.settings__relay-active strong,.settings__relay-active span{color:var(--text-muted);font-size:.72rem}.settings__diag-item strong,.settings__diag-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings__details-card{gap:0}.settings__details-card summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.4rem;color:#fff;cursor:pointer;list-style:none}.settings__details-card summary::-webkit-details-marker{display:none}.settings__details-card>summary:after{content:"Show";margin-left:auto;color:color-mix(in srgb,white 76%,transparent);font-size:.72rem;font-weight:650}.settings__details-card[open]>summary:after{content:"Hide"}.settings__details-card[open]{gap:.5rem}.settings__details-card>summary:focus-visible{border-radius:.42rem;background:color-mix(in srgb,white 6%,transparent);outline:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,white 18%,transparent)}.settings__section button:focus-visible,.settings__section summary:focus-visible,.settings__section [role=tab]:focus-visible{outline:2px solid color-mix(in srgb,white 32%,transparent);outline-offset:2px}.settings__section .settings__disclosure>summary:focus-visible,.settings__section .settings__details-card>summary:focus-visible{background:color-mix(in srgb,white 7%,transparent);outline:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,white 18%,transparent)}.settings__diagnostics-json pre{overflow:auto;max-height:18rem;margin:0;white-space:pre-wrap;word-break:break-word;font-size:.72rem}@media(max-width:720px){.settings__time-grid,.settings__identity-grid,.settings__summary-grid,.settings__relay-summary-grid,.settings__relay-row,.settings__guardian-add,.settings__guardian-row,.settings__guardian-packet,.settings__choice-grid,.settings__relay-entry-header{grid-template-columns:1fr}.settings__relay-entry{grid-template-columns:auto minmax(0,1fr) auto}.settings__relay-entry-actions{grid-column:2 / -1;justify-content:flex-start}}:root[data-theme-base=midnight] .settings__pill,:root[data-theme-base=midnight] .settings__inline-actions button,:root[data-theme-base=midnight] .settings__split-header button{min-height:36px;border-radius:999px;border-color:transparent;background:var(--surface-input);padding:.45rem 1rem;font-size:13px;font-weight:500;transition:background-color .12s ease,color .12s ease}:root[data-theme-base=midnight] .settings__pill:hover:not(:disabled),:root[data-theme-base=midnight] .settings__inline-actions button:hover:not(:disabled),:root[data-theme-base=midnight] .settings__split-header button:hover:not(:disabled){background:var(--surface-hover)}:root[data-theme-base=midnight] .settings__primary,:root[data-theme-base=midnight] .settings__pill--active{background:var(--text)!important;color:var(--bg)!important;border-color:transparent!important}:root[data-theme-base=midnight] .settings__primary:hover:not(:disabled){background:color-mix(in srgb,var(--text) 90%,var(--bg))!important}
