.settings{grid-template-columns:184px minmax(0,1fr);gap:48px;display:grid}.settings-nav{align-self:start;position:sticky;top:88px}.settings-nav ul{gap:2px;margin:0;margin-inline-start:-14px;padding:0;list-style:none;display:grid}.settings-nav a{border-radius:var(--radius-m);min-width:44px;min-height:44px;color:var(--silk-muted);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);align-items:center;padding:0 14px;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.settings-nav a:hover{color:var(--silk);background:color-mix(in srgb, var(--silk) 6%, transparent)}}.settings-nav a:active{background:color-mix(in srgb, var(--silk) 10%, transparent)}.settings-content{overflow-wrap:anywhere;min-width:0;max-width:720px}.settings-content>section{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--mask-raised);box-shadow:0 1px 2px hsl(var(--shadow-color) / .06);margin-block-end:16px;padding:28px 28px 16px;scroll-margin-top:88px}.settings-section h2{font-size:var(--title);letter-spacing:-.02em;margin:0 0 8px;font-weight:700;line-height:1.2}.settings-section>p{margin:0 0 12px}.settings-lead{color:var(--silk-muted)}.settings-fields{border:0;min-width:0;margin:0;padding:0}.setting-row{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 24px;min-height:68px;padding-block:14px;display:grid}label.setting-row{cursor:pointer}.setting-row[data-disabled]{cursor:default;opacity:.6}.setting-row:last-child{border-bottom:0}.setting-text{gap:2px;min-width:0;display:grid}.setting-name{color:var(--silk);font-family:var(--font-ui);letter-spacing:0;margin:0;font-size:1rem;font-weight:600;line-height:1.4}.setting-help{color:var(--silk-muted);font-size:var(--small);margin:0;line-height:1.45}.settings-content .check-row{align-items:center;gap:12px;min-height:44px;display:flex}.setting-field{color:var(--silk-muted);font-size:var(--small);gap:6px;margin-block:12px;display:grid}.setting-field select,.setting-field input:not([type=checkbox]):not([type=radio]){width:min(320px,100%)}.setting-row select{width:220px}.setting-field select,.setting-field input:not([type=checkbox]):not([type=radio]),.setting-row select,.settings-content>section:not(.settings-section) input:not([type=checkbox]):not([type=radio]){border:1px solid var(--border-strong);border-radius:var(--radius-s);background-color:var(--mask-sunken);min-height:44px;color:var(--silk);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);padding:0 14px;font-size:1rem}.settings-content select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--silk-muted) 50%), linear-gradient(135deg, var(--silk-muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 21px),calc(100% - 16px);background-repeat:no-repeat;background-size:5px 5px;padding-inline-end:40px}@media (hover:hover) and (pointer:fine){.settings-content :is(select,input:not([type=checkbox]):not([type=radio])):hover:not(:disabled,:focus){border-color:color-mix(in srgb, var(--silk) 32%, transparent)}}.settings-content :is(select,input:not([type=checkbox]):not([type=radio])):focus{border-color:var(--copper-hot)}.settings-content :is(select,input:not([type=checkbox]):not([type=radio])):focus-visible{outline:2px solid var(--ring);outline-offset:2px}.settings-content select:disabled,.settings-content input:disabled{color:var(--silk-muted);cursor:default}.dip{flex:none;place-items:center;width:56px;height:44px;display:inline-grid;position:relative}.dip input{z-index:1;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.dip-slot{width:48px;height:26px;position:relative}.dip-slot:before,.dip-slot:after{content:"";transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), translate var(--dur-slow) var(--ease-spring), scale var(--dur-fast) var(--ease-out);position:absolute}.dip-slot:before{border:1px solid var(--border-strong);background:var(--mask-sunken);border-radius:999px;inset:0}.dip-slot:after{background:var(--silk-muted);width:18px;height:18px;box-shadow:var(--shadow-1);border-radius:50%;top:4px;left:4px}.dip input:checked+.dip-slot:before{border-color:var(--primary);background:var(--primary)}.dip input:checked+.dip-slot:after{background:var(--primary-foreground);translate:22px}.dip input:not(:disabled):active+.dip-slot:after,label.setting-row:active .dip input:not(:disabled)+.dip-slot:after{scale:1.12}@media (hover:hover) and (pointer:fine){label.setting-row:hover .dip input:not(:checked,:disabled)+.dip-slot:before{border-color:color-mix(in srgb, var(--silk) 32%, transparent)}}.dip input:focus-visible+.dip-slot{outline:2px solid var(--ring);outline-offset:3px;border-radius:999px}.dip input:disabled+.dip-slot{opacity:.6}.theme-picker{border:0;border-bottom:1px solid var(--hairline);min-width:0;margin:0;padding:8px 0 20px}.theme-picker .setting-name{float:left;width:100%;margin-bottom:12px;padding:0}.theme-cards{clear:both;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.theme-card{--tc-bg:var(--mask-raised);--tc-ink:var(--silk);--tc-muted:var(--silk-muted);--tc-line:color-mix(in srgb, var(--tc-ink) 12%, transparent);--press-opacity:1;border:1px solid var(--tc-line);border-radius:var(--radius-l);background:var(--tc-bg);min-width:0;box-shadow:0 1px 2px hsl(var(--shadow-color) / .08);color:var(--tc-ink);text-align:start;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out), scale var(--dur-fast) var(--ease-out);align-content:start;padding:6px;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.theme-card:not(:disabled):not([aria-pressed=true]):hover{--tc-line:color-mix(in srgb, var(--tc-ink) 24%, transparent);box-shadow:var(--shadow-2);translate:0 -2px}}.theme-card:not(:disabled):active{scale:.98}.theme-card[aria-pressed=true]{box-shadow:0 0 0 3px var(--mask-raised), 0 0 0 4.5px var(--copper-hot), var(--shadow-2)}.theme-card:focus-visible{outline-offset:7px}.theme-card:disabled{cursor:default}.theme-card svg{border-radius:calc(var(--radius-l) - 6px);width:100%;height:auto;box-shadow:0 0 0 1px var(--tc-line);display:block}.theme-card-text{gap:2px;padding:12px 40px 6px 8px;display:grid;position:relative}.theme-card-name{font-weight:650;line-height:1.3}.theme-card-note{color:var(--tc-muted);font-size:var(--small);font-weight:400;line-height:1.35}.theme-card-mark{border:1.5px solid color-mix(in srgb, var(--tc-ink) 30%, transparent);width:22px;height:22px;color:var(--tc-bg);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:12px;inset-inline-end:8px}.theme-card-mark .icon{stroke-width:2.5px;opacity:0;width:14px;height:14px;transition:opacity var(--dur-fast) var(--ease-out), scale var(--dur-slow) var(--ease-spring);scale:.5}:where(.theme-card[aria-pressed=true]) .theme-card-mark{border-color:var(--tc-ink);background:var(--tc-ink)}:where(.theme-card[aria-pressed=true]) .theme-card-mark .icon{opacity:1;scale:1}.settings-stored{margin:0 0 12px}.settings-stored .setting-row{grid-template-columns:auto minmax(0,1fr)}.settings-stored dd{color:var(--silk-muted);text-align:end;flex-wrap:wrap;justify-content:end;align-items:center;gap:0 16px;margin:0;display:flex}.settings-link,.settings-content section p a,.language-link{min-height:44px;color:var(--silk);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--silk) 35%, transparent);text-underline-offset:.25em;transition:text-decoration-color var(--dur-fast) var(--ease-out);align-items:center;font-weight:500;text-decoration-thickness:1px;display:inline-flex}@media (hover:hover) and (pointer:fine){:is(.settings-link,.settings-content section p a,.language-link):hover{text-decoration-color:currentColor}}.settings-error{color:var(--silk);margin:0 0 24px;font-weight:600}.settings-status{z-index:30;left:max(24px, env(safe-area-inset-left,0px));bottom:max(24px, env(safe-area-inset-bottom));border:1px solid var(--glass-border);border-radius:var(--radius-m);background:var(--glass-strong);backdrop-filter:blur(16px)saturate(140%);max-width:min(420px,100vw - 48px);box-shadow:var(--shadow-3);color:var(--silk);font-size:var(--small);align-items:center;gap:8px;margin:0;padding:12px 16px;font-weight:500;display:flex;position:fixed}.settings-status:empty{display:none}.settings-status{transition:opacity var(--dur-base) var(--ease-out), translate var(--dur-slow) var(--ease-spring)}@starting-style{.settings-status:not(:empty){opacity:0;translate:0 12px}}.settings-status .icon{width:18px;height:18px;color:var(--copper-hot);flex:none}@media (width<=899px){.settings{grid-template-columns:minmax(0,1fr);gap:16px}.settings .settings-nav{margin-inline:calc(-1 * var(--gutter,16px));overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter,16px);scrollbar-width:none;position:static;overflow-x:auto}.settings .settings-nav ul{padding:2px var(--gutter,16px);white-space:nowrap;gap:8px;margin-inline-start:0;display:flex}.settings .settings-nav a{border:1px solid var(--border);background:color-mix(in srgb, var(--mask-raised) 70%, transparent);color:var(--silk);scroll-snap-align:start;border-radius:999px;justify-content:center;padding:0 16px}}@media (width<=639px){.settings-content>section{padding:20px 16px 12px}.theme-cards{grid-template-columns:minmax(0,1fr);gap:12px}.theme-card{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:4px}.theme-card-text{padding:2px 40px 2px 8px}.theme-card-mark{inset-block-start:50%;translate:0 -50%}.setting-row-select{grid-template-columns:minmax(0,1fr)}.setting-row select{width:100%}.settings-status{top:max(76px, calc(env(safe-area-inset-top) + 68px));bottom:auto;left:max(16px, env(safe-area-inset-left,0px));right:max(16px, env(safe-area-inset-right,0px));max-width:none}}.settings-section .btn{margin-top:8px}.settings-content section>.btn-text{margin-inline-start:-12px}.security-list{padding:0;list-style:none}.security-list li{border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.security-list p{margin:.2rem 0}.security-list small{color:var(--silk-muted)}.security-list li>:first-child{overflow-wrap:anywhere;min-inline-size:0}.security-list li>button{white-space:nowrap;flex-shrink:0}.security-actions{flex-wrap:wrap;gap:.75rem;display:flex}.security-code{overflow-wrap:anywhere;font-family:var(--font-mono)}.security-qr{border-radius:var(--radius-m);background:#fff;inline-size:220px;max-inline-size:100%;display:block}.recovery-codes{columns:2;font-family:var(--font-mono);padding-inline-start:1.5rem}.country-settings input{text-transform:uppercase;min-block-size:44px;max-inline-size:8rem}.settings-content .notice-inbox{border:0;margin-block:2rem 0;padding:0}.notice-inbox h3{margin-block:0 .5rem}.notice-inbox h4{margin:0}.notice-list,.notice-records{margin:0;padding:0;list-style:none}.notice-list>li{border-block-end:1px solid var(--border);padding-block:1.25rem}.notice-heading,.notice-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.notice-heading time,.notice-read{color:var(--silk-muted);font-size:.875rem}.notice-records>li{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;margin-block:.5rem;display:flex}.notice-inbox .notice-records a{align-items:center;min-block-size:44px;display:inline-flex}.notice-inbox button{min-block-size:44px}.notice-actions{margin-block-start:1rem}.settings-content>section:not(.settings-section)>h2{font-size:var(--title);margin:0 0 12px}.settings-content>section:not(.settings-section) :is(h3,h4){margin:24px 0 6px;font-size:1rem}.settings-content>section:not(.settings-section) p{margin:0 0 8px}.settings-content>section:not(.settings-section) :is(ul,ol){margin:0 0 8px;padding:0;list-style:none}.settings-content>section:not(.settings-section) fieldset{border:0;min-width:0;margin:0;padding:0}.settings-content section button:not([class]),.settings-content section .text-action,.settings-content section .primary-action{--press-opacity:1;isolation:isolate;border-radius:var(--radius-m);min-height:44px;color:var(--silk);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), scale var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;margin-inline-end:8px;padding:0 16px;font-weight:600;line-height:1.2;display:inline-flex;position:relative}.settings-content section button:not([class]){border-color:var(--border-strong);background:color-mix(in srgb, var(--silk) 4%, transparent)}.settings-content section .text-action{padding-inline:12px;text-decoration:none}.settings-content section .primary-action{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-1);padding-inline:20px}@media (hover:hover) and (pointer:fine){.settings-content section button:not([class]):hover:not(:disabled){border-color:color-mix(in srgb, var(--silk) 32%, transparent);background:color-mix(in srgb, var(--silk) 8%, transparent)}.settings-content section .text-action:hover:not(:disabled){background:color-mix(in srgb, var(--silk) 8%, transparent)}.settings-content section .primary-action:hover:not(:disabled){background:var(--primary-hover)}}.settings-content section :is(button:not([class]),.text-action,.primary-action):active:not(:disabled){scale:.97}.settings-content section .primary-action:active:not(:disabled){background:var(--primary-press)}.settings-content section :is(button:not([class]),.text-action,.primary-action):disabled{background:color-mix(in srgb, var(--silk) 6%, transparent);color:var(--silk-muted);box-shadow:none;cursor:default;border-color:#0000}.settings-content section button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.privacy-heading,.profile-settings h3{margin:24px 0 6px;font-size:1rem}.privacy-signal{border-radius:var(--radius-m);background:var(--mask-sunken);color:var(--silk);font-size:var(--small);margin:0 0 12px;padding:12px 16px;line-height:1.45}.privacy-action{border-bottom:1px solid color-mix(in srgb, var(--silk) 8%, transparent);justify-items:start;gap:8px;padding-block:12px;display:grid}.privacy-confirm{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.privacy-confirm legend{margin-bottom:8px;padding:0}.privacy-confirm legend,.privacy-deletion{color:var(--silk);font-weight:600}.profile-settings{margin-block:16px 8px}.profile-fields{border:0;justify-items:start;gap:4px;min-width:0;margin:0;padding:0;display:grid}.profile-fields .setting-field{justify-self:stretch;margin-block:8px 0}.language-current{color:var(--silk);font-weight:600}.language-list{flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;padding:0;list-style:none;display:flex}.language-link{align-items:center;min-height:44px;font-weight:600;display:inline-flex}.language-link[aria-current=true]{color:var(--silk);text-decoration:none}.keyboard-actions{flex-wrap:wrap;gap:4px 8px;margin:0 0 8px -12px;display:flex}.settings-section .keyboard-actions .btn{margin-top:0}.keyboard-group:last-child{border-bottom:0}.keyboard-group{border-bottom:1px solid color-mix(in srgb, var(--silk) 8%, transparent)}.keyboard-group summary{cursor:pointer;touch-action:manipulation;align-items:center;gap:12px;min-height:52px;font-weight:600;list-style:none;display:flex}.keyboard-group summary::-webkit-details-marker{display:none}.keyboard-group summary:before{content:"";border-right:1.75px solid var(--silk-muted);border-bottom:1.75px solid var(--silk-muted);width:8px;height:8px;transition:rotate var(--dur-fast) var(--ease-out);flex:none;rotate:-45deg}.keyboard-group[open] summary:before{rotate:45deg}.keyboard-group summary:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.keyboard-group-changed{color:var(--silk-muted);font-size:var(--small);font-weight:400}.keyboard-rows{margin:0;padding:0 0 12px;list-style:none;container-type:inline-size}.keyboard-row{border-top:1px solid color-mix(in srgb, var(--silk) 6%, transparent);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name name""keys buttons""problem problem";align-items:center;gap:4px 12px;padding-block:8px;display:grid}.keyboard-name{overflow-wrap:anywhere;grid-area:name;min-width:0;font-weight:500}.keyboard-row[data-changed] .keyboard-name:after{content:"";vertical-align:middle;background:var(--copper-hot);border-radius:50%;width:6px;height:6px;margin-inline-start:8px;display:inline-block}.keyboard-keys{grid-area:keys;min-width:0;display:flex}.keyboard-keys .key-combo{justify-content:start}.keyboard-buttons{flex-wrap:wrap;grid-area:buttons;justify-content:end;gap:4px;display:flex}.settings-section .keyboard-buttons .btn{margin-top:0}.keyboard-problem{border:1px solid color-mix(in srgb, var(--warn) 40%, transparent);border-radius:var(--radius-s);background:color-mix(in srgb, var(--warn) 10%, var(--mask-sunken));flex-wrap:wrap;grid-area:problem;align-items:center;gap:4px 12px;padding:8px 12px;display:flex}.keyboard-problem p{color:var(--silk);align-items:start;gap:8px;margin:0;display:flex}.keyboard-problem p:before{content:"!";background:var(--warn);width:18px;height:18px;color:var(--mask);border-radius:50%;flex:none;place-items:center;margin-block-start:2px;font-size:.75rem;font-weight:800;line-height:1;display:grid}.key-capture{isolation:isolate;min-height:44px;color:var(--silk);font:inherit;touch-action:manipulation;background:0 0;border:0;padding:0 12px;font-weight:600;position:relative}.key-capture:before{content:"";z-index:-1;border:1px solid var(--copper-hot);border-radius:var(--radius-s);background:var(--mask-sunken);box-shadow:0 0 0 3px color-mix(in srgb, var(--copper-hot) 14%, transparent);position:absolute;inset:4px 0}.key-capture:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@container (width>=560px){.keyboard-row{grid-template-columns:minmax(0,1fr) minmax(0,auto) auto;grid-template-areas:"name keys buttons""problem problem problem"}.keyboard-keys .key-combo{justify-content:end}}