@font-face{font-family:Silkscreen;src:url(/fonts/Silkscreen-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#bfdef2;--surface:#d8ebf8;--light-blue:#25476d;--pink:#ffb4d2;--rose:#a33666;--yellow:#ffe58a;--green:#b8e6b0;--foreground:#183659;--muted:#425c78;--line:#8aabc5;--waveform:#426f9b;--waveform-played:var(--rose)}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);min-height:100vh;color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}::selection{background:var(--pink);color:var(--foreground)}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--rose)}body>header{justify-content:space-between;align-items:center;gap:20px;max-width:1040px;margin:0 auto;padding:28px 24px 20px;display:flex}body>header>a,nav a{border:1px solid var(--light-blue);color:var(--light-blue);padding:10px 14px;font-family:Silkscreen,monospace;font-size:12px;text-decoration:none;display:inline-block}body>header>a:hover,nav a:hover{background:var(--foreground);color:var(--surface)}nav a{border-color:var(--foreground);background:var(--pink);color:var(--foreground)}nav a:hover{background:var(--yellow);color:var(--foreground)}nav ul{margin:0;padding:0;list-style:none}main{border:1px solid var(--light-blue);background:var(--surface);max-width:992px;margin:0 auto 40px;padding:28px 32px 32px}h1,h2,h3{font-weight:400}h1,h2{font-family:Silkscreen,monospace}h1{color:var(--rose);margin:0 0 8px;font-size:clamp(24px,5vw,38px);line-height:1.3}main>p{color:var(--muted);margin:0 0 24px}main>section+section{margin-top:26px}h2{color:var(--foreground);background:var(--yellow);border-bottom:1px solid var(--yellow);margin:0 0 6px;padding:6px 10px;font-size:16px}button{background:var(--green);color:var(--foreground);cursor:pointer;border:1px solid #42704e;border-radius:0;padding:4px 10px;font-family:Silkscreen,monospace;font-size:10px;line-height:1.6}button:hover{background:var(--yellow);color:var(--foreground)}:focus-visible{outline:2px solid var(--rose);outline-offset:4px}input[type=range]{accent-color:#42704e;cursor:pointer}form{max-width:560px}form p{margin:0 0 16px}form label{margin-bottom:5px;display:inline-block}form input:not([type=hidden]),form textarea{border:1px solid var(--line);background:var(--background);width:100%;color:var(--foreground);font:inherit;border-radius:0;padding:10px 12px}form textarea{resize:vertical}form button{padding:10px 20px;font-size:12px}#contact-status{color:var(--muted);font-size:12px}@media (max-width:1040px){main{margin-left:24px;margin-right:24px}}@media (max-width:540px){body>header{padding:16px}main{margin:0 16px 24px;padding:20px 16px}h2{font-size:13px}}