.settings-root{--panel:var(--background,#0b1020)}@supports (color:color-mix(in lab, red, red)){.settings-root{--panel:color-mix(in oklab,var(--background,#0b1020)92%,white 8%)}}.settings-root{--border:var(--foreground,#fff)}@supports (color:color-mix(in lab, red, red)){.settings-root{--border:color-mix(in oklab,var(--foreground,#fff)12%,transparent)}}.settings-root{--shadow-lg:0 20px 45px #00000073;--radius-xl:16px;--z-settings-panel:calc(var(--z-modal) + 1);--z-settings-close:calc(var(--z-modal) + 2);width:100vw;height:100vh;height:max(100svh,var(--settings-vvh,100svh));z-index:var(--z-modal);position:fixed;inset:0}.settings-root:before{content:"";pointer-events:none;background:#00000073;position:absolute;inset:0}.settings-root--page:before{content:""}.settings-modal{justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.settings-grid{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel);width:min(50rem,100%);height:fit-content;max-height:80dvh;box-shadow:var(--shadow-lg);grid-template-rows:minmax(0,1fr);grid-template-columns:15rem minmax(0,1fr);display:grid;position:relative;overflow:hidden}.settings-close-btn,.settings-close-portal{border:1px solid var(--border);border-radius:9999px;place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.settings-close-btn,.settings-close-portal{border:1px solid color-mix(in oklab,var(--border)55%,transparent)}}.settings-close-btn,.settings-close-portal{background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.settings-close-btn,.settings-close-portal{background:color-mix(in oklab,var(--panel)92%,transparent)}}.settings-close-btn,.settings-close-portal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.settings-close-btn:hover,.settings-close-portal:hover{background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.settings-close-btn:hover,.settings-close-portal:hover{background:color-mix(in oklab,var(--panel)88%,transparent)}}.settings-close-btn:active,.settings-close-portal:active{transform:translateY(.5px)}.settings-close-btn:focus-visible,.settings-close-portal:focus-visible{box-shadow:0 0 0 2px var(--foreground);outline:none}@supports (color:color-mix(in lab, red, red)){.settings-close-btn:focus-visible,.settings-close-portal:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab,var(--foreground)55%,transparent)}}.settings-close-icon{width:18px;height:18px}.settings-close-portal{right:12px;top:calc(10px + env(safe-area-inset-top,0px) + var(--app-vvt,0px));z-index:var(--z-settings-close,calc(var(--z-modal) + 2));pointer-events:auto;position:fixed}.settings-nav{border-right:1px solid var(--border);overscroll-behavior:contain;min-height:0;padding:16px;overflow:hidden auto}.settings-nav-title{text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin:12px 0 6px;font-size:11px}.settings-nav-title--spaced{margin-top:18px}.settings-nav-list{gap:6px;display:grid}.settings-nav-btn{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.settings-nav-btn:hover{background:#ffffff0d}.settings-nav-btn[data-active=true]{background:#ffffff14;border-color:#ffffff1f}.settings-nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-nav-label{white-space:nowrap;flex:auto}.settings-title{letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:1.2}.settings-content{min-width:0;min-height:0;padding:0 24px calc(24px + min(env(safe-area-inset-bottom,0px),40px));overscroll-behavior:contain;overflow:hidden auto}.settings-content>*{width:100%;max-width:680px}.settings-header{background:var(--panel);border-bottom:1px solid var(--border);margin:0;padding:24px 0 16px;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.settings-header{border-bottom:1px solid color-mix(in oklab,var(--border)80%,transparent)}}.settings-header{z-index:var(--z-settings-panel);justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-header+*{margin-top:16px}.settings-card{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.settings-card+.settings-card{margin-top:16px}.settings-row{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.settings-row+.settings-row{border-top:1px dashed var(--border)}@supports (color:color-mix(in lab, red, red)){.settings-row+.settings-row{border-top:1px dashed color-mix(in oklab,var(--border)65%,transparent)}}.chip{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:9999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.chip:hover{background:#ffffff0f}.settings-nav::-webkit-scrollbar{width:10px;height:10px}.settings-content::-webkit-scrollbar{width:10px;height:10px}.settings-nav::-webkit-scrollbar-thumb{background:var(--border)}@supports (color:color-mix(in lab, red, red)){.settings-nav::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--border)100%,transparent)}}.settings-nav::-webkit-scrollbar-thumb{border-radius:8px}.settings-content::-webkit-scrollbar-thumb{background:var(--border)}@supports (color:color-mix(in lab, red, red)){.settings-content::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--border)100%,transparent)}}.settings-content::-webkit-scrollbar-thumb{border-radius:8px}@media (max-width:640px){.settings-root{overscroll-behavior:none;top:var(--app-vvt,0px);height:max(0px,calc(var(--settings-vvh,100dvh) - var(--app-vvt,0px)));will-change:auto;transform:none}.settings-modal{justify-content:stretch;align-items:stretch;padding:0}.settings-grid{width:100%;padding-bottom:var(--kb,0px);box-sizing:border-box;height:100vh;height:max(100svh,var(--settings-vvh,100svh));border-left:none;border-right:none;border-radius:0;grid-template-columns:3.5rem minmax(0,1fr);max-height:none}.settings-nav{border-right:1px solid var(--border);background:var(--panel);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;align-items:center;min-height:0;padding:10px 4px;display:flex;overflow:hidden auto}.settings-nav-title{display:none}.settings-nav-list{flex-direction:column;gap:8px;width:100%;margin:0;display:flex}.settings-nav-btn{justify-content:center;width:100%;padding:4px}.settings-nav-label{display:none}.settings-nav-icon{border:1px solid var(--border);border-radius:9999px;width:28px;height:28px;font-size:16px}@supports (color:color-mix(in lab, red, red)){.settings-nav-icon{border:1px solid color-mix(in oklab,var(--border)70%,transparent)}}.settings-nav-icon{justify-content:center;align-items:center;display:inline-flex}.settings-content{min-width:0;min-height:0;padding:0 16px calc(16px + min(env(safe-area-inset-bottom,0px),40px));scroll-padding-bottom:calc(16px + min(env(safe-area-inset-bottom,0px),40px) + var(--kb,0px));background:var(--panel);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:hidden auto}.settings-root--kbd .settings-content,.settings-root--kbd .settings-nav{-webkit-overflow-scrolling:auto}.settings-header{padding:calc(20px + env(safe-area-inset-top,0px))0 10px}}