header{padding:.5rem 1.5rem;background-color:var(--clr-base-2)}.header-inner-container{display:flex;align-items:center;justify-content:space-between}#theme-toggle,.auth-button,.guide-button{border:none;background-color:var(--clr-base);border-radius:50%;display:flex;justify-content:center;align-items:center;padding:.375rem;height:fit-content;color:var(--clr-contrast-3)}summary{list-style:none;position:relative;cursor:pointer;padding:1rem 1.5rem 1rem 0;border-bottom:2px solid var(--clr-base-3);color:var(--clr-accent-1);font-weight:600}summary::-webkit-details-marker{display:none}summary svg{width:1.5rem;height:1.5rem;position:absolute;right:0;top:1rem;transition:transform .3s ease-in-out}summary use{color:var(--clr-accent-1)!important}details[open]>summary svg{transform:rotate(180deg)}details>summary+*{padding-top:1.5rem!important}details *:not(summary){color:var(--clr-contrast-3)}::details-content{height:0;overflow:clip;transition:height .4s ease}[open]::details-content{height:auto}@supports (interpolate-size: allow-keywords){:root{interpolate-size:allow-keywords}::details-content{transition:height .4s ease,content-visibility .4s ease allow-discrete}}:root{--theme-mode: "light"}:root[data-theme=dark]{--theme-mode: "dark"}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--theme-mode: "dark"}}body{color-scheme:light;--clr-accent-1: hwb(209 0% 12%);--clr-accent-2: hwb(29 40% 0%);--clr-base: hwb(0 97% 3%);--clr-base-2: hwb(0 92% 8%);--clr-base-3: hwb(0 84% 16%);--clr-contrast: hwb(0 11% 89%);--clr-contrast-2: hwb(0 19% 81%);--clr-contrast-3: hwb(0 33% 67%);--clr-success-base: hwb(89 60% 0%);--clr-success-contrast: hwb(89 0% 58%);--clr-danger-base: hwb(329 90% 0%);--clr-danger-contrast: hwb(329 0% 28%);--shadow-natural: 0 .5rem 1rem rgba(0, 0, 0, .07);--shadow-neomorphism: .75rem .75rem 1rem 0 rgba(0,0,0,.05), -.5rem -.5rem .75rem 0 rgba(255,255,255,.5)}@container style(--theme-mode: "dark"){body{color-scheme:dark;--clr-accent-1: hwb(29 40% 0%);--clr-accent-2: hwb(209 0% 12%);--clr-base: hwb(0 11% 89%);--clr-base-2: hwb(0 19% 81%);--clr-base-3: hwb(0 24% 76%);--clr-contrast: hwb(0 97% 3%);--clr-contrast-2: hwb(0 92% 8%);--clr-contrast-3: hwb(0 84% 16%);--clr-success-base: hwb(89 0% 70%);--clr-success-contrast: hwb(89 57% 8%);--clr-danger-base: hwb(329 0% 58%);--clr-danger-contrast: hwb(330 90% 0%);--shadow-natural: 0 .5rem 1rem rgba(0, 0, 0, .07);--shadow-neomorphism: .75rem .75rem 1rem 0 rgba(0,0,0,.05), -.5rem -.5rem .75rem 0 rgba(255,255,255,.5)}}body,button,img,select,input,option,textarea,span,path{transition:background-color .75s ease,border-color .75s ease,fill .75s ease}:root{--font-size--small: .875rem;--font-size--medium: 1.125rem;--font-size--large: clamp( 1.25rem, 1rem + .5vw, 1.5rem);--font-size--x-large: clamp( 1.5rem, .25rem + 3.333vw, 3.25rem);--font-size--xx-large: clamp( 2rem, .5rem + 3.875vw, 4rem)}*{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scrollbar-gutter:stable}body{min-height:100vh;background-color:var(--clr-base)}body:has(dialog[open]){overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}svg{display:block}img{max-width:100%;height:auto}body,textarea,input,button,select,[popover]{font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:var(--font-size--medium);line-height:1.65;color:var(--clr-contrast)}a:not(nav a):not(.external-link):not(.cta-button){font-weight:500;color:var(--clr-accent-1)}h1,h2,h3,h4{font-weight:600;line-height:1.25;letter-spacing:-.01em;color:inherit}h1{font-size:var(--font-size--xx-large)}h2{font-size:var(--font-size--x-large)}h3{font-size:var(--font-size--large)}ul,ol{padding-left:1.5rem}ul li::marker{color:var(--clr-accent-1);font-size:1.75rem}p:not(.flex *):not(:last-child),main :where(a:not(:last-child)){margin-bottom:1rem}main ul:not(:last-child),main ol:not(:last-child){margin-bottom:1rem}main li:not(:last-child){margin-bottom:.5rem}figure:not(:last-child){margin-bottom:1rem}h1:not(.flex *):not(:last-child),h2:not(.flex *):not(:last-child){margin-bottom:1.25rem}h3:not(.flex *):not(:last-child){margin-bottom:.75rem}h2:not(:first-child),h3:not(:first-child){margin-top:.75em!important}fieldset{border:none;display:flex;flex-direction:column;gap:1.25rem}fieldset legend{font-size:var(--font-size--x-large);margin-bottom:1rem;font-weight:600}fieldset label{display:block;margin-bottom:.125rem;font-weight:600;color:var(--clr-contrast-3)}input:not([type=radio]):not([type=checkbox]),select,textarea{padding:.25rem 0;background-color:transparent;border:none;border-bottom:2px solid var(--clr-contrast-3)}input:focus,select:focus,textarea:focus{outline:2px solid var(--clr-accent-2);outline-offset:1px}select,::picker(select){appearance:base-select}option::checkmark{display:none}option{padding:.5rem 1rem}option:hover,option:focus-visible{background:var(--clr-base-2)}select::picker-icon{display:none}::picker(select){border:1px solid gray;padding:.5rem 0;border-radius:1rem}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.loading{color:transparent;position:relative;cursor:not-allowed}.loading:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-block;width:1.25rem;height:1.25rem;border:4px solid #ccc;border-radius:50%;border-top-color:#333;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}