*{box-sizing:border-box;margin:0;padding:0}:root{--burnt-orange:#d4774e;--mustard-yellow:#e8b44f;--avocado-green:#7b9e6f;--rust-red:#a64b3a;--cream:#f5e6d3;--dark-brown:#3d2e26;--warm-tan:#d9c5b2}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:var(--dark-brown);border-left:1px solid #d4774e33}::-webkit-scrollbar-thumb{background-color:var(--burnt-orange);border:3px solid var(--dark-brown);border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:var(--mustard-yellow)}body{background:var(--dark-brown);min-height:100vh;color:var(--cream);font-family:Courier New,monospace;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";opacity:.08;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:200%;height:200%;animation:8s steps(10,end) infinite grain;position:fixed;top:-50%;left:-50%}body:after{content:"";pointer-events:none;z-index:9998;opacity:.3;background:repeating-linear-gradient(0deg,#0000001a,#0000001a 1px,#0000 1px 2px);width:100vw;height:100vh;position:fixed;top:0;left:0}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,10%)}50%{transform:translate(-10%,5%)}60%{transform:translate(10%)}70%{transform:translateY(10%)}80%{transform:translate(5%,5%)}90%{transform:translate(-5%)}}