:root{--color-bg: #0e1f12;--color-primary: #4eff8b;--color-secondary: #1a3b22;--color-text: #e0ffe8;--color-accent: #ffd700;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--color-bg);color:var(--color-text);overflow:hidden}#root{width:100%;height:100vh}.app-layout{display:flex;flex-direction:column;height:100vh}.main-nav{position:absolute;top:0;left:0;width:100%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;box-sizing:border-box;background:linear-gradient(to bottom,rgba(14,31,18,.8),transparent);pointer-events:none}.main-nav h1{font-size:1.2rem;margin:0;color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;pointer-events:auto}.nav-links{display:flex;gap:2rem;pointer-events:auto}.nav-links a{color:var(--color-text);text-decoration:none;font-size:.9rem;transition:color .3s;text-transform:uppercase;letter-spacing:1px}.nav-links a:hover{color:var(--color-primary)}.content{flex:1;position:relative;width:100%;height:100%}.activity-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-top:60px}