:root{--deep-sky-blue: #48beff;--cyan-glow: #3dfaff;--mint-leaf: #43c59e;--pine-blue: #3d7068;--pine-teal: #14453d;--color-bg: #f5f3ef;--color-surface: #ffffff;--color-teal: #43c59e;--color-teal-light: rgba(67, 197, 158, .12);--color-navy: #14453d;--color-navy-light: rgba(20, 69, 61, .08);--color-accent: #48beff;--color-accent-glow: #3dfaff;--color-text: #1a1a1a;--color-text-muted: #666666;--color-border: #d4d0c8;--color-border-strong: #a0a0a0;--color-link: #14453d;--color-link-hover: #43c59e;--color-code-bg: #1e1e1e;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--max-width: 720px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--spacing-xl: 56px;--spacing-2xl: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth}body{min-height:100%;font-family:var(--font-mono);font-size:15px;line-height:1.7;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-link);text-decoration-thickness:1px;text-underline-offset:2px;transition:color .15s}a:hover{color:var(--color-link-hover)}img{max-width:100%;height:auto}::selection{background:var(--deep-sky-blue);color:var(--pine-teal)}.retro-border{border:2px solid var(--color-border);border-top-color:#fff;border-left-color:#fff;border-bottom-color:#a0a0a0;border-right-color:#a0a0a0}.retro-inset{border:2px solid var(--color-border);border-top-color:#a0a0a0;border-left-color:#a0a0a0;border-bottom-color:#fff;border-right-color:#fff}.retro-title-bar{background:var(--pine-teal);color:#fff;font-family:var(--font-mono);font-size:13px;font-weight:700;padding:4px 8px;letter-spacing:.5px}.retro-button{font-family:var(--font-mono);font-size:13px;padding:6px 16px;background:silver;border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-bottom:2px solid #000000;border-right:2px solid #000000;cursor:pointer;color:var(--color-text);text-decoration:none;display:inline-block;transition:none}.retro-button:hover{color:var(--color-text)}.retro-button:active{border-top-color:#000;border-left-color:#000;border-bottom-color:#fff;border-right-color:#fff;padding:7px 15px 5px 17px}