.mode-switch{position:relative;font-size:14px;color:#a2e5d8;z-index:12}
.mode-switch>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:34px;white-space:nowrap}
.mode-switch>summary::-webkit-details-marker{display:none}
.mode-switch>summary:after{content:'';position:absolute;right:-10px;top:13px;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);opacity:.65}
.mode-switch>summary>i{width:5px;height:5px;background:#6effdb;border-radius:50%;box-shadow:0 0 8px #4ae8d066}
.mode-switch>summary:focus-visible{outline:1px solid #80f5cf;outline-offset:5px}
.mode-options{position:absolute;top:42px;right:-16px;width:216px;padding:9px;background:#0b1b25f5;border:1px solid #71b8c62a;border-radius:9px;box-shadow:0 16px 50px #0007;backdrop-filter:blur(20px)}
.mode-options a{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;color:#a8c5cf;font-size:14px;border-radius:4px;letter-spacing:0}
.mode-options a:hover,.mode-options a:focus-visible{background:#74d8c710;color:#dbfff1}
.mode-options a[aria-current=page]{color:#a4f4d9}
.mode-options a small{font:10px var(--number);color:#789794;letter-spacing:.09em}