﻿:root{--background-color: #1a1918;--text-color: #eee;--accent-color: #ffa86a;--link-color: var(--accent-color);--card-color: color-mix( in srgb, var(--background-color) 85%, rgba(0, 0, 0, 1) );--dim-color: rgb(238 238 238 / 0.5);--sep-color: rgb(238 238 238 / 0.15);--code-color: rgb(238 238 238 / 0.1);--green: #7dff6a;--red: #ff6a6a}:root{--font-size: 1rem;--line-height: 1.65em;--content-margin: 30px}@media (max-width: 684px){:root{--font-size: 0.95rem}}*,*::before,*::after{box-sizing:border-box}html{accent-color:var(--accent-color)}body{background:var(--background-color);color:var(--text-color);font-family:"JetBrains Mono","Fira Code",monospace;font-size:var(--font-size);line-height:var(--line-height);text-rendering:optimizeLegibility;font-feature-settings:"liga";padding:var(--content-margin);max-width:864px;margin:10px auto}@media (max-width: 684px){body{padding:20px}}main{overflow-wrap:break-word}main p:first-child,main h1:first-child,main h2:first-child,main h3:first-child{margin-top:0}main.split{display:flex;flex-direction:row;gap:var(--content-margin)}@media (max-width: 684px){main.split{flex-direction:column}}h1{font-size:calc(var(--font-size)*1.45)}h2{font-size:calc(var(--font-size)*1.35)}h3{font-size:calc(var(--font-size)*1.15)}h1,h2,h3,h4,h5,h6{margin:25px 0 15px 0}hr{border:none;border-top:2px solid var(--sep-color);margin:var(--content-margin) 0}a{color:var(--link-color)}a[aria-current=page]{font-weight:bold}ul,ol{margin-inline-start:4ch;padding:0}main>:not(aside) li::marker,article li::marker{content:"⦿ ";color:var(--accent-color)}main>:not(aside) ul ul li::marker,article ul ul li::marker{content:"■ "}main>:not(aside) ul ul ul li::marker,article ul ul ul li::marker{content:"► "}img{display:block;max-inline-size:100%;block-size:auto}.framed{border:2px solid var(--dim-color);padding:20px;margin:0 auto}.framed *:first-child{margin-top:0}.framed *:last-child{margin-bottom:0}pre,code{background:var(--code-color)}code{color:var(--accent-color);padding:2px}pre{padding:1ch;overflow:auto;line-height:initial;border:2px solid var(--code-color);color:var(--text-color)}pre code{background:unset;color:unset;padding:0;border:none}blockquote{border-left:2px solid var(--dim-color);color:var(--dim-color);padding-left:1em;margin-right:0;margin-left:0}button,.btn{display:inline-block;padding:5px 10px;border:2px solid var(--accent-color);color:var(--accent-color);background:rgba(0,0,0,0);text-decoration:none;align-self:flex-start;font-family:inherit;font-size:inherit;cursor:pointer}button:is(button),.btn:is(button){padding:10px 15px}button:hover,.btn:hover{background:var(--accent-color);color:var(--background-color)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.anchor{margin-inline-start:10px;opacity:0%;color:var(--accent-color);text-decoration:none;user-select:none}.anchor:hover{opacity:100%}@media (max-width: 684px){.anchor{opacity:100%}}table{border-collapse:collapse}table th,table td{border:2px solid var(--dim-color);padding:10px}table th{text-align:left;text-transform:uppercase;letter-spacing:.04em}body>header{margin-bottom:var(--content-margin)}body>header>div{display:flex}body>header>div::after{content:"";width:100%;background:repeating-linear-gradient(90deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 8px, color-mix(in srgb, var(--accent-color) 50%, rgba(0,0,0,0)) 8px, color-mix(in srgb, var(--accent-color) 50%, rgba(0,0,0,0)) 10px)}body>header>div a{padding:5px 10px;background:var(--accent-color);color:var(--background-color);text-decoration:none;font-weight:bold}nav{margin-top:15px}nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 20px;margin:0;width:100%}@media (max-width: 684px){nav ul{justify-content:center}}aside{border-inline-end:2px solid var(--sep-color);padding-inline-end:var(--content-margin)}@media (max-width: 684px){aside{order:1;width:100%;border-inline-end:none;border-top:2px solid var(--sep-color);padding-inline-end:0;padding-top:var(--content-margin)}}aside ul,aside li{list-style:none;margin:0}aside>ul>li{margin-bottom:1.5rem}aside>ul>li:last-child{margin-bottom:0}aside span{display:block;font-weight:bold;margin-bottom:.5rem}aside a{display:block;padding:3px 0;padding-inline-start:10px;border-inline-start:2px solid rgba(0,0,0,0);color:var(--dim-color);text-decoration:none}aside a[aria-current=page]{color:var(--accent-color);font-weight:bold;border-inline-start-color:var(--accent-color)}article{flex:1;min-width:0}article header>h1,article header>h2{margin-bottom:0}article header>h1 strong,article header>h2 strong{color:var(--accent-color)}article header>ul{color:var(--dim-color);margin:0}article header>ul>li{display:inline}article header>ul>li+li::before{content:" · "}footer{padding-top:var(--content-margin);margin-top:var(--content-margin);border-top:2px solid var(--sep-color)}footer ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;margin:0;width:100%}footer ul a{color:var(--dim-color);text-decoration:none}footer ul a::before{content:"["}footer ul a::after{content:"]"}footer p{text-align:center;margin-bottom:0;color:var(--dim-color)}footer p a{color:inherit}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr))}.grid>div{border:2px solid var(--sep-color);background:var(--card-color);padding:15px;display:flex;flex-direction:column}.grid>div h3{margin-bottom:.25rem}.grid>div strong{color:var(--accent-color)}.grid>div p{margin:0;flex:1}.grid>div:target{border-color:var(--accent-color);scroll-margin-top:40vh}.grid:has(>div:target)>div:not(:target){opacity:.5}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.user-grid>div{position:relative}.user-grid>div>b::before{content:"⦿ ";color:var(--red)}.user-grid>div[data-on]>b::before{color:var(--green)}.user-grid>div>b a{color:var(--text-color);text-decoration:none}.user-grid>div>b a::before{content:"~"}.user-grid>div[data-new]::after{content:"new!";position:absolute;top:-.5rem;right:-.5rem;padding:5px 10px;transform:rotate(10deg);background:var(--accent-color);color:var(--background-color);font-weight:bold}.filters{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1rem;color:var(--dim-color)}@media (max-width: 684px){.filters{justify-content:center}}.filters label{cursor:pointer}.user-list:has([name=web]:checked) .user-grid>div:not([data-web]){display:none}.user-list:has([name=gmi]:checked) .user-grid>div:not([data-gmi]){display:none}.user-list:has([name=on]:checked) .user-grid>div:not([data-on]){display:none}.user-list:has([name=new]:checked) .user-grid>div:not([data-new]){display:none}.stat-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--content-margin)}.stat-grid>div{border:2px solid var(--sep-color);padding:20px;flex:1 1 15ch;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:10px;line-height:1.1}.stat-grid>div .label{color:var(--dim-color)}.stat-grid>div .value{font-size:calc(var(--font-size)*2);color:var(--accent-color)}form{display:flex;flex-direction:column;gap:1.25em;margin-top:1.5em}form>div{display:flex;flex-direction:column;gap:.5em}form>div>label{color:var(--dim-color)}input[type=text],textarea{font-family:inherit;font-size:inherit;color:var(--text-color);background:var(--code-color);border:2px solid var(--dim-color);padding:10px;outline:none}input[type=text]::placeholder,textarea::placeholder{color:var(--dim-color)}input[type=text]:focus,textarea:focus{border-color:var(--accent-color)}textarea{resize:vertical;min-height:5em}input[type=checkbox]{appearance:none;padding:10px;border:2px solid var(--dim-color);background:rgba(0,0,0,0);vertical-align:middle;box-shadow:inset 0 0 0 3px var(--background-color);cursor:pointer}input[type=checkbox]:checked{background:var(--accent-color)}