/* Design "Neo-Brutal": Creme, dicke Rahmen, harte Schatten, Gelb + Orange */
:root{--bg:#fff4dc;--card:#fff;--ink:#111;--mut:#5b5348;--acc:#ff6b35;--onacc:#111;--bd:#111;--line:#eadfc4;--warn:#d00000;--yellow:#ffd23f;--blue:#3a86ff;
--bw:2px;--r:10px;--rs:8px;--sh:4px 4px 0 var(--ink);--btn-sh:3px 3px 0 var(--ink);
--hdr-bg:var(--yellow);--hdr-ink:#111;--hdr-bd:3px solid #111;
--nav-bg:#fff;--nav-ink:#111;--nav-bd:2px solid #111;--nav-on-bg:#111;--nav-on-ink:var(--yellow);--nav-on-bd:2px solid #111;
--tab-bg:#111;--tab-ink:#f6efe4;--tab-on-bg:var(--yellow);--tab-on-ink:#111;--tab-bd:3px solid var(--yellow);
--tag-bg:var(--yellow);--tag-ink:#111;--tag-bd:1.5px solid #111;--bar-bg:#fff;--bar-bd:2px solid var(--ink);
--ghost-bg:var(--card);--ghost-ink:var(--ink);--ghost-bd:2px solid var(--ink);
--bg-img:radial-gradient(color-mix(in srgb,var(--ink) 14%,transparent) 1.2px,transparent 1.2px);--bg-size:22px 22px}
@media(prefers-color-scheme:dark){:root{--bg:#15110e;--card:#211c18;--ink:#f6efe4;--mut:#b9afa1;--acc:#ff8a5b;--bd:#f6efe4;--line:#3a332c;--warn:#ff7a70;--nav-bg:#211c18;--nav-ink:#f6efe4;--nav-bd:2px solid #f6efe4}}
a{text-decoration:underline;text-decoration-color:var(--acc);text-decoration-thickness:2px;text-underline-offset:3px}
header a,.tabbar a,.card.row>a,.themes a{text-decoration:none}
.brand{background:#111;color:var(--yellow)!important;padding:.2rem .7rem;border-radius:8px;text-transform:uppercase;letter-spacing:.02em;transform:rotate(-1.5deg)}
.topnav a{box-shadow:2px 2px 0 #111}.topnav a:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #111}.topnav a.on{box-shadow:none}
#chatnew{border:2px solid #111;background:#fff;color:#111}
.themes div{background:var(--card);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
h2{font-weight:900;letter-spacing:-.02em;display:inline-block;background:linear-gradient(transparent 58%,var(--yellow) 58%);padding:0 .25rem;margin-left:-.25rem;color:var(--ink);font-size:1.7rem}
@media(prefers-color-scheme:dark){h2{color:#111;background:var(--yellow);padding:.05rem .5rem;transform:rotate(-.6deg)}}
h3{font-weight:800;text-transform:uppercase;letter-spacing:.03em}
th{font-weight:800}td{border-bottom:1px dashed color-mix(in srgb,var(--ink) 35%,transparent)}
input:focus,select:focus,textarea:focus{outline:0;box-shadow:3px 3px 0 var(--blue)}
button{font-weight:800}button:hover{filter:none;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}
.row label,.stack label{font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:.76rem}
.bar{height:16px}.bar i{background:repeating-linear-gradient(-45deg,var(--acc) 0 10px,color-mix(in srgb,var(--acc) 80%,#fff) 10px 20px)}
.tag{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.stat b{font-weight:900;font-size:2rem;letter-spacing:-.02em}.stat span{font-size:.75rem;font-weight:700;text-transform:uppercase}
.tabbar a{text-transform:uppercase;font-weight:800;letter-spacing:.03em}
@media(max-width:760px){.card{box-shadow:3px 3px 0 var(--ink)}}