.pencil-room{color:#f7efe2;background:#3b2f27;font-family:Manrope Variable,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.pencil-stage{position:absolute;inset:0}.pencil-stage canvas{opacity:0;width:100%;height:100%;transition:opacity 1.2s;display:block}.pencil-stage[data-ready=true] canvas{opacity:1}.pencil-nav{letter-spacing:.12em;color:#3c2c20cc;pointer-events:none;justify-content:space-between;align-items:center;padding:22px 28px;font:12px IBM Plex Mono,monospace;display:flex;position:absolute;top:0;left:0;right:0}.pencil-nav a{pointer-events:auto;letter-spacing:0;color:#3c2c20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf4eabf;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font:500 15px Manrope Variable,sans-serif;text-decoration:none;display:inline-flex}.pencil-form{flex-direction:column;align-items:stretch;gap:10px;width:min(560px,100% - 32px);display:flex;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.pencil-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pencil-field{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf4eae6;border-radius:18px;gap:8px;padding:7px;display:flex;box-shadow:0 10px 40px #1e120840,inset 0 0 0 1px #3c2c201f}.pencil-field input{color:#2f231a;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:10px 12px;font:italic 400 22px Georgia,Times New Roman,serif}.pencil-field input::placeholder{color:#3c2c2073}.pencil-field button{cursor:pointer;color:#f7efe2;background:#2f231a;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 18px;font:600 15px Manrope Variable,sans-serif;display:inline-flex}.pencil-field button:disabled{opacity:.45;cursor:default}.pencil-try{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pencil-try button{cursor:pointer;color:#3c2c20;background:#faf4eab3;border:0;border-radius:999px;padding:6px 12px;font:13px Manrope Variable,sans-serif}.pencil-try button:disabled{opacity:.5;cursor:default}.pencil-note{text-align:center;color:#3c2c20cc;min-height:1.2em;margin:0;font-size:13px}.pencil-credit{color:#3c2c2099;font:11px IBM Plex Mono,monospace;position:absolute;bottom:10px;right:16px}.pencil-credit a{color:inherit}@media (max-width:700px){.pencil-nav span{display:none}.pencil-form{bottom:30px}.pencil-field input{font-size:19px}.pencil-credit{font-size:10px;bottom:6px;left:16px;right:auto}}