*{box-sizing:border-box}html,body{background:#efe9dd;min-height:100%;margin:0}body{font-family:Maple Mono NF CN,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.signature-scene{color:#332d25;isolation:isolate;background:radial-gradient(at 24% 18%,#fff8da75,#0000 34%),linear-gradient(#efe9dd,#d9c8a8);width:100vw;min-height:300vh;position:relative}.signature-scene:before{content:"";filter:blur(14px);z-index:0;background:radial-gradient(34% 18% at 20% 24%,#ffeca652,#0000 68%),radial-gradient(28% 16% at 76% 18%,#5b6f3d2e,#0000 72%),linear-gradient(126deg,#0000 0 28%,#41583d21 29% 31%,#0000 32% 100%);animation:16s ease-in-out infinite alternate dapple-drift;position:fixed;inset:-12%;transform:rotate(-7deg)}.signature-scene:after{content:"";opacity:.28;z-index:1;background-image:linear-gradient(#30473a0f 1px,#0000 1px),linear-gradient(90deg,#30473a0b 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0;mask-image:radial-gradient(circle at 50% 48%,#000 0 46%,#0000 74%)}.signature-filter-bank{width:0;height:0;position:fixed}.dappled-canvas{opacity:.9;filter:saturate(1.08)contrast(1.03);mix-blend-mode:multiply;z-index:1;width:116%!important;height:116%!important;position:fixed!important;inset:-8%!important}.bubble-layer{top:0;pointer-events:none;z-index:2;height:100vh;margin-bottom:-100vh;position:sticky;inset:0}.bubble-card{left:var(--x);top:var(--y);backdrop-filter:blur(20px)saturate(1.42)contrast(1.04);filter:url(#bubble-card-glass)drop-shadow(0 14px 30px #554e3424);background:linear-gradient(142deg,#ffffff80,#ecf7ea38 46%,#ffd6912e),#ffffff1f;border:1px solid #ffffff85;border-radius:999px;gap:.45rem;width:clamp(128px,15vw,188px);min-height:86px;padding:16px 18px;display:grid;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffffe0,inset 14px 18px 32px #ffffff29,0 20px 56px #453d2a29,1px 0 #ff4f3847,-1px 0 #2d9aff4d}.bubble-card:before{content:"";filter:blur(7px);background:#ffffff94;border-radius:999px;width:42%;height:28%;position:absolute;inset:8px 16px auto auto;transform:rotate(-18deg)}.bubble-card span,.bubble-card small{letter-spacing:0;position:relative}.bubble-card span{font-size:clamp(1rem,1.55vw,1.35rem);font-weight:600}.bubble-card small{color:#27251f94;font-size:.72rem}.signature-shell{pointer-events:auto;z-index:3;place-items:center;height:100vh;margin-bottom:-100vh;padding:clamp(42px,8vw,112px);display:grid;position:sticky;top:0}.glass-signature{pointer-events:auto;filter:drop-shadow(0 22px 44px #49584629)drop-shadow(0 0 18px #ffffff57);width:min(86vw,1120px);height:auto;overflow:visible}.glass-signature__ripples{mix-blend-mode:screen;pointer-events:none}.glass-signature__ripple-fill,.glass-signature__ripple-ring{transform-box:fill-box;transform-origin:50%}.glass-signature__ripple-ring{fill:none;stroke:#faffffb8;stroke-width:3.4px;filter:drop-shadow(1.1px 0 #ff523e38)drop-shadow(-1.1px 0 #2da6ff3d)}.glass-signature__backdrop{fill:#ffffff47;stroke:#ffffff5c;stroke-width:10px;opacity:.72;filter:blur(.2px)}.glass-signature__path{stroke:#fafffadb;stroke-width:10px;mix-blend-mode:screen}.glass-signature__path--red{stroke:#ff4c3642;stroke-width:8.8px;mix-blend-mode:screen}.glass-signature__path--blue{stroke:#2394ff47;stroke-width:8.8px;mix-blend-mode:screen}.glass-signature__path--spark{stroke:#ffffffa3;stroke-width:3.2px;stroke-dasharray:24 72;mix-blend-mode:screen}.signature-scroll-copy{z-index:4;color:#332d25c7;text-shadow:0 1px 22px #fff7e0b3;gap:.55rem;width:min(420px,100vw - 48px);margin-left:clamp(24px,9vw,120px);font-family:Maple Mono NF CN,system-ui,sans-serif;font-size:clamp(1.05rem,2.2vw,1.85rem);line-height:1.18;display:grid;position:relative}.signature-scroll-copy p{margin:0}.signature-scroll-copy--middle{padding-top:132vh}.signature-scroll-copy--end{text-align:right;margin-left:auto;margin-right:clamp(24px,9vw,120px);padding-top:58vh;padding-bottom:32vh}@keyframes dapple-drift{0%{transform:translate(-1.4%,-.8%)rotate(-7deg)scale(1)}to{transform:translate(1.6%,1.1%)rotate(-4deg)scale(1.03)}}@media (width<=720px){.signature-shell{padding:9vw 4vw}.glass-signature{width:112vw}.bubble-card{width:126px;min-height:76px;padding:14px 16px}.bubble-card:nth-child(2),.bubble-card:nth-child(4){left:auto;right:6%}}@media (prefers-reduced-motion:reduce){.signature-scene:before{animation:none}}