:root{--icon-color:invert(20%) sepia(85%) saturate(8000%) hue-rotate(190deg) brightness(95%) contrast(130%);--alt-label-color:#24779e;--alt-font-color:#d0f0ff;--background-top:#132027;--background-rest:#1a2b33;--navbar-color:#1c2e3b;--post-color:#1f2f40;--post-outline-color:#4c6c8c;--label-color:#24779e;--box-border-color:#0e0e10;--darken:#00000020;--highlighted-post-color:#224c5f;--highlighted-post-outline-color:#5fbce0;--board-title:#1ec3f2;--hr:#35576f;--font-color:#d5f7ff;--name-color:#34db90;--capcode-color:#ff4c4c;--subject-color:#7cc2ff;--link-color:#68b4ff;--post-link-color:#ff6666;--link-hover:#ffe28a;--input-borders:#669;--input-color:#fff;--input-background:#162229;--dice-color:gold;--title-color:#44c0ff;--greentext-color:#5f5;--pinktext-color:#ff7a94}body{font-family:'Segoe UI',sans-serif;font-size:11pt;color:var(--font-color);background:linear-gradient(var(--background-top),var(--background-rest));margin:0;display:flex;flex-direction:column;min-height:100vh;animation:fadeInBody 1.2s ease}@keyframes fadeInBody{from{opacity:0}to{opacity:1}}.navbar{background:var(--navbar-color);box-shadow:0 0 25px var(--link-color);border-bottom:2px solid var(--post-outline-color);position:fixed;width:100%;z-index:2;top:0}hr{border-top:2px dashed var(--hr);margin:8px 0}.catalog-tile{border:1px solid var(--post-outline-color);background:var(--background-top);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 0 10px #00000050}.catalog-tile:hover{transform:scale(1.03);box-shadow:0 0 20px var(--post-outline-color)}a,a:visited{text-decoration:none;color:var(--link-color);transition:color .2s ease}a:hover{color:var(--link-hover);text-shadow:0 0 4px var(--link-hover)}.post-container:not(.op){background:var(--post-color);border:1px solid var(--post-outline-color);border-radius:8px;padding:.7em;box-shadow:0 0 8px #00000050;transition:all .3s ease}.post-container:not(.op):hover{background:color-mix(in srgb,var(--post-color) 85%,var(--highlighted-post-color));box-shadow:0 0 12px var(--post-outline-color)}.anchor:target+.post-container,.post-container.highlighted{background:var(--highlighted-post-color);border:2px dashed var(--highlighted-post-outline-color);box-shadow:0 0 15px var(--highlighted-post-outline-color)}.post-subject{color:var(--subject-color);font-weight:700;font-size:1.1em;animation:flickerTitle 2s infinite alternate}@keyframes flickerTitle{0%,100%{opacity:1}50%{opacity:.75}}input,select,textarea{background:var(--input-background);border:1px solid var(--input-borders);color:var(--input-color);border-radius:6px;transition:box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:0;box-shadow:0 0 10px var(--post-outline-color)}[type=submit]:hover{background:var(--post-outline-color);color:#fff;cursor:pointer;box-shadow:0 0 10px var(--highlighted-post-outline-color)}.filelabel{border-color:var(--label-color);border-width:2px;background:var(--darken);transition:background .3s ease}.filelabel:hover{background:var(--highlighted-post-color);box-shadow:0 0 10px var(--label-color)}.rainbow{background:linear-gradient(to right,#ccf,#0ff,#0f0,#f39,#ccf);background-size:400% 100%;color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:0 0 2px #000;animation:yotsuba-b-rainbow-anim 7s linear infinite}@keyframes yotsuba-b-rainbow-anim{0%{background-position:0 0}100%{background-position:400% 0}}