.settings-button{background:none;border:1px solid var(--color-border);padding:var(--size-2) var(--size-3);cursor:pointer;border-radius:var(--radius-2);font-size:var(--font-size-1);transition:all var(--transition-base);color:var(--text-1);display:inline-flex;align-items:center;justify-content:center;&:hover{background-color:var(--surface-2);border-color:var(--brand)}&:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}&[aria-expanded=true]{background-color:var(--surface-2);border-color:var(--brand)}}.settings-menu{position:fixed;background-color:#fff;background-image:none;border:1px solid var(--surface-3);border-radius:var(--radius-2);padding:var(--size-2) var(--size-2);box-shadow:var(--shadow-3);z-index:2147483647;max-width:280px;display:flex;flex-direction:column;gap:var(--size-2);pointer-events:auto;opacity:1;mix-blend-mode:normal;isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;will-change:transform;transform:translateZ(0)}@media (prefers-color-scheme:dark){html:not([data-theme]) .settings-menu{background-color:var(--gray-9)}}html[data-theme=dark] .settings-menu{background-color:var(--gray-9)}.settings-group{display:flex;flex-direction:column;gap:var(--size-1);&>label{font-size:var(--font-size--2);font-weight:700;color:var(--text-1);text-transform:uppercase;letter-spacing:.05em;line-height:1}}.settings-options{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--size-1);gap:var(--size-1)}.option-button{padding:var(--size-1);background-color:var(--surface-3);border:1px solid var(--color-border);border-radius:var(--radius-1);cursor:pointer;font-size:var(--font-size--1);font-weight:500;color:var(--text-2);transition:all var(--transition-base);min-height:40px;display:flex;align-items:center;justify-content:center;&:hover{background-color:var(--surface-4);border-color:var(--brand);color:var(--text-1)}&:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}&.active{background-color:var(--brand);border-color:var(--brand);color:var(--surface-1);font-weight:700}}.sidebar-toggle{display:none;position:fixed;top:var(--size-3);left:var(--size-3);z-index:101;background-color:var(--color-bg-2);border:1px solid var(--color-border);padding:var(--size-2) var(--size-3);cursor:pointer;border-radius:var(--radius-2);font-size:var(--font-size-2);transition:all var(--transition-base);&:hover{background-color:var(--surface-2);border-color:var(--brand)}&:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (max-width:48em){display:block}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:99;@media (max-width:48em){display:block}}.app-sidebar{width:280px;background-color:var(--color-bg-1);border-right:1px solid var(--color-border);overflow-y:auto;flex-shrink:0;padding:var(--size-4) 0;display:flex;flex-direction:column;@media (max-width:48em){position:fixed;top:0;left:-280px;height:100dvh;z-index:102;transition:left var(--transition-base);padding:var(--size-4);border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-left-color:var(--color-border);border-left-style:solid;border-left-width:1px;&.is-open{left:0;box-shadow:var(--shadow-3)}}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--size-4);padding-bottom:var(--size-3);& h2{font-size:var(--font-size-1);font-weight:700;color:var(--text-1)}}.sidebar-close{display:none;background:none;border:none;font-size:var(--font-size-2);cursor:pointer;padding:0;color:var(--text-1);transition:color var(--transition-base);&:hover{color:var(--brand)}&:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (max-width:48em){display:block}}.sidebar-list{list-style:none;padding:0;display:flex;flex-direction:column}.sidebar-link{display:block;padding:var(--size-2) var(--size-4);text-decoration:none;color:var(--text-1);transition:all var(--transition-base);border-left:3px solid transparent;&:hover{background-color:var(--surface-2);color:var(--brand);border-left-color:var(--brand)}&:focus{outline:2px solid var(--color-focus-ring);outline-offset:-2px}&:active{background-color:var(--surface-3)}}.app-sidebar::-webkit-scrollbar{width:8px}.app-sidebar::-webkit-scrollbar-track{background-color:var(--surface-1)}.app-sidebar::-webkit-scrollbar-thumb{background-color:var(--surface-3);border-radius:4px;&:hover{background-color:var(--surface-4)}}*,:after,:before{box-sizing:border-box}*{margin:0}ol[class],ul[class]{list-style:none;padding:0}html:focus-within{scroll-behavior:smooth}body{font-size:100%;line-height:1.5;min-block-size:100vh;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-inline-size:100%}figcaption,h1,h2,h3,h4,h5,h6,li,p{max-inline-size:60ch;overflow-wrap:break-word}button,input,select,textarea{font:inherit;max-inline-size:100%}.js-focus-visible :focus:not(.focus-visible){outline:none}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}