@import "https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap";:root{color:#102b46;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#b8e4ff;font-family:Nunito,system-ui,Helvetica Neue,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}::selection{color:#fff;background:#2879cd}.stage{-webkit-user-select:none;user-select:none;background:#b8e4ff;position:fixed;inset:0;overflow:hidden}.stage.drawing{cursor:crosshair}.scene{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hint{letter-spacing:.01em;color:#ffffffc7;text-shadow:0 1px 2px #143c6e59,0 0 12px #78beff59;pointer-events:none;opacity:.9;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;display:flex;position:absolute;bottom:18px}.hint.left{align-items:flex-start;left:20px}.hint.right{align-items:flex-end;right:20px}.hint kbd{font:inherit;color:#fff;opacity:.95;margin-right:6px}.hint.right kbd{margin-right:6px}.mono{letter-spacing:-.04em;color:#ffffff8c;text-shadow:0 1px 2px #143c6e4d;cursor:pointer;background:0 0;border:0;padding:0;font:800 15px/1 Nunito,system-ui,sans-serif;transition:color .16s;position:absolute;top:16px;left:18px}.mono:hover{color:#fff}.mono:focus:not(:focus-visible){outline:none}.center{color:#ffffffd9;text-shadow:0 1px 2px #143c6e59;pointer-events:none;font-size:13px;font-weight:700;animation:2.4s ease-in-out infinite breathe;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.flash{color:#ffffffe6;text-shadow:0 1px 2px #143c6e59;pointer-events:none;font-size:12.5px;font-weight:700;animation:1.8s ease-out forwards flash;position:absolute;top:18px;right:22px}@keyframes flash{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.touch{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.touch button{-webkit-backdrop-filter:blur(14px);color:#fff;text-shadow:0 1px 2px #143c6e59;background:#ffffff47;border:1.5px solid #ffffffb3;border-radius:999px;width:64px;height:40px;font:700 12px Nunito,system-ui,sans-serif}.fade{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.card-wrap{-webkit-backdrop-filter:blur(3px);background:#78b4f01f;place-items:center;animation:.22s fadein;display:grid;position:absolute;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.card{-webkit-backdrop-filter:blur(22px)saturate(1.65);color:#102b46;background:#fff6;border:1.5px solid #ffffffc7;border-radius:30px;width:min(420px,100vw - 40px);padding:26px 28px 22px;position:relative;overflow:hidden;box-shadow:0 12px 32px #347ab42e,0 2px 8px #14375a1a,inset 0 1.5px #ffffffe6}.card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff6b,#0000);height:48%;position:absolute;inset:0 0 auto}.card h1{letter-spacing:-.035em;text-shadow:0 1px #ffffffbf;margin:0 0 4px;font-size:1.6rem;font-weight:800;position:relative}.card .mail{color:#1f5fa8;margin-bottom:18px;font-weight:700;text-decoration:none;display:inline-block;position:relative}.card .mail:hover{text-decoration:underline}.card nav{gap:8px;display:grid;position:relative}.card nav a{color:#102b46;background:#ffffff59;border:1px solid #ffffffbf;border-radius:14px;justify-content:space-between;align-items:baseline;padding:10px 14px;font-weight:800;text-decoration:none;transition:background .16s,transform .16s;display:flex}.card nav a:hover{background:#fff9;transform:translateY(-1px)}.card nav small{opacity:.6;font-size:12px;font-weight:600}