html{filter:var(--site-hue-filter,none)}dialog:modal,dialog::backdrop{filter:var(--site-hue-filter,none)}.has-color-picker{flex-wrap:wrap;gap:12px 24px}.staff-footer.has-color-picker,.account-footer.has-color-picker{display:flex;align-items:center;justify-content:space-between}.theme-footer{padding:20px;border-top:1px solid #cbd3c7}.page-color-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:500 13px/1.4 var(--body,Arial,sans-serif);white-space:nowrap;flex-shrink:0;cursor:pointer}.page-color-toggle:hover,.page-color-toggle[aria-expanded=true]{background:transparent;color:var(--green,#155c42)}.page-color-swatch{width:13px;height:13px;border-radius:50%;background:var(--green,#155c42);border:1px solid currentColor}.page-color-panel{position:fixed;inset:auto auto 78px;right:max(18px,calc((100vw - 1200px)/2));width:350px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 96px);overflow-y:auto;margin:0;padding:20px;background:#141414;color:#f3f3f3;border:1px solid #606060;border-radius:8px;font:400 14px/1.6 var(--body,Arial,sans-serif);color-scheme:dark;z-index:60;text-align:left}.page-color-panel h2{font:600 22px/1.3 var(--display,Georgia,serif);color:#f3f3f3;margin:0 0 8px;letter-spacing:0}.page-color-panel p{font:400 13px/1.6 var(--body,Arial,sans-serif);color:#d0d0d0;margin:0}.page-color-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:16px 0}.page-color-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-width:0;min-height:58px;margin:0;padding:7px 2px;border:1px solid transparent;border-radius:5px;background:transparent;color:#eee;font:400 11px/1.3 var(--body,Arial,sans-serif);cursor:pointer}.page-color-choice:hover{background:#303030;color:#fff}.page-color-choice[aria-pressed=true]{border-color:#fff;background:#303030;color:#fff}.color-choice-dot{display:block;width:22px;height:22px;border-radius:50%;background:var(--swatch);border:1px solid #fff8;position:relative}.page-color-choice[aria-pressed=true] .color-choice-dot:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #141414;border-width:0 2px 2px 0;transform:rotate(45deg)}.page-color-reset{min-height:44px;padding:8px 12px;margin:0 0 10px;border:1px solid #777;border-radius:5px;background:transparent;color:#f3f3f3;font:400 13px/1.4 var(--body,Arial,sans-serif);cursor:pointer}.page-color-reset:hover:not(:disabled){background:#303030;color:#fff}.page-color-reset:disabled{opacity:.55;cursor:default}.page-color-panel :focus-visible{outline:3px solid var(--picker-accent,#65e68b);outline-offset:2px}.page-color-panel #page-color-note{font-size:12px;color:#bdbdbd}.color-panel-fallback{filter:var(--site-hue-inverse,none)}footer.site-footer,footer.community-footer{justify-content:flex-start;gap:18px 24px;padding-block:22px}.footer-preferences{display:flex;align-items:center;gap:12px;margin-right:auto;max-width:100%;min-width:0}.footer-preferences>p{margin:0;font-size:12px;line-height:1.5;white-space:nowrap}.footer-preferences .page-color-toggle{min-height:30px;padding:4px 7px;gap:6px;font-size:11px;line-height:1.4;border-color:var(--line);border-radius:5px}.footer-preferences .page-color-toggle:hover,.footer-preferences .page-color-toggle[aria-expanded=true]{border-color:var(--green)}.footer-preferences .page-color-swatch{width:9px;height:9px}.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;min-width:0}.footer-links nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}.footer-links a{display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:12px}.footer-links a:hover{color:var(--green)}.footer-links .effect-toggle{padding:8px 0;min-height:36px;font-size:11px}footer.site-footer>.oasis-powered,footer.community-footer>.oasis-powered{margin-left:auto}@media (max-width:760px){footer.site-footer,footer.community-footer{gap:12px 20px;padding-block:20px}.footer-preferences{gap:10px}.footer-preferences>p{font-size:11px}.footer-links{gap:6px 20px}.footer-links a{min-height:44px}}@media (pointer:coarse){.footer-preferences .page-color-toggle{min-height:36px;padding-block:7px}}@media (max-width:380px){.page-color-panel{padding:15px}.page-color-options{gap:4px}.page-color-choice{font-size:10px;min-height:54px}}