:root{--ink: #212121;--muted: #5f5f5f;--paper: #ffffff;--background: #f7f2e9;--accent: #c2255c;--highlight: #fff3bf;--highlight-border: #e6b800;--link: #1c5db8;--link-visited: #6741d9;--font-comic: "Comic Sans MS", "Comic Neue", "Chalkboard SE", cursive, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background-color:var(--background);background-image:radial-gradient(rgba(0,0,0,.07) 1px,transparent 1px);background-size:24px 24px;line-height:1.6}h1,h2,h3{font-family:var(--font-comic)}a{color:var(--link)}a:visited{color:var(--link-visited)}button{cursor:pointer;font-family:var(--font-body)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.panel{background:var(--paper);border:2px solid var(--ink);border-top:8px solid var(--panel-accent, var(--accent));border-radius:6px;box-shadow:6px 6px #0000001f;padding:1.5rem 1.75rem;margin:2rem auto;max-width:46rem}.section-title{font-size:1.6rem;margin:0 0 1rem;display:inline-block;background:linear-gradient(transparent 60%,var(--panel-accent, var(--highlight)) 60%);padding:0 .25rem;transform:rotate(-1.5deg)}.muted{color:var(--muted);font-size:.95rem}.skip-link{position:absolute;left:-9999px;top:0;background:var(--highlight);color:var(--ink);padding:.75rem 1rem;z-index:100}.skip-link:focus{left:.5rem;top:.5rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}body.design-mode{cursor:crosshair;background-color:#2d0140;background-image:repeating-linear-gradient(45deg,rgba(255,0,255,.28) 0 24px,transparent 24px 48px),repeating-linear-gradient(-45deg,rgba(0,255,255,.2) 0 24px,transparent 24px 48px)}body.design-mode h1,body.design-mode h2,body.design-mode h3{font-family:var(--font-comic)!important;background-image:linear-gradient(90deg,#ff1744,#ff9100,#ffea00,#00e676,#00b0ff,#d500f9);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:2px 2px 0 rgba(0,0,0,.25);animation:dm-wobble .5s ease-in-out infinite alternate}body.design-mode .panel{border:6px ridge #ff1493!important;border-radius:0!important;box-shadow:10px 10px #000!important;animation:dm-tilt 3s ease-in-out infinite}body.design-mode .panel:nth-child(2n){animation-direction:reverse}body.design-mode .promise-banner{animation:dm-wobble .4s ease-in-out infinite alternate;box-shadow:8px 8px #00e5ff!important}body.design-mode img,body.design-mode .skill-bar{filter:hue-rotate(0deg);animation:dm-hue 3s linear infinite}@keyframes dm-wobble{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes dm-tilt{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@keyframes dm-hue{to{filter:hue-rotate(360deg)}}.design-mode-badge{position:fixed;right:1rem;bottom:1rem;z-index:1000;display:flex;gap:.75rem;align-items:center;background:#000;color:#7cfc00;font-family:Courier New,Courier,monospace;font-weight:700;border:3px solid #7cfc00;border-radius:6px;padding:.6rem .9rem;box-shadow:4px 4px #0006}.design-mode-badge button{background:#7cfc00;color:#000;border:2px solid #000;border-radius:4px;font-weight:700;padding:.3rem .6rem}