.doc-shell [hidden]{display:none!important}.doc-shell p.settings-page-error{margin:0 0 var(--a30-space-24);padding:var(--a30-space-12) var(--a30-space-16);border:var(--a30-stroke-default) solid var(--a30-border-attention);border-radius:var(--a30-radius-control);background:var(--a30-attention-light);color:var(--a30-attention);font:500 var(--a30-type-tiny) / var(--a30-leading-small) var(--a30-font-body)}.doc-shell p.settings-signed-out-note{color:var(--a30-content-secondary);font:400 var(--a30-type-small) / var(--a30-leading-small) var(--a30-font-body)}.doc-shell p.settings-signed-out-note:empty{display:none}.settings-cards{gap:var(--a30-space-24);flex-direction:column;display:flex}.doc-shell .settings-card{border:var(--a30-stroke-default) solid var(--a30-border-subtle);border-radius:var(--a30-radius-card);background:var(--a30-elevated);margin-top:0;overflow:hidden}.doc-shell .settings-card--attention{border-color:var(--a30-border-attention)}.doc-shell .settings-card h2{margin:0 0 var(--a30-space-8)}.doc-shell .settings-card--attention h2{color:var(--a30-attention)}.settings-card-content{gap:var(--a30-space-16);padding:var(--a30-space-24);flex-direction:column;display:flex}.doc-shell .settings-card p{margin:0}.doc-shell .settings-card p+p,.doc-shell .settings-dialog p+p{margin-top:0}.doc-shell p.settings-card-desc{color:var(--a30-content-body);font:400 var(--a30-type-small) / var(--a30-leading-small) var(--a30-font-body);word-break:keep-all}.settings-card-footer{justify-content:space-between;align-items:center;gap:var(--a30-space-24);padding:var(--a30-space-12) var(--a30-space-24);border-top:var(--a30-stroke-default) solid var(--a30-border-subtle);background:var(--a30-bg-secondary-on-elevated);display:flex}.doc-shell p.settings-card-note{padding:var(--a30-space-12) var(--a30-space-24);border-top:var(--a30-stroke-default) solid var(--a30-border-subtle);background:var(--a30-bg-secondary-on-elevated)}.doc-shell .settings-card--attention .settings-card-footer{border-top-color:var(--a30-border-attention);background:var(--a30-attention-light)}.doc-shell .settings-card--attention .settings-card-footer .settings-status{color:var(--a30-attention);font-weight:500}.doc-shell p.settings-status{align-items:center;gap:var(--a30-space-8);min-width:0;color:var(--a30-content-secondary);font:400 var(--a30-type-tiny) / var(--a30-leading-tiny) var(--a30-font-body);display:flex}.doc-shell p.settings-status--ok{color:var(--a30-content-success)}.doc-shell p.settings-status--error{color:var(--a30-attention);font-weight:500}.settings-status-icon{flex:none;width:13px;height:13px;display:none}.settings-status--error .settings-status-icon--error,.settings-status--ok .settings-status-icon--ok{display:block}.doc-shell .settings-field{width:288px;max-width:100%;height:40px;padding:0 var(--a30-space-12);border:var(--a30-stroke-default) solid var(--a30-border-subtle);border-radius:var(--a30-radius-control);background:var(--a30-button-secondary);color:var(--a30-content-primary);font:400 var(--a30-type-small) / var(--a30-leading-small) var(--a30-font-body);-webkit-appearance:none;appearance:none}.doc-shell .settings-field::placeholder{color:var(--a30-content-secondary)}.doc-shell .settings-field:focus{border-color:var(--a30-border-accent)}.doc-shell .settings-field--narrow{width:240px}.doc-shell label.settings-label{margin:0 0 var(--a30-space-8);color:var(--a30-content-secondary);font:400 var(--a30-type-button) / var(--a30-leading-small) var(--a30-font-label);letter-spacing:var(--a30-ls-label-data);text-transform:uppercase;display:block}.settings-inline{align-items:center;gap:var(--a30-space-16);flex-wrap:wrap;display:flex}.settings-inline--tight{gap:var(--a30-space-8)}.doc-shell a.settings-link{font:400 var(--a30-type-small) / var(--a30-leading-small) var(--a30-font-body)}.doc-shell .hl-button.settings-btn--sm{min-height:32px;padding:0 var(--a30-space-12);font-size:var(--a30-type-super-tiny);position:relative}.doc-shell .hl-button.settings-btn--sm:after{width:100%;min-width:var(--a30-hit-target);height:var(--a30-hit-target);content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.doc-shell .hl-button.settings-btn--danger{background:var(--a30-attention);color:var(--a30-content-on-primary);border-color:#0000}.doc-shell .hl-button.settings-btn--danger:hover{filter:brightness(.92);border-color:#0000}.doc-shell .hl-button.settings-btn--danger-light{background:var(--a30-attention-light);color:var(--a30-attention);border-color:#0000}.doc-shell .hl-button.settings-btn--danger-light:hover{filter:brightness(1.2);border-color:#0000}.doc-shell .settings-cards .hl-button:disabled,.doc-shell .settings-dialog .hl-button:disabled{background:var(--a30-button-disabled);color:var(--a30-content-disabled);cursor:default;filter:none;border-color:#0000;transform:none}.settings-row{align-items:center;gap:var(--a30-space-16);display:flex}.settings-row-icon{border:var(--a30-stroke-default) solid var(--a30-border-subtle);border-radius:var(--a30-radius-control);background:var(--a30-bg-secondary-on-elevated);flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.settings-row-icon--muted{color:var(--a30-content-secondary)}.settings-row-glyph{width:20px;height:20px;display:block}.settings-row-text{gap:var(--a30-space-2);flex-direction:column;flex:auto;min-width:0;display:flex}.doc-shell p.settings-row-title{color:var(--a30-content-primary);font:400 1rem / var(--a30-leading-regular) var(--a30-font-body)}.doc-shell p.settings-row-sub{color:var(--a30-content-primary);font:500 var(--a30-type-small) / var(--a30-leading-small) var(--a30-font-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doc-shell p.settings-row-meta{color:var(--a30-content-secondary);font:400 var(--a30-type-tiny) / var(--a30-leading-tiny) var(--a30-font-body);white-space:nowrap}.settings-badge{border:var(--a30-stroke-default) solid var(--a30-badge-stroke);border-radius:var(--a30-radius-badge);background:var(--a30-badge-accent-bg);min-height:20px;color:var(--a30-badge-accent-label);font:700 var(--a30-type-super-tiny) / 1 var(--a30-font-label);text-transform:uppercase;white-space:nowrap;align-items:center;padding:0 7px;display:inline-flex}.settings-badge--success{background:var(--a30-badge-success-bg);color:var(--a30-badge-success-label)}.settings-stats{gap:var(--a30-space-24);flex-wrap:wrap;display:flex}.settings-stat{gap:var(--a30-space-4);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.doc-shell p.settings-pass-line{align-items:center;gap:var(--a30-space-10);flex-wrap:wrap;display:flex}.doc-shell .settings-pass-cta{margin-top:var(--a30-space-4);align-self:flex-start}.doc-shell p.settings-num{font-variant-numeric:tabular-nums}.settings-invite{flex-direction:column;display:flex}.settings-notify{align-items:flex-start;gap:80px;display:flex}.settings-notify-text{flex:auto;min-width:0}.settings-switch{border-radius:var(--a30-radius-pill);background:var(--a30-switch-inactive);cursor:pointer;border:0;flex:none;width:43px;height:24px;padding:0;display:inline-block;position:relative}.settings-switch:after{width:var(--a30-hit-target);height:var(--a30-hit-target);content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-switch[aria-checked=true]{background:var(--a30-switch-active)}.settings-switch-knob{top:var(--a30-space-2);left:var(--a30-space-2);background:var(--a30-switch-knob);width:20px;height:20px;color:var(--a30-content-on-primary);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.settings-switch[aria-checked=true] .settings-switch-knob{right:var(--a30-space-2);left:auto}.settings-switch-check{width:12px;height:12px;display:none}.settings-switch[aria-checked=true] .settings-switch-check{display:block}.settings-switch:disabled{cursor:default;opacity:.55}@media (hover:hover) and (pointer:fine){.settings-switch{transition:background-color var(--a30-dur-fast) var(--a30-ease-snap)}}.doc-shell .settings-dialog{width:min(480px, calc(100vw - var(--a30-space-48)));border:var(--a30-stroke-default) solid var(--a30-border-subtle);border-radius:var(--a30-radius-sheet);background:var(--a30-elevated);max-width:none;color:var(--a30-content-primary);box-shadow:var(--a30-shadow-elevation4);padding:0;overflow:hidden}.doc-shell .settings-dialog[open]{flex-direction:column;display:flex}.doc-shell .settings-dialog::backdrop{background:var(--a30-overlay)}.settings-dialog-close{top:calc(var(--a30-space-12) - var(--a30-stroke-default));right:calc(var(--a30-space-12) - var(--a30-stroke-default));border-radius:var(--a30-radius-pill);background:var(--a30-bg-secondary-on-elevated);width:24px;height:24px;color:var(--a30-content-icon);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.settings-dialog-close svg{fill:currentColor;width:13px;height:13px;display:block}.settings-dialog-close:after{width:var(--a30-hit-target);height:var(--a30-hit-target);content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover) and (pointer:fine){.settings-dialog-close{transition:color var(--a30-dur-fast) ease}.settings-dialog-close:hover{color:var(--a30-content-primary)}}.settings-dialog-body{min-height:0;padding:var(--a30-space-24);overflow:auto}.doc-shell .settings-dialog h2.settings-dialog-title{padding-right:var(--a30-space-24);color:var(--a30-content-primary);font:700 var(--a30-type-x-large) / var(--a30-leading-large) var(--a30-font-headings);letter-spacing:-.015em;margin:0}.doc-shell .settings-dialog p.settings-dialog-copy{margin:var(--a30-space-24) 0 0;color:var(--a30-content-primary);font:400 var(--a30-type-small) / var(--a30-leading-small) var(--a30-font-body)}.doc-shell .settings-dialog .settings-dialog-field{width:100%;margin-top:var(--a30-space-16)}.doc-shell .settings-dialog p.settings-dialog-status{margin:var(--a30-space-12) 0 0;flex-wrap:wrap}.doc-shell .settings-dialog p.settings-dialog-actions{gap:var(--a30-space-10);margin:var(--a30-space-24) 0 0;flex-wrap:wrap;display:flex}.doc-shell .settings-dialog p.settings-dialog-actions>*{min-height:var(--a30-hit-target);flex:1 1 0}@media (max-width:720px){.doc-shell .settings-field,.doc-shell .settings-field--narrow{width:100%}.settings-inline{flex-direction:column;align-items:stretch}.doc-shell a.settings-link{align-self:flex-start}.settings-notify{gap:var(--a30-space-24)}.settings-card-footer{align-items:flex-start;gap:var(--a30-space-12);flex-direction:column}}@media (prefers-reduced-motion:reduce){.settings-switch{transition:none}}
