.theme-pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tp-opt{min-width:0;color:var(--fg);font:600 12px/15px var(--font);letter-spacing:-.005em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;flex-direction:column;align-items:center;gap:8px;margin:0;padding:0;display:flex}.tp-shot{aspect-ratio:3/2;width:100%;box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s var(--ease), scale .18s var(--ease);border-radius:12px;display:block;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.tp-opt:hover .tp-shot{box-shadow:0 0 0 1px color-mix(in srgb, var(--fg) 26%, transparent)}}.tp-opt[aria-checked=true] .tp-shot{box-shadow:0 0 0 2px var(--sheet), 0 0 0 3.5px var(--fg)}:root.keys .tp-opt:focus-visible .tp-shot{box-shadow:0 0 0 2px var(--sheet), 0 0 0 3.5px var(--accent)}.tp-opt:active .tp-shot{scale:.94}.tp-shot svg{width:100%;height:100%;display:block;position:absolute;inset:0}.tp-l+.tp-d{clip-path:polygon(100% 0,100% 100%,0 100%)}.tp-l{--tp-bg:#fff;--tp-side:#f5f5f7;--tp-ink:#0a0a0b;--tp-soft:#0a0a0b21;--tp-blue:#007aff}.tp-d{--tp-bg:#0a0a0b;--tp-side:#161618;--tp-ink:#f5f5f7;--tp-soft:#f5f5f729;--tp-blue:#0a84ff}.tp-bg{fill:var(--tp-bg)}.tp-side{fill:var(--tp-side)}.tp-ink{fill:var(--tp-ink)}.tp-soft{fill:var(--tp-soft)}.tp-r{fill:var(--tp-blue)}.tp-area{fill:var(--tp-blue);opacity:.14}.tp-line{fill:none;stroke:var(--tp-blue);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tp-row{height:46px;font:600 16px/1 var(--font);letter-spacing:-.01em;color:var(--fg);align-items:center;gap:12px;padding:0 8px 0 12px;display:flex}.tp-row>svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.tp-row>.seg{flex:0 auto;min-width:0;margin-left:auto}.tp-row-name{white-space:nowrap}.theme-pop{background:var(--glass-face-sheen) padding-box, linear-gradient(var(--sheet), var(--sheet)) padding-box, var(--glass-face-ring) border-box;width:300px;color:var(--fg);box-shadow:var(--glass-face-edge), 0 18px 44px -10px #00000038, 0 4px 12px -4px #00000014;transform-origin:0 100%;opacity:0;transition:opacity .18s var(--ease), transform .32s var(--ease), overlay .32s allow-discrete, display .32s allow-discrete;border:1px solid #0000;border-radius:20px;margin:0;padding:16px 16px 14px;position:fixed;inset:auto;transform:translate(-4px)scale(.96)}.theme-pop.above{transform:translateY(4px)scale(.96)}.theme-pop:popover-open{opacity:1;transform:none}@starting-style{.theme-pop:popover-open{opacity:0;transform:translate(-4px)scale(.96)}}@media (prefers-color-scheme:dark){.theme-pop:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){box-shadow:var(--glass-face-edge), 0 22px 52px -10px #000000a8, 0 4px 14px -4px #0006}}.theme-pop:where(:root[data-theme=dark],:root[data-theme=dark] *){box-shadow:var(--glass-face-edge), 0 22px 52px -10px #000000a8, 0 4px 14px -4px #0006}.th-icon g{transform-box:fill-box;transform-origin:50%;transition:rotate .52s var(--ease), scale .52s var(--ease), opacity .26s var(--ease)}.th-icon .th-moon{opacity:0;rotate:90deg;scale:.4}@media (prefers-color-scheme:dark){.th-icon:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *) .th-sun{opacity:0;rotate:-90deg;scale:.4}.th-icon:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *) .th-moon{opacity:1;rotate:0deg;scale:1}}.th-icon:where(:root[data-theme=dark],:root[data-theme=dark] *) .th-sun{opacity:0;rotate:-90deg;scale:.4}.th-icon:where(:root[data-theme=dark],:root[data-theme=dark] *) .th-moon{opacity:1;rotate:0deg;scale:1}:root[data-theme-shift]::view-transition-old(root){mix-blend-mode:normal;animation:none}:root[data-theme-shift]::view-transition-new(root){mix-blend-mode:normal;animation:none}:root[data-theme-shift] *{view-transition-name:none!important}@media (prefers-reduced-motion:reduce){.theme-pop,.th-icon g{transition:none}}