/* Existing Social, Market and Account keep their own controls and APIs. */
:root{--bg:#0a0908;--panel:#151210;--gold:#c6ad7f;--fg:#f1eee7}body,.account-page{background:#0a0908}.masthead,.account-page>header{background:#0a0908}.masthead .brand img,.account-page .brand img{width:27px;height:27px;display:inline-block;vertical-align:middle;margin-right:9px}.sidebar{background:#100e0c}.sidebar .side-note b{color:#c6ad7f}.masthead .brand span{letter-spacing:.14em;font-size:8px}.brand,.account-page .brand{display:inline-flex;align-items:center}.card{background:#151210}.social-shell .sidebar nav a{border-radius:2px}.profile-cover{background-color:#201613}.profile-top h1{letter-spacing:-.04em}.profile-top>.avatar{border:2px solid #c6ad7f66}.cosmetic-showcase{overflow-x:auto}.masthead .product-link{font-size:11px}.account-shortcuts{margin-top:22px}.inf-legacy-link{display:inline-block;color:#c6ad7f;font-size:11px;padding:10px 0}.sidebar nav>a{transition:background .18s,color .18s}.sidebar nav>a:focus-visible{outline:2px solid #c6ad7f;outline-offset:2px}.mk-page{background:#0a0908}.account-record{border-color:#c6ad7f55}@media(max-width:600px){.masthead .brand{font-size:20px}.masthead .brand span{font-size:7px}.masthead .product-link{font-size:9px}}@media(prefers-reduced-motion:reduce){.sidebar nav>a{transition:none}}