:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111411;--surface:#191d19;--line:#343b34;--text:#f2f5ef;--muted:#a8b1a5;--green:#b6d170;--danger:#ec988e;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;padding-left:232px}h1,h2,h3,p{margin:0}a{color:inherit;text-underline-offset:.25em}button,input{font:inherit}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--green);outline-offset:5px}main{width:100%;max-width:1380px;min-height:calc(100svh - 90px);margin:auto;padding:35px 48px 70px}.site-header{border-right:1px solid var(--line);background:#151815;flex-direction:column;width:232px;padding:30px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{flex-shrink:0;display:inline-flex}.brand img{width:178px;height:auto}.site-header nav{gap:7px;margin-top:56px;display:grid}.site-header nav a,.site-header nav span{color:var(--muted);border-radius:10px;padding:13px 15px;text-decoration:none}.site-header nav a{color:var(--green);background:#222a1f;border:1px solid #35422e}.rail-art{flex:1}.region{color:var(--muted);letter-spacing:.12em;border-top:1px solid var(--line);padding-top:20px;font-size:.65rem}.site-footer{border-top:1px solid var(--line);max-width:1380px;color:var(--muted);justify-content:space-between;gap:24px;margin:auto;padding:24px 48px;font-size:.8rem;display:flex}.site-footer nav{flex-wrap:wrap;gap:24px;display:flex}.skip-link{z-index:10;background:var(--green);color:var(--bg);padding:12px;position:absolute;top:-100px;left:12px}.skip-link:focus{top:12px}.legal-page{max-width:720px}.legal-page h1{margin-bottom:24px;font-size:clamp(2rem,5vw,3rem)}.legal-page p{color:var(--muted);line-height:1.7}.not-found{text-align:center;padding:80px 0}.not-found h1{font-size:4rem}.not-found p{color:var(--muted);margin-top:16px}@media (max-width:900px){body{padding-left:0}.site-header{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;gap:20px;width:auto;height:75px;padding:15px 22px;position:static}.brand img{width:150px}.site-header nav,.rail-art{display:none}.region{border:0;padding:0;font-size:.6rem}main{min-height:calc(100svh - 180px);padding:28px 20px 60px}.site-footer{padding:24px 20px}}@media (max-width:600px){.site-footer{flex-direction:column}}.settings-page{max-width:720px}.settings-page h1,.settings-page h2{margin-bottom:20px}.settings-page h2{margin-top:32px}.settings-page p{color:var(--muted);margin:12px 0;line-height:1.6}.settings-page fieldset{border:0;min-width:0;margin:16px 0;padding:0}.settings-page input:not([type=radio]):not([type=checkbox]){border:1px solid var(--line);width:100%;color:inherit;background:#171d18;border-radius:8px;margin-top:8px;padding:12px;display:block}.settings-page button,.account-navigation button{border:1px solid var(--line);color:#e4f4e4;cursor:pointer;font:inherit;background:#273e2a;border-radius:8px;padding:10px 16px}.settings-page button:disabled{opacity:.5;cursor:default}.settings-page .avatar-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.avatar-options label{border:1px solid var(--line);border-radius:8px;padding:8px}.avatar-options img{aspect-ratio:1;object-fit:cover;width:100%;margin-bottom:8px;display:block}.terms-check{margin:20px 0;display:block}.terms-check a{text-decoration:underline}.linked-accounts{gap:10px;display:grid}.linked-account{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:14px;display:flex}.linked-account small{color:var(--muted);font-weight:400}.settings-page dialog{width:min(560px,100% - 32px);max-height:calc(100svh - 40px);color:inherit;border:1px solid var(--line);background:#151b16;border-radius:12px;margin:auto;padding:0}.settings-page dialog::backdrop{background:#000a}.dialog-content{padding:24px}.dialog-close{float:right}.account-navigation{flex-direction:column;gap:12px;display:flex}@media (max-width:900px){.site-header{flex-wrap:wrap;height:auto;min-height:75px}.site-header .account-navigation{flex-flow:wrap;width:100%;font-size:.8rem;display:flex}.account-navigation button{padding:4px 8px}}