:root{--bg-main: #000000;--bg-panel: #1E1E1E;--text-main: #EAEAEA;--text-secondary: #808080;--accent: #ffffff;--font-heading: "IBM Plex Mono", monospace;--font-body: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);display:flex;flex-direction:column}.noise-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.75' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");z-index:100;opacity:.04;pointer-events:none}.site-header{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#121212cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border-bottom:1px solid var(--bg-panel);flex-shrink:0}.logo a{font-family:var(--font-heading);color:var(--text-main);text-decoration:none;font-size:1.2rem;font-weight:700}.main-nav ul{display:flex;list-style:none}.main-nav li{margin-left:2rem}.main-nav a,.mobile-nav a{color:var(--text-secondary);text-decoration:none;font-family:var(--font-heading);font-size:.9rem;text-transform:uppercase;position:relative;transition:color .3s ease;cursor:pointer}.main-nav a:hover,.mobile-nav a:hover{color:var(--accent)}#canvas-container{flex-grow:1;min-height:0;display:flex;align-items:center;justify-content:center}#canvas-container canvas{max-width:100%;max-height:100%;object-fit:contain}.hamburger-menu{display:none;position:relative;z-index:101;background:none;border:none;cursor:pointer;padding:15px}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:30px;height:3px;background-color:var(--text-main);border-radius:4px;position:absolute;transition:transform .25s ease-in-out,opacity .25s ease-in-out}.hamburger-inner{top:50%;margin-top:-2px}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger-menu.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger-menu.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger-menu.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.mobile-nav{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#121212fa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;display:flex;justify-content:center;align-items:center;transform:translate(100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.mobile-nav.is-open{transform:translate(0)}.mobile-nav ul{list-style:none;text-align:center}.mobile-nav li{margin:2rem 0}.mobile-nav a{font-size:2rem}@media (max-width: 768px){.main-nav{display:none}.hamburger-menu{display:block}.site-header{padding:1rem 1.5rem}}