:root{--main-bg-color: #0a0a0a;--main-text-color: #00cc66;--main-suppor-color: #00cc66;--nav-bar-width: 100px;--nav-bar-padding-inner: 6px;--nav-bar-padding-vert: 4px color: var(--main-text-color);background-color:var(--main-bg-color)}html,body{overflow:auto;height:100%;width:100%}.app-wrap{height:100%;width:100%;display:grid;grid-template-columns:calc(2 * var(--nav-bar-padding-inner) + var(--nav-bar-width)) 1fr}.browse{padding-left:6px}body:before{content:"";position:fixed;inset:0;background:linear-gradient(#14141400 66%,#00000026 33%);background-size:100% 5px;z-index:9999;pointer-events:none;animation:scanlines-anim 1s linear infinite}@keyframes scanlines-anim{0%{background-position:0px 0px}to{background-position:0px 15px}}@media only screen and (orientation: portrait){body:before{background-size:100% 4px}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}nav{width:var(--main-bg-color);background:var(--nav-bar-bg-color);font-family:Courier New,monospace;height:100vh;position:sticky;top:0;border-right:1px solid rgba(0,204,102,.3);overflow-y:auto;overflow-x:hidden;transition:all .3s ease}nav a{text-decoration:none;color:#ccc;text-shadow:0 0 5px rgba(0,204,102,.5);text-align:center}nav>div>a:before{content:"↳";font-size:130%;position:absolute;transform:translate(-10px);opacity:0;left:0;transition:left .15s,opacity .15s}nav a:hover{color:var(--main-text-color)}nav a:hover:before{opacity:1;left:.75rem}nav div:hover{background:#00cc661a;color:var(--main-text-color)}nav div{border-radius:3px;width:100%;height:80px;padding:var(--nav-bar-padding-vert) var(--nav-bar-padding-inner);display:flex;align-items:center;justify-content:center;transition:all .5s ease}.active-link-wrap{background:#0c63;box-shadow:0 0 10px #00cc6680}.active-link-wrap a{color:var(--main-text-color)}.browse ul{font-family:Courier New,monospace;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(300px,1fr));grid-auto-rows:400px;padding:75px 24px 24px;max-width:1200px;overflow-y:auto;height:100vh;box-sizing:border-box}.post{color:var(--main-text-color);border-radius:20px;display:flex;flex-direction:column;gap:24px;height:auto;border:solid 1px rgba(226,232,226,.5);transition:transform .3s cubic-bezier(0,0,.3,1);text-decoration:none;padding:10px}.post h4{color:#fff;font-weight:700}.post a{color:var(--main-text-color);overflow:hidden;opacity:.5;text-decoration:none}.post a:hover{opacity:1}.post h5{opacity:.8}.post:hover{background:#00cc6612;border-color:#00cc6680;transform:translateY(-2px)}.post:hover:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,204,102,.1),transparent);animation:scan 4s ease infinite;pointer-events:none}@keyframes scan{0%{opacity:0;transform:translate(-50%)}50%{opacity:1}to{opacity:0;transform:translate(150%)}}.post button{background:#00cc6612;border:1px solid rgba(0,204,102,.5);align-self:flex-end;margin-top:auto;padding:12px}.post button:hover{background:var(--main-text-color);opacity:.8}.post p{color:#e8e0e0;flex:2;text-wrap:wrap;overflow-y:scroll;overflow-x:hidden}@media (width < 900px){.browse ul{grid-template-columns:repeat(1,1fr)}}#search-bar{position:fixed;top:10px;left:calc(var(--nav-bar-width) + 10%);display:flex;align-items:center;background:#00cc6612;border:1px solid rgba(0,204,102,.5);border-radius:4px;padding:8px 12px;width:200px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:0 0 15px #00cc664d,inset 0 0 10px #00cc661a;z-index:1000;transition:all .3s ease}#search-bar:focus-within{width:300px;box-shadow:0 0 20px #00cc6680,inset 0 0 15px #0c63;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#search-bar input{flex:1;background:transparent;border:none;color:#0c6;font-family:Courier New,monospace;font-size:14px;padding:6px 10px;outline:none;caret-color:#0c6}#search-bar input:focus::placeholder{color:transparent}#search-bar button{background:transparent;border:1px solid rgba(0,204,102,.3);color:#0c6;font-size:16px;width:32px;height:32px;margin-left:6px;cursor:pointer;border-radius:3px;transition:all .3s ease;display:none}#search-bar:focus-within button{display:block}#search-bar button:hover{background:#0c63;border-color:#00cc66b3;box-shadow:0 0 10px #0c66}#search-bar button:active{transform:scale(.95)}