@layer icon-selection.lumen {
 html body.pearl-suite #ckas-app-settings [data-settings-apps] > .settings-manage-app:last-child { border-bottom:0!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-opacity-row { display:grid!important; grid-template-columns:min(var(--settings-range-label-width,7em),40%) minmax(0,1fr) 3em!important; align-items:center!important; column-gap:10px!important; margin-block-start:12px!important; font-size:14px!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-opacity-row:lang(ja) { --settings-range-label-width:3.25em; }
 html body.pearl-suite #ckas-app-settings .app-settings-opacity-row>[data-ja] { grid-area:1 / 1; overflow-wrap:anywhere; }
 html body.pearl-suite #ckas-app-settings .app-settings-opacity-row>output { grid-area:1 / 3; min-width:0; text-align:end; font-variant-numeric:tabular-nums; }
 html body.pearl-suite #ckas-app-settings .app-settings-range { position:relative; display:grid; grid-area:1 / 2; }
 html body.pearl-suite #ckas-app-settings .app-settings-range>input[type=range] { width:100%!important; min-width:0!important; min-height:32px!important; height:32px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; accent-color:var(--ckas-accent); }
 @media (pointer:coarse) {
  #ckas-app-settings .app-settings-range-touch { position:absolute; inset:0; touch-action:pan-y pinch-zoom; }
 }
 html body.pearl-suite #ckas-app-settings [data-setting="floating-style"] .app-settings-button-preview { opacity:var(--ckas-floating-button-opacity,1)!important; }
 html body.pearl-suite #ckas-app-settings [data-setting="scroll-top-style"] .app-settings-button-preview { opacity:var(--ckas-scroll-top-opacity,1)!important; }
 html body.pearl-suite #ckas-app-settings [data-setting="floating-style"] { --settings-button-icon-ink:var(--ckas-floating-icon-ink,var(--ckas-theme-ink,#fff)); --settings-button-size:var(--ckas-floating-button-size,48px); --settings-button-edge:var(--ckas-floating-button-edge,var(--ckas-round-edge,#0003)); }
 html body.pearl-suite #ckas-app-settings [data-setting="scroll-top-style"] { --settings-button-icon-ink:var(--ckas-scroll-top-icon-ink,var(--ckas-theme-ink,#fff)); --settings-button-size:var(--ckas-scroll-top-button-size,48px); --settings-button-edge:var(--ckas-scroll-top-button-edge,var(--ckas-round-edge,#0003)); }
 html body.pearl-suite #ckas-app-settings .app-settings-pull-refresh { position:absolute; z-index:4; top:var(--settings-pull-top,72px); left:50%; display:flex; align-items:center; gap:8px; max-width:calc(100% - 32px); padding:8px 12px; border:1px solid var(--pearl-line); border-radius:24px; background:var(--pearl-paper); color:var(--pearl-muted); font-size:13px; line-height:1.5; pointer-events:none; transform:translate(-50%,var(--settings-pull-y,0px)); }
 html body.pearl-suite #ckas-app-settings .app-settings-pull-refresh[hidden] { display:none!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-pull-refresh svg { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transform:rotate(var(--settings-pull-turn,0deg)); }
 html body.pearl-suite #ckas-app-settings .app-settings-pull-refresh[data-ready="true"] { color:var(--ckas-accent); }
 html body.pearl-suite #ckas-app-settings .app-settings-pull-refresh[data-busy] svg { animation:settings-pull-spin .8s linear infinite; }
 @keyframes settings-pull-spin { to { transform:rotate(360deg); } }
 html[data-home-motion="reduced"] body.pearl-suite #ckas-app-settings .app-settings-pull-refresh svg { animation:none; }
 @media(prefers-reduced-motion:reduce) { html body.pearl-suite #ckas-app-settings .app-settings-pull-refresh svg { animation:none; } }
 html body.pearl-suite #ckas-app-settings .app-settings-color-picker { min-width:0; }
 html body.pearl-suite #ckas-app-settings [data-settings-color-trigger] { display:grid!important; grid-template-columns:16px minmax(0,1fr) 18px!important; align-items:center!important; gap:12px!important; width:100%!important; min-height:48px!important; padding:12px 14px!important; text-align:start!important; font-weight:400!important; background:var(--pearl-paper)!important; border:1px solid var(--pearl-line)!important; border-radius:12px!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-color-dot { display:block!important; width:16px!important; height:16px!important; border-radius:50%!important; background:var(--settings-color)!important; box-shadow:inset 0 0 0 1px #ffffff33!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-color-chevron { width:18px!important; height:18px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; }
 html body.pearl-suite #ckas-app-settings [data-settings-color-trigger][aria-expanded="true"] .app-settings-color-chevron { transform:rotate(180deg); }
 html body.pearl-suite #ckas-app-settings .app-settings-color-menu { box-sizing:border-box!important; position:fixed!important; right:auto!important; bottom:auto!important; margin:0!important; padding:8px!important; overflow:auto!important; overscroll-behavior:contain; border:1px solid var(--pearl-line)!important; border-radius:16px!important; background:var(--pearl-paper)!important; color:var(--pearl-ink)!important; box-shadow:0 12px 40px #00000033!important; z-index:2; }
 html body.pearl-suite #ckas-app-settings .app-settings-color-menu:not([data-color-open]) { display:none!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-color-menu[data-color-open] { display:grid!important; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; }
 html body.pearl-suite #ckas-app-settings .app-settings-color-menu>button { position:relative; display:grid!important; place-items:center; box-sizing:border-box; width:100%!important; min-width:0!important; min-height:0!important; height:auto!important; aspect-ratio:1; padding:3px!important; margin:0!important; border:0!important; border-radius:8px!important; background:transparent!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-color-menu .app-settings-color-dot { width:100%!important; height:100%!important; border-radius:5px!important; box-shadow:inset 0 0 0 1px #0003!important; }
 #ckas-app-settings .app-settings-color-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 html body.pearl-suite #ckas-app-settings .app-settings-color-menu>button[aria-checked="true"] { background:var(--pearl-ink)!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-color-check { position:absolute; box-sizing:border-box; width:21px!important; height:21px!important; padding:2px; border-radius:50%; background:#222; color:#fff; fill:none!important; stroke:currentColor!important; stroke-width:2!important; visibility:hidden; }
 html body.pearl-suite #ckas-app-settings [aria-checked="true"]>.app-settings-color-check { visibility:visible; }
 html body.pearl-suite #ckas-app-settings { background:var(--pearl-bg)!important; border-color:var(--pearl-line)!important; box-shadow:0 24px 80px #11111829!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-head { background:var(--pearl-paper)!important; border-bottom:1px solid var(--pearl-line)!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-head .ckas-app-title { justify-self:start!important; justify-content:flex-start!important; border:0!important; border-radius:0!important; padding:0!important; background:transparent!important; box-shadow:none!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-head :is([data-settings-close],[data-settings-back]) { border:0!important; background:transparent!important; }
 html body.pearl-suite #ckas-app-settings:is([data-settings-page="apps"],[data-settings-page="text"],[data-settings-page="updates"]) .app-settings-section:not([hidden]) { padding:4px 0!important; border:0!important; background:transparent!important; border-radius:0!important; }
 html body.pearl-suite #ckas-app-settings .settings-manage-app { padding:8px 0!important; border-bottom-color:var(--pearl-line)!important; }
 html body.pearl-suite #ckas-app-settings .settings-manage-name { font-weight:500!important; }
 html body.pearl-suite #ckas-app-settings [data-settings-app-favorite] { border:0!important; background:transparent!important; }
 html body.pearl-suite #ckas-app-settings [data-settings-app-favorite][aria-pressed=true] { color:var(--ckas-accent)!important; }
 html body.pearl-suite #ckas-app-settings [data-settings-app-order] { min-height:44px!important; background:var(--pearl-paper)!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-menu-list { border-color:var(--pearl-line)!important; border-radius:14px!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-menu-list>.app-settings-menu-row { border-radius:0!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-menu-list>.app-settings-menu-row+.app-settings-menu-row { border-top-color:var(--pearl-line)!important; }
 html:not([data-theme="dark"]):is(:not([data-app-icon]),[data-app-icon="inverse"],[data-app-icon="minimal"],[data-app-icon="dot"]) body.pearl-suite #ckas-app-settings .app-settings-head .ckas-app-logo { mix-blend-mode:multiply!important; }
 @media(max-width:600px) { html body.pearl-suite #ckas-app-settings { border-radius:0!important; } }
}
@layer pearl {
 #ckas-app-settings[data-scope="reader"] :is(.app-settings-section,.app-settings-group):not(:has([data-settings-language])):not(:has([data-settings-size])) { display:none!important; }
 #ckas-app-settings [hidden] { display:none!important; }
 /* Tool pages may inherit a monochrome accent. Keep settings on the saved
    colour, including static pages that update only data-color-theme. */
 #ckas-app-settings { --ckas-accent:#0879de; }
 html[data-color-theme=teal] #ckas-app-settings { --ckas-accent:#0f8f8a; }
 html[data-color-theme=violet] #ckas-app-settings { --ckas-accent:#7656d8; }
 html[data-color-theme=coral] #ckas-app-settings { --ckas-accent:#d65a3f; }
 html[data-color-theme=rose] #ckas-app-settings { --ckas-accent:#cf4775; }
 html[data-color-theme=charcoal] #ckas-app-settings { --ckas-accent:#3d424b; }
 html[data-color-theme=honey] #ckas-app-settings { --ckas-accent:#9a6b16; }
 html[data-color-theme=olive] #ckas-app-settings { --ckas-accent:#667334; }
 html[data-color-theme^=swatch-] #ckas-app-settings { --ckas-accent:var(--ckas-swatch-accent,#0879de); }
 [data-ckas-settings] [data-settings-icon] { display:block!important; width:20px!important; height:20px!important; fill:none!important; stroke:currentColor!important; stroke-width:2!important; stroke-linecap:round; stroke-linejoin:round; }
 /* App resets (including Tailwind's base layer) must not reset sheet spacing. */
 #ckas-app-settings { box-sizing:border-box; width:min(600px,calc(100% - 48px)); height:min(760px,calc(min(var(--pearl-visible-height,100dvh),100dvh) - 48px))!important; max-height:calc(min(var(--pearl-visible-height,100dvh),100dvh) - 48px)!important; margin:auto!important; padding:0!important; border:1px solid var(--pearl-line)!important; border-radius:var(--ckas-ui-surface-radius,24px)!important; color:var(--pearl-ink)!important; background:var(--pearl-bg)!important; overflow:hidden!important; box-shadow:0 25px 90px #102a4866!important; font:16px/1.5 sans-serif!important; }
 #ckas-app-settings[open] { display:flex; flex-direction:column; }
 #ckas-app-settings::backdrop { background:#142a4766; backdrop-filter:blur(5px); }
 #ckas-app-settings .app-settings-head { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; flex-shrink:0; padding:12px 20px!important; gap:8px; border-bottom:1px solid var(--pearl-edge); }
 #ckas-app-settings h2 { margin:0!important; font-size:20px!important; font-weight:700!important; line-height:1.4!important; }
 #ckas-app-settings .app-settings-body { flex:1 1 auto; overflow:auto; overscroll-behavior:contain; padding:24px 20px!important; min-width:0; min-height:0; display:grid; grid-template-columns:minmax(0,1fr); grid-auto-rows:max-content; align-content:start; gap:0; }
 #ckas-app-settings[data-settings-view="menu"] .app-settings-body { display:flex!important; flex-direction:column!important; }
 #ckas-app-settings [data-settings-menu] { flex:0 0 auto!important; }
 #ckas-app-settings .app-settings-update-footer { flex:0 0 auto!important; min-width:0; margin-top:auto!important; padding-top:24px!important; }
 #ckas-app-settings .app-settings-update-footer[data-settings-update-footer] > .app-settings-group { padding:0!important; border:0!important; }
 #ckas-app-settings .app-settings-update-footer > .app-settings-group:first-child { padding-top:18px!important; }
 #ckas-app-settings .app-settings-update-footer > .ckas-version-info { margin-top:12px!important; padding-top:8px!important; }
 #ckas-app-settings .app-settings-head h2 { grid-column:2; grid-row:1; text-align:center; overflow-wrap:anywhere; }
 #ckas-app-settings .app-settings-head [data-settings-close] { grid-column:3; grid-row:1; }
 #ckas-app-settings .app-settings-head [data-settings-back] { grid-column:1; grid-row:1; display:grid; place-items:center; width:44px!important; height:44px!important; padding:0!important; }
 #ckas-app-settings [data-settings-back] svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
 #ckas-app-settings .app-settings-section > h3 { display:none; }
 #ckas-app-settings[data-settings-view="detail"] .app-settings-section > .app-settings-group { padding:0!important; border:0!important; }
 #ckas-app-settings .app-settings-menu-section + .app-settings-menu-section { margin-top:28px; }
 #ckas-app-settings .app-settings-menu-section > h3 { margin:0 4px 10px!important; color:var(--pearl-muted); font-size:14px!important; font-weight:600; line-height:1.5; }
 #ckas-app-settings .app-settings-menu-list { overflow:hidden; border:1px solid var(--pearl-edge); border-radius:var(--ckas-ui-surface-radius,24px); background:var(--pearl-paper); }
 #ckas-app-settings .app-settings-menu-label { min-width:0; overflow-wrap:anywhere; line-height:1.5; }
 #ckas-app-settings .app-settings-menu-description { display:block; margin-top:2px; color:var(--pearl-muted); font-size:12px; font-weight:400; line-height:1.4; }
 #ckas-app-settings .app-settings-group { min-width:0; margin:0!important; padding:16px 0!important; }
 #ckas-app-settings .app-settings-group:not(:last-child) { border-bottom:1px solid var(--pearl-edge)!important; }
 #ckas-app-settings .app-settings-group:first-child { padding-top:0!important; }
 #ckas-app-settings .app-settings-group:last-child { padding-bottom:0!important; }
 #ckas-app-settings .app-settings-group > :is([data-settings-tutorial],[data-settings-install]) { width:100%; }
 #ckas-app-settings [data-settings-tutorial] { margin:12px 0 4px; }
 #ckas-app-settings .app-settings-install:has([data-settings-install][hidden]) { display:none; }
 #ckas-app-settings .app-settings-install { margin:0!important; padding-top:16px!important; }
 #ckas-app-settings .app-settings-install-heading { margin:0!important; font-size:14px; line-height:1.5; }
 #ckas-app-settings .app-settings-install [data-settings-reinstall-guide] { margin-top:8px!important; }
 #ckas-app-settings .app-settings-install [data-settings-install] { width:100%!important; margin-top:14px!important; }
 #ckas-app-settings :is(button,select) { min-height:44px!important; width:auto; padding:8px 12px!important; border:1px solid var(--pearl-edge)!important; border-radius:12px!important; color:var(--pearl-ink)!important; background:var(--pearl-field)!important; font:inherit!important; box-shadow:none!important; cursor:pointer; }
 #ckas-app-settings .app-settings-head [data-settings-close] { box-sizing:border-box!important; display:grid!important; place-items:center; flex:0 0 44px!important; width:44px!important; height:44px!important; min-width:44px!important; max-width:44px!important; min-height:44px!important; max-height:44px!important; padding:0!important; font-size:26px!important; line-height:1!important; }
 #ckas-app-settings fieldset { margin:0; padding:0; border:0; min-width:0; }
 #ckas-app-settings fieldset.app-settings-group > legend { padding-block-start:16px!important; }
 #ckas-app-settings legend { margin-bottom:10px!important; font:inherit; }
 #ckas-app-settings p { margin:10px 0 0!important; font-size:13px!important; color:var(--pearl-muted); }
 #ckas-app-settings .app-settings-update-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,max-content); align-items:center; gap:12px; }
 #ckas-app-settings .app-settings-update-row > [data-settings-refresh] { justify-self:start; min-width:0!important; max-width:100%!important; width:auto!important; margin:0!important; white-space:normal!important; }
 #ckas-app-settings .app-settings-update-info { min-width:0; margin-top:0!important; line-height:1.6; }
 #ckas-app-settings .app-settings-update-info p { display:flex; flex-wrap:wrap; justify-content:flex-end; text-align:right; gap:2px 8px; margin:0!important; overflow-wrap:anywhere; }
 #ckas-app-settings .app-settings-update-info strong { font-weight:400!important; white-space:nowrap; }
 #ckas-app-settings .app-settings-choices { display:flex; flex-wrap:wrap; gap:8px; }
 #ckas-app-settings .app-settings-row { display:flex; align-items:center; justify-content:space-between; gap:16px; }
 #ckas-app-settings .app-settings-links { display:grid; gap:0; }
 #ckas-app-settings .app-settings-links a { text-decoration:none!important; }
 #ckas-app-settings [data-settings-apps] { display:grid; gap:0; padding-top:8px; }
 #ckas-app-settings .settings-manage-app { padding:12px 0!important; border-bottom:1px solid var(--pearl-edge)!important; }
 #ckas-app-settings .settings-manage-controls { display:grid; grid-template-columns:minmax(0,1fr) auto 44px; align-items:center; gap:12px; }
 #ckas-app-settings .settings-manage-name { min-width:0; padding:0!important; font-weight:650; line-height:1.45; text-decoration:none; overflow-wrap:anywhere; }
 #ckas-app-settings .settings-manage-controls label { display:flex; align-items:center; gap:6px; color:var(--pearl-muted); font-size:13px; }
 #ckas-app-settings [data-settings-app-order] { box-sizing:border-box; width:52px!important; padding:8px 6px!important; color:var(--pearl-ink); font-size:16px; text-align:center; }
 #ckas-app-settings [data-settings-app-favorite] { box-sizing:border-box!important; display:grid!important; place-items:center; width:44px!important; min-width:44px!important; height:44px!important; padding:0!important; line-height:1!important; }
 #ckas-app-settings [data-settings-app-favorite] svg { display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
 #ckas-app-settings [data-settings-app-favorite][aria-pressed=true] svg { fill:currentColor; }
 #ckas-app-settings :is(.settings-manage-name,[data-settings-app-favorite]):focus-visible { outline:3px solid var(--ckas-accent,#0879de); outline-offset:-3px; }
 #ckas-app-settings a { padding:10px 0; color:var(--pearl-ink); }
 html[data-text-size=large] #ckas-app-settings { font-size:18px!important; }
 html[data-text-size=small] #ckas-app-settings { font-size:14px!important; }
 html:has(#ckas-app-settings[open]),body:has(#ckas-app-settings[open]) { overflow:hidden!important; }
 @media(max-width:600px) {
  #ckas-app-settings { width:100%!important; max-width:none!important; height:min(var(--pearl-visible-height,100dvh),100dvh)!important; max-height:min(var(--pearl-visible-height,100dvh),100dvh)!important; margin:0!important; border:0!important; border-radius:0!important; }
  #ckas-app-settings .app-settings-head { padding:calc(12px + env(safe-area-inset-top)) 16px 12px!important; }
  #ckas-app-settings .app-settings-body { padding:24px 16px calc(24px + env(safe-area-inset-bottom))!important; }
 }
}
@layer icon-selection {
 #ckas-app-settings [hidden] { display:none!important; }
 #ckas-app-settings .app-settings-head [data-settings-close][hidden] { display:none!important; }
 /* These surfaces must also outrank shared dialog rules and app reset layers. */
 #ckas-app-settings { width:min(600px,calc(100% - 48px))!important; height:min(760px,calc(min(var(--pearl-visible-height,100dvh),100dvh) - 48px))!important; max-height:calc(min(var(--pearl-visible-height,100dvh),100dvh) - 48px)!important; margin:auto!important; padding:0!important; border:1px solid var(--pearl-edge)!important; border-radius:var(--ckas-ui-surface-radius,24px)!important; background:var(--pearl-bg)!important; overflow:hidden!important; }
 html body.pearl-suite #ckas-app-settings[data-ckas-keyboard-dialog] { max-height:calc(var(--pearl-visible-height,100dvh) - 24px)!important; overflow-y:auto!important; }
 #ckas-app-settings[open] { display:flex!important; flex-direction:column!important; }
 #ckas-app-settings .app-settings-panel { display:flex; flex-direction:column; flex:1 1 auto; min-width:0; min-height:0; overflow:hidden; border-radius:inherit; }
 #ckas-app-settings .app-settings-head { grid-template-columns:72px minmax(0,1fr) 72px!important; direction:ltr; }
 #ckas-app-settings .app-settings-language-control { position:relative; grid-column:3; grid-row:1; justify-self:end; display:flex; align-items:center; justify-content:center; gap:7px; width:72px; min-height:44px; margin:0; border-radius:var(--ckas-ui-surface-radius,24px); color:var(--pearl-ink); font-size:14px; cursor:pointer; }
 #ckas-app-settings .app-settings-language-control > svg { flex:0 0 21px; width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
 #ckas-app-settings .app-settings-language-control [data-settings-language-code] { font-weight:600; line-height:1; }
 #ckas-app-settings .app-settings-language-name { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
 html body.pearl-suite #ckas-app-settings .app-settings-language-control > select { position:absolute!important; inset:0!important; box-sizing:border-box; width:100%!important; height:100%!important; min-width:0!important; min-height:44px!important; margin:0!important; padding:0!important; opacity:0!important; font-size:16px!important; cursor:pointer; }
 #ckas-app-settings .app-settings-language-control:has(select:focus-visible):not(:has(select[data-settings-restored-focus])) { outline:3px solid var(--ckas-accent,#0879de); outline-offset:-3px; }
 html body.pearl-suite #ckas-app-settings .app-settings-head [data-settings-close] { grid-column:1!important; border-radius:var(--ckas-ui-surface-radius,24px)!important; }
 #ckas-app-settings .settings-manage-name { -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; touch-action:pan-y; }
 #ckas-app-settings [data-settings-app-dragging] { cursor:grabbing; touch-action:none; }
 #ckas-app-settings .settings-app-drag-source { opacity:.25!important; pointer-events:none!important; }
 #ckas-app-settings .settings-app-drag-ghost { position:fixed!important; box-sizing:border-box; margin:0!important; z-index:4; pointer-events:none; background:var(--pearl-paper); border:1px solid var(--pearl-edge)!important; border-radius:var(--ckas-ui-control-radius,12px); box-shadow:var(--pearl-shadow); opacity:.96; }
 html.settings-app-holding #ckas-app-settings [data-settings-apps] { -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; }
 #ckas-app-settings[data-settings-motion] { background:transparent!important; border-color:transparent!important; box-shadow:none!important; overflow:visible!important; }
 #ckas-app-settings[data-settings-motion] .app-settings-panel { background:var(--pearl-bg); box-shadow:0 25px 90px #102a4866; }
 #ckas-app-settings [data-settings-motion-control], [data-settings-motion-source] { opacity:0!important; }
 [data-settings-motion-source] [data-settings-icon] .ckas-menu-line { transition:none!important; }
 html[data-home-motion=reduced] [data-settings-icon] .ckas-menu-line { transition:none!important; }
 #ckas-app-settings .app-settings-menu-flight { position:fixed!important; display:grid; place-items:center; box-sizing:border-box; margin:0!important; padding:0!important; border:1px solid; pointer-events:none; z-index:1; }
 #ckas-app-settings .app-settings-head { padding:12px 20px!important; }
 #ckas-app-settings .app-settings-body { padding:24px 20px!important; }
 #ckas-app-settings .app-settings-menu-section + .app-settings-menu-section { margin-top:28px!important; }
 #ckas-app-settings .app-settings-menu-section > h3 { margin:0 4px 10px!important; }
 #ckas-app-settings .app-settings-menu-list { overflow:hidden!important; border:1px solid var(--pearl-edge)!important; border-radius:var(--ckas-ui-surface-radius,24px)!important; background:var(--pearl-paper)!important; }
 #ckas-app-settings:is([data-settings-page="apps"],[data-settings-page="text"],[data-settings-page="updates"]) .app-settings-section:not([hidden]) { padding:16px!important; border:1px solid var(--pearl-edge)!important; border-radius:var(--ckas-ui-surface-radius,24px)!important; background:var(--pearl-paper)!important; overflow:hidden!important; }
 #ckas-app-settings:is([data-settings-page="apps"],[data-settings-page="text"],[data-settings-page="updates"]) .app-settings-section > .app-settings-group:not([hidden]) { padding:18px 0!important; border:0!important; border-bottom:1px solid var(--pearl-edge)!important; }
 #ckas-app-settings:is([data-settings-page="apps"],[data-settings-page="text"],[data-settings-page="updates"]) .app-settings-section > .app-settings-group[data-settings-first] { padding-top:0!important; }
 #ckas-app-settings:is([data-settings-page="apps"],[data-settings-page="text"],[data-settings-page="updates"]) .app-settings-section > .app-settings-group[data-settings-last] { padding-bottom:0!important; border-bottom:0!important; }
 #ckas-app-settings[data-settings-page="text"] fieldset.app-settings-group > legend { padding-block-start:0!important; }
 #ckas-app-settings .app-settings-menu-list > .app-settings-menu-row { box-sizing:border-box; display:grid; grid-template-columns:24px minmax(0,1fr) 18px; align-items:center; gap:14px; width:100%!important; min-height:58px!important; margin:0!important; padding:14px 16px!important; border:0!important; border-radius:0!important; color:var(--pearl-ink)!important; background:transparent!important; text-align:start; text-decoration:none!important; font:inherit!important; box-shadow:none!important; }
 #ckas-app-settings .app-settings-menu-list > .app-settings-menu-row + .app-settings-menu-row { border-top:1px solid var(--pearl-edge)!important; }
 #ckas-app-settings .app-settings-menu-list > .app-settings-menu-row:first-child { border-top-left-radius:var(--ckas-ui-surface-radius,24px)!important; border-top-right-radius:var(--ckas-ui-surface-radius,24px)!important; }
 #ckas-app-settings .app-settings-menu-list > .app-settings-menu-row:last-child { border-bottom-left-radius:var(--ckas-ui-surface-radius,24px)!important; border-bottom-right-radius:var(--ckas-ui-surface-radius,24px)!important; }
 #ckas-app-settings .app-settings-menu-row > svg { display:block!important; width:24px!important; height:24px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.7!important; stroke-linecap:round; stroke-linejoin:round; }
 #ckas-app-settings .app-settings-menu-row > .app-settings-chevron { width:18px!important; height:18px!important; color:var(--pearl-muted); }
 @media(max-width:600px) {
  #ckas-app-settings { inset:0!important; width:100%!important; max-width:none!important; height:min(var(--pearl-visible-height,100dvh),100dvh)!important; max-height:min(var(--pearl-visible-height,100dvh),100dvh)!important; margin:0!important; border:0!important; border-radius:0!important; }
  #ckas-app-settings .app-settings-head { padding:calc(12px + env(safe-area-inset-top)) 16px 12px!important; }
  #ckas-app-settings .app-settings-body { padding:24px 16px calc(24px + env(safe-area-inset-bottom))!important; }
 }
}
/* Match the shared disclosure layer so its monochrome focus cannot override
   settings. Preserve invalid-field warnings and pointer-opened select cues. */
@layer icon-selection {
 #ckas-app-settings :is(button,a[href],summary,input,select,textarea):focus-visible:not(.ckas-invalid):not([aria-invalid=true]):not(select[data-ckas-pointer-select]),
 #ckas-app-settings select[data-ckas-pointer-select]:open:focus-visible:not(.ckas-invalid):not([aria-invalid=true]) { outline:3px solid var(--ckas-accent,#0879de)!important; outline-offset:-3px!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-body .app-settings-menu-row[data-settings-restored-focus]:focus-visible { outline:none!important; }
}
/* Settings uses the same compact brand surfaces as the app headers. */
@layer icon-selection {
 html body.pearl-suite #ckas-app-settings .app-settings-head { column-gap:12px!important; border:0!important; background:transparent!important; box-shadow:none!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-view="detail"] .app-settings-head { grid-template-columns:44px minmax(0,1fr) 44px!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-head #ckas-app-settings-title {
  box-sizing:border-box; display:inline-flex!important; align-items:center; justify-self:center; gap:8px;
  width:max-content; max-width:100%; min-width:0; height:44px; margin:0!important; padding:5px 10px!important;
  border:1px solid var(--pearl-edge)!important; border-radius:var(--ckas-ui-surface-radius,24px)!important; background:var(--pearl-paper)!important; box-shadow:none!important;
  color:var(--pearl-ink)!important; font-family:var(--ckas-font-family,Arial,sans-serif)!important; font-size:21px!important; font-weight:700!important; line-height:1!important; letter-spacing:-.04em!important;
  overflow:hidden; white-space:nowrap!important;
 }
 html body.pearl-suite #ckas-app-settings .app-settings-head [data-settings-title-text] { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 html body.pearl-suite #ckas-app-settings .app-settings-head .ckas-app-logo { display:block; width:32px!important; min-width:32px!important; height:32px!important; flex:0 0 32px!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-head .ckas-app-mark { width:32px; height:32px; object-fit:contain; filter:none!important; }
 html[data-app-icon="inverse"] body.pearl-suite #ckas-app-settings .app-settings-head .ckas-app-logo { filter:none!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-head :is([data-settings-back],[data-settings-close],.app-settings-language-control) { border:1px solid var(--pearl-edge)!important; border-radius:var(--ckas-ui-surface-radius,24px)!important; background:var(--pearl-paper)!important; box-shadow:none!important; }
 @media(max-width:767px) { html body.pearl-suite #ckas-app-settings .app-settings-head #ckas-app-settings-title { font-size:19px!important; } }
 @media(max-width:359px) { html body.pearl-suite #ckas-app-settings .app-settings-head #ckas-app-settings-title { font-size:16px!important; } }
}

/* LUMEN reference: quiet navigation and an unboxed, compact app list. */
@layer icon-selection.lumen {
 html body.pearl-suite #ckas-app-settings { background:var(--pearl-paper)!important; font-family:var(--ckas-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif)!important; }
 html body.pearl-suite #ckas-app-settings [hidden] { display:none!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-head { grid-template-columns:minmax(0,1fr) 64px 44px!important; gap:8px!important; padding:9px 24px 10px!important; border-bottom:1px solid var(--pearl-line)!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-head #ckas-app-settings-title { grid-column:1!important; justify-self:start!important; gap:10px!important; height:44px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; letter-spacing:-.035em!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-head .ckas-app-logo { width:44px!important; height:44px!important; min-width:44px!important; flex:0 0 44px!important; border:0!important; border-radius:0!important; background:var(--ckas-selected-icon,url('/app-icons/inverse-512-9c44fbe6d053.png')) center/36px 36px no-repeat!important; filter:none!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-head a.ckas-app-logo[data-settings-home]:is(:active,[data-ckas-header-feedback],:focus-visible) { outline:3px solid var(--ckas-press-accent,var(--ckas-ui-accent,#0879de))!important; outline-offset:-3px!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-head [data-settings-close] { grid-column:3!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-language-control { grid-column:2!important; width:64px!important; border:0!important; background:transparent!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-view="detail"] .app-settings-head { grid-template-columns:44px minmax(0,1fr) 44px!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-view="detail"] .app-settings-head #ckas-app-settings-title { grid-column:2!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-head:has(>[data-ckas-floating-source]) { grid-template-columns:minmax(0,1fr) 64px!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-head:has(>[data-ckas-floating-source]):has(>.app-settings-language-control[hidden]) { grid-template-columns:minmax(0,1fr)!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-head:has(>[data-ckas-floating-source]) #ckas-app-settings-title { grid-column:1!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-body { padding:24px!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-section:not([hidden]) { padding:0!important; border:0!important; background:transparent!important; border-radius:0!important; overflow:visible!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-section>.app-settings-group:not([hidden]) { margin:0!important; padding:18px 0!important; border:0!important; border-bottom:1px solid var(--pearl-line)!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-section>.app-settings-group[data-settings-first] { padding-top:0!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-section>.app-settings-group[data-settings-last] { border-bottom:0!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-section[data-settings-section="apps"]>h3 { display:block!important; margin:0 0 8px!important; color:var(--pearl-muted)!important; font:500 .8em/1.5 var(--ckas-font-family,Arial,sans-serif)!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-section[data-settings-section="apps"]>.app-settings-group:not([hidden]) { padding:10px 0!important; border:0!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-row { gap:16px!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-row>select { min-width:86px!important; max-width:55%!important; min-height:44px!important; padding:8px 30px 8px 12px!important; border-color:var(--pearl-line)!important; border-radius:var(--ckas-ui-field-radius,12px)!important; background-color:var(--pearl-paper)!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-section>.app-settings-reorder-group:not([hidden]) { margin-top:26px!important; padding-top:0!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-reorder-heading { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px; }
 html body.pearl-suite #ckas-app-settings .app-settings-reorder-heading>h4 { margin:0!important; font-size:.875em!important; font-weight:600!important; color:var(--pearl-ink)!important; }
 html body.pearl-suite #ckas-app-settings [data-settings-edit-numbers] { flex-shrink:0; min-height:44px!important; padding:8px 0 8px 12px!important; border:0!important; background:transparent!important; color:var(--pearl-muted)!important; font-size:.75em!important; font-weight:400!important; }
 html body.pearl-suite #ckas-app-settings [data-settings-edit-numbers][aria-expanded="true"] { color:var(--ckas-accent)!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-reorder-group>p { margin:0 0 9px!important; font-size:.75em!important; }
 html body.pearl-suite #ckas-app-settings [data-settings-apps] { padding:0!important; }
 html body.pearl-suite #ckas-app-settings .settings-manage-app { padding:5px 0!important; border:0!important; border-bottom:1px solid var(--pearl-line)!important; }
 html body.pearl-suite #ckas-app-settings .settings-manage-controls { display:grid!important; grid-template-columns:24px minmax(0,1fr) 44px!important; align-items:center!important; gap:12px!important; min-height:44px!important; }
 html body.pearl-suite #ckas-app-settings .settings-manage-grip { color:var(--pearl-muted); opacity:.55; font:20px/1 Arial,sans-serif; cursor:grab; text-align:center; }
 html body.pearl-suite #ckas-app-settings .settings-manage-icon { display:block; width:24px; height:24px; background:currentColor; mask:var(--settings-app-icon) center/contain no-repeat; -webkit-mask:var(--settings-app-icon) center/contain no-repeat; opacity:.85; }
 html body.pearl-suite #ckas-app-settings .settings-manage-name { font-weight:400!important; font-size:.9375em!important; }
 html body.pearl-suite #ckas-app-settings .settings-manage-controls:has(.settings-manage-order:not([hidden])) { grid-template-columns:16px 24px minmax(0,1fr) auto 44px!important; }
 html body.pearl-suite #ckas-app-settings [data-settings-app-order] { width:46px!important; min-height:44px!important; padding:6px!important; border-color:var(--pearl-line)!important; font-size:inherit!important; }
 html body.pearl-suite #ckas-app-settings [data-settings-app-favorite] { min-width:44px!important; width:44px!important; min-height:44px!important; height:44px!important; padding:10px!important; border:0!important; background:transparent!important; color:var(--pearl-muted)!important; box-shadow:none!important; }
 html body.pearl-suite #ckas-app-settings [data-settings-app-favorite]>svg { width:21px!important; height:21px!important; stroke-width:1.5!important; }
 html body.pearl-suite #ckas-app-settings [data-settings-app-favorite][aria-pressed="true"] { color:var(--ckas-accent)!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-menu-list { border:0!important; border-radius:0!important; background:transparent!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-menu-list>.app-settings-menu-row { min-height:52px!important; padding:10px 8px!important; border-radius:0!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-menu-list>.app-settings-menu-row+.app-settings-menu-row { border-top-color:var(--pearl-line)!important; }
 html[data-theme="dark"]:is(:not([data-app-icon]),[data-app-icon="inverse"],[data-app-icon="minimal"],[data-app-icon="dot"]) body.pearl-suite #ckas-app-settings .app-settings-head .ckas-app-logo { filter:invert(1)!important; mix-blend-mode:screen!important; background-color:transparent!important; }
 @media(min-width:768px) {
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) { width:min(880px,calc(100% - 48px))!important; height:min(820px,calc(min(var(--pearl-visible-height,100dvh),100dvh) - 64px))!important; max-height:calc(min(var(--pearl-visible-height,100dvh),100dvh) - 64px)!important; background:linear-gradient(90deg,var(--pearl-bg) 220px,var(--pearl-paper) 220px)!important; }
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) .app-settings-head { grid-template-columns:156px minmax(0,1fr) 64px 44px!important; padding:12px 24px 8px!important; background:transparent!important; border:0!important; }
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) .app-settings-head #ckas-app-settings-title { grid-column:1!important; font-size:20px!important; }
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) .app-settings-head [data-settings-close] { grid-column:4!important; }
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) .app-settings-head:has(>[data-ckas-floating-source]) { grid-template-columns:156px minmax(0,1fr) 64px!important; }
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) .app-settings-language-control { grid-column:3!important; }
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) .app-settings-body { display:grid!important; grid-template-columns:172px minmax(0,1fr)!important; column-gap:48px!important; padding:12px 32px 32px 24px!important; }
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) [data-settings-menu] { grid-column:1!important; grid-row:1/span 4!important; align-self:start; position:sticky; top:0; }
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) .app-settings-menu .app-settings-menu-list { overflow:visible!important; }
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) .app-settings-menu .app-settings-menu-row { grid-template-columns:20px minmax(0,1fr)!important; gap:10px!important; min-height:44px!important; margin:2px 0!important; padding:10px 9px!important; border:0!important; border-radius:var(--ckas-ui-control-radius,10px)!important; font-size:.82em!important; }
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) .app-settings-menu .app-settings-menu-row[aria-current="page"] { color:var(--ckas-accent)!important; background:color-mix(in srgb,var(--ckas-accent) 9%,transparent)!important; }
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) .app-settings-menu .app-settings-menu-row>svg { width:20px!important; height:20px!important; }
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) .app-settings-menu .app-settings-chevron { display:none!important; }
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) .app-settings-content-title { grid-column:2!important; margin:0 0 24px!important; font-size:28px!important; font-weight:650!important; letter-spacing:-.04em!important; line-height:1.3!important; }
  html body.pearl-suite #ckas-app-settings:not([data-scope="reader"]) :is(.app-settings-section,.app-settings-update-footer) { grid-column:2!important; min-width:0; }
 }
 @media(max-width:767px) {
  html body.pearl-suite #ckas-app-settings .app-settings-body { padding:20px 20px calc(24px + env(safe-area-inset-bottom))!important; }
  html body.pearl-suite #ckas-app-settings .app-settings-head { padding:5px 16px 6px!important; }
 }
 @media(max-width:359px) {
  html body.pearl-suite #ckas-app-settings .app-settings-head #ckas-app-settings-title { gap:6px!important; }
  html body.pearl-suite #ckas-app-settings .app-settings-body { padding-inline:16px!important; }
  html body.pearl-suite #ckas-app-settings .settings-manage-controls { gap:8px!important; }
  html body.pearl-suite #ckas-app-settings .settings-manage-controls:has(.settings-manage-order:not([hidden])) { grid-template-columns:12px 20px minmax(0,1fr) auto 44px!important; gap:6px!important; }
 }
}

/* Settings groups describe their purpose and keep related controls together. */
@layer icon-selection.lumen {
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] { background:var(--pearl-bg)!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-body { padding:20px 16px 28px!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu-section + .app-settings-menu-section { margin-top:10px!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu-section>h3 { margin:0 2px 10px!important; font-size:.75em!important; font-weight:600!important; line-height:1.5!important; color:var(--pearl-muted)!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu .app-settings-menu-list { display:grid!important; gap:10px!important; border:0!important; border-radius:0!important; background:transparent!important; overflow:visible!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu .app-settings-menu-list>.app-settings-menu-row {
  box-sizing:border-box!important; display:grid!important; grid-template-columns:38px minmax(0,1fr) 16px!important; align-items:center!important; gap:12px!important; width:100%!important; min-height:78px!important;
  margin:0!important; padding:13px 14px!important; border:1px solid var(--pearl-line)!important; border-radius:14px!important; background:var(--pearl-paper)!important; color:var(--pearl-ink)!important; text-align:start!important; box-shadow:none!important; font-size:1em!important;
 }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu .app-settings-menu-list>.app-settings-menu-row[aria-current="page"] { border-color:color-mix(in srgb,var(--ckas-accent) 55%,var(--pearl-line))!important; background:color-mix(in srgb,var(--ckas-accent) 7%,var(--pearl-paper))!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu .app-settings-menu-row>.app-settings-menu-icon { box-sizing:border-box!important; display:block!important; width:38px!important; height:38px!important; padding:9px!important; border-radius:11px!important; background:color-mix(in srgb,var(--ckas-accent) 9%,var(--pearl-paper))!important; color:var(--ckas-accent)!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu-label { display:block; min-width:0!important; font-size:.9375em!important; font-weight:600!important; line-height:1.45!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu-description { display:block!important; margin-top:4px!important; color:var(--pearl-muted)!important; font-size:.8em!important; font-weight:400!important; line-height:1.5!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-chevron { display:block!important; width:16px!important; height:16px!important; color:var(--pearl-muted)!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-removal { margin-top:20px!important; padding-top:12px!important; border-top:1px solid var(--pearl-line)!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-removal>.app-settings-menu-row { display:grid!important; grid-template-columns:20px minmax(0,1fr) 16px!important; align-items:center; gap:10px!important; min-height:44px!important; padding:8px 6px!important; border:0!important; background:transparent!important; color:var(--pearl-muted)!important; text-decoration:none; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-removal .app-settings-menu-label { font-size:13px!important; font-weight:400!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu .app-settings-removal .app-settings-menu-row>.app-settings-menu-icon { width:19px!important; height:19px!important; padding:0!important; border-radius:0!important; background:transparent!important; color:var(--pearl-muted)!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-section>.app-settings-group:not([hidden]) { box-sizing:border-box!important; margin:0 0 14px!important; padding:16px!important; border:1px solid var(--pearl-line)!important; border-radius:14px!important; background:var(--pearl-paper)!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-section>.app-settings-group[data-settings-first] { padding-top:16px!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-section>.app-settings-group[data-settings-last] { border-bottom:1px solid var(--pearl-line)!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-section[data-settings-section="apps"]>.app-settings-group:not([hidden]) { padding:16px!important; border:1px solid var(--pearl-line)!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-section>.app-settings-reorder-group:not([hidden]) { margin-top:0!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] fieldset.app-settings-group>legend { float:left; width:100%; margin:0 0 12px!important; padding:0!important; font-size:.9375em!important; font-weight:600!important; line-height:1.5!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] fieldset.app-settings-group>legend+* { clear:both; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-choices>[aria-pressed="true"] { border-color:var(--ckas-accent)!important; background:color-mix(in srgb,var(--ckas-accent) 7%,var(--pearl-paper))!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-button-style-choices { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-button-style-choices>button { position:relative!important; display:grid!important; place-items:center!important; gap:9px!important; min-width:0!important; min-height:102px!important; padding:13px 8px!important; font-size:.875em!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-style-selected { position:absolute!important; top:8px!important; right:8px!important; display:none!important; width:18px!important; height:18px!important; border-radius:50%!important; background:color-mix(in srgb,var(--ckas-accent) 12%,var(--pearl-paper))!important; color:var(--ckas-accent)!important; font-size:12px!important; font-weight:700!important; line-height:18px!important; text-align:center!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-button-style-choices>[aria-pressed="true"] .app-settings-style-selected { display:block!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-button-preview { display:grid!important; place-items:center!important; box-sizing:border-box!important; width:var(--settings-button-size,48px)!important; height:var(--settings-button-size,48px)!important; flex:0 0 var(--settings-button-size,48px)!important; border:1px solid var(--settings-button-edge)!important; border-radius:50%!important; background:var(--ckas-accent)!important; color:var(--settings-button-icon-ink,var(--ckas-theme-ink,#fff))!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-button-preview[data-button-preview="outline"] { border:2px solid var(--ckas-accent)!important; background:var(--pearl-paper)!important; color:var(--ckas-swatch-readable,var(--ckas-accent))!important; box-shadow:0 0 0 1px var(--settings-button-edge)!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-button-preview svg { display:block!important; width:calc(var(--settings-button-size,48px) / 2)!important; height:calc(var(--settings-button-size,48px) / 2)!important; fill:none!important; stroke:currentColor!important; stroke-width:2.3!important; stroke-linecap:round!important; stroke-linejoin:round!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-update-footer { margin:0 0 14px!important; padding:16px!important; border:1px solid var(--pearl-line)!important; border-radius:14px!important; background:var(--pearl-paper)!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-update-footer>.app-settings-group:first-child { padding-top:0!important; }
 @media(min-width:768px) {
  html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"]:not([data-scope="reader"]) .app-settings-body { grid-template-columns:200px minmax(0,1fr)!important; column-gap:28px!important; padding:16px 24px 28px!important; }
  html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"]:not([data-scope="reader"]) [data-settings-menu] { grid-row:1/span 12!important; }
  html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu .app-settings-menu-list>.app-settings-menu-row { grid-template-columns:30px minmax(0,1fr)!important; gap:9px!important; min-height:74px!important; padding:10px!important; }
  html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu .app-settings-menu-row>.app-settings-menu-icon { width:30px!important; height:30px!important; padding:6px!important; border-radius:9px!important; }
  html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu .app-settings-menu-row>.app-settings-chevron { display:none!important; }
  html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu-label { font-size:.8125em!important; }
  html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu-description { font-size:.85em!important; }
  html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-content-title { margin:0 0 18px!important; font-size:1.5625em!important; }
 }
 @media(max-width:359px) {
  html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu .app-settings-menu-list>.app-settings-menu-row { gap:9px!important; padding:12px!important; }
  html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] .app-settings-menu-label { font-size:.875em!important; }
 }
}

@layer icon-selection.lumen {
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] { background:var(--pearl-bg)!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-section>.app-settings-choice-list:not([hidden]) { padding-block:0!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-choice-list>.app-settings-group:not([hidden]) { padding:8px 0!important; border:0!important; }
 html body.pearl-suite #ckas-app-settings .app-settings-choice-list>.app-settings-group:not([hidden]):has(~ .app-settings-group:not([hidden])) { border-block-end:1px solid var(--pearl-line)!important; }
 html body.pearl-suite #ckas-app-settings :is(.app-settings-choice-list,[data-settings-button-style])>.app-settings-row:not([hidden]) {
  box-sizing:border-box; display:grid!important; grid-template-columns:minmax(0,1fr) min(12rem,55%); gap:12px!important;
 }
 html body.pearl-suite #ckas-app-settings .app-settings-choice-list>.app-settings-row:not([hidden]) { min-block-size:62px; padding-block:8px; }
 html body.pearl-suite #ckas-app-settings :is(.app-settings-choice-list,[data-settings-button-style])>.app-settings-row>span { min-inline-size:0; overflow-wrap:anywhere; }
 html body.pearl-suite #ckas-app-settings :is(.app-settings-choice-list,[data-settings-button-style])>.app-settings-row>:is(select,.app-settings-color-picker) {
  box-sizing:border-box; inline-size:100%!important; min-inline-size:0!important; max-inline-size:100%!important;
 }
 html body.pearl-suite #ckas-app-settings .app-settings-choice-list [data-settings-color-trigger] { min-height:44px!important; gap:8px!important; padding:8px 12px!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] [data-settings-color-name] { min-inline-size:0; overflow-wrap:anywhere; }
 html body.pearl-suite #ckas-app-settings .app-settings-feedback-preview {
  grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) min(12rem,55%); align-items:center; gap:12px;
  margin-block-end:4px; color:var(--pearl-muted); font-size:.875em; overflow-wrap:anywhere;
 }
 html body.pearl-suite #ckas-app-settings [data-settings-feedback-preview] {
  padding:8px 12px; border:1px solid color-mix(in srgb,var(--ckas-ui-accent,var(--ckas-accent,#0879de)) 20%,transparent);
  border-radius:10px; font-weight:700; line-height:1.6;
 }
 html body.pearl-suite #ckas-app-settings [data-settings-button-style]>legend { display:grid; grid-template-columns:minmax(0,1fr) fit-content(52%); align-items:center; gap:12px; overflow-wrap:anywhere; }
 html body.pearl-suite #ckas-app-settings [data-settings-button-style]>legend>button { min-width:0!important; margin:0!important; white-space:normal; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"] button[data-settings-button-reset] {
  min-height:44px!important; padding:6px 8px!important; border-color:transparent!important;
  background:transparent!important; color:var(--pearl-muted)!important; font-size:.875em!important; font-weight:400!important;
 }
 html body.pearl-suite #ckas-app-settings button[data-settings-button-reset]:is(:hover,:focus-visible) { text-decoration:underline; }
 html body.pearl-suite #ckas-app-settings [data-settings-button-style]>.app-settings-row { margin-block-start:12px!important; }
 html body.pearl-suite #ckas-app-settings [data-settings-button-icon]:disabled {
  opacity:1!important; cursor:not-allowed; border-style:dashed!important;
  background-color:var(--pearl-bg)!important; color:var(--pearl-muted)!important;
 }
 html body.pearl-suite #ckas-app-settings .app-settings-disabled-hint {
  grid-column:1/-1; margin-block-start:-4px; color:var(--pearl-muted); font-size:.8125em; line-height:1.5;
 }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-head {
  grid-template-columns:minmax(0,1fr) 64px 44px!important;
 }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-head:has(>[data-ckas-floating-source]) {
  grid-template-columns:minmax(0,1fr) 64px!important;
 }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-head:has(>.app-settings-language-control[hidden]) {
  grid-template-columns:minmax(0,1fr) 0 44px!important;
 }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-head:has(>[data-ckas-floating-source]):has(>.app-settings-language-control[hidden]) {
  grid-template-columns:minmax(0,1fr)!important;
 }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-head #ckas-app-settings-title { grid-column:1!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-language-control { grid-column:2!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-head [data-settings-close] { grid-column:3!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-body {
  display:grid!important; grid-template-columns:minmax(0,1fr)!important; row-gap:20px!important;
  padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))!important;
 }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-section { grid-column:1!important; min-width:0; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-section>h3:not([hidden]) {
  display:block!important; margin:0 17px 8px!important; color:var(--pearl-ink)!important; font-size:.875em!important; font-weight:650!important; line-height:1.5;
 }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-section>:is(.app-settings-group,.app-settings-update-footer) { margin-bottom:10px!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-section>:is(.app-settings-group,.app-settings-update-footer):last-child { margin-bottom:0!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-removal { margin-top:0!important; padding-top:4px!important; }
 html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-removal .app-settings-menu-icon { width:19px!important; height:19px!important; }
 @media(min-width:768px) {
  html body.pearl-suite #ckas-app-settings[data-settings-layout="organized"][data-settings-flat] .app-settings-body { padding-inline:24px!important; }
 }
}