:root{--surface-radius:clamp(28px, 4vw, 56px);--page-gap:clamp(28px, 12vw, 240px);--top-gap:clamp(80px, 24vh, 320px);--bottom-gap:calc(clamp(128px, 34vh, 440px) + env(safe-area-inset-bottom,0px));color-scheme:light;background:#fff}*{box-sizing:border-box}html,body,main,#emboss{width:100%;min-height:100%;margin:0}html,body{height:100%;overflow:hidden}.surface-frame{inset:var(--top-gap) var(--page-gap) auto;height:min(42vh, calc((100vw - 2 * var(--page-gap)) / 1.65));border-radius:var(--surface-radius);corner-shape:squircle;position:fixed;transform:translateY(calc(-1*clamp(40px,12vh,160px)));box-shadow:0 1px 2px #14182014,0 8px 20px -6px #1418201a,0 24px 48px -16px #1418201f}#emboss{border-radius:var(--surface-radius);corner-shape:squircle;isolation:isolate;background:#c7c0b3;width:auto;min-height:0;position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(#000,#000)}.surface-frame:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;corner-shape:inherit;outline-offset:0;outline:1px solid #ffffff38;position:absolute;inset:0}#emboss canvas{width:100%;height:100%;transition:filter .7s;display:block;position:absolute;inset:0}.emboss-color-wash{pointer-events:none;border-radius:inherit;corner-shape:inherit;mix-blend-mode:color;position:absolute;inset:0}#emboss.has-color canvas{filter:brightness(.72)}#visitor-count{left:max(16px, env(safe-area-inset-left,0px));bottom:max(16px, env(safe-area-inset-bottom,0px));color:#e4e4e4;text-shadow:0 -.5px .5px #00000038,0 1px #fff;pointer-events:none;padding:4px;font:700 clamp(18px,2vw,26px)/1 Courier New,Courier,monospace;position:fixed}#color-trigger{z-index:10;bottom:max(6px, env(safe-area-inset-bottom,0px));right:max(6px, env(safe-area-inset-right,0px));appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin:0;padding:0;display:grid;position:fixed}.hue-orb{isolation:isolate;background:#9060ed;border-radius:50%;width:26px;height:26px;transition:transform .14s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;box-shadow:0 1px 2px #1418201f,0 4px 8px -2px #1418202e,0 8px 16px -4px #1418201a}.hue-orb-flow{background:radial-gradient(at 22% 28%,#24dfef 0%,#0000 55%),radial-gradient(at 78% 26%,#ff55b7 0%,#0000 54%),radial-gradient(at 65% 86%,#ffb62e 0%,#0000 52%),linear-gradient(135deg,#653bfa,#df3be5 55%,#ff7853);animation:12s linear infinite hue-flow;position:absolute;inset:-35%}.hue-orb:after{content:"";border-radius:inherit;background:linear-gradient(145deg,#ffffff1a,#0000 50%,#2f1c4c1f);position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #ffffff40}@keyframes hue-flow{to{transform:rotate(360deg)}}#color-trigger:active .hue-orb{transform:scale(.92)}@media (hover:hover) and (pointer:fine){#color-trigger:hover .hue-orb{transform:scale(1.06)}#color-trigger:active .hue-orb{transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.hue-orb-flow{animation:none}.hue-orb,#emboss canvas{transition:none}}#color-trigger:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #000}#page-email{left:50%;bottom:max(6px, env(safe-area-inset-bottom,0px));color:#e4e4e4;text-shadow:0 -.5px .5px #00000038,0 1px #fff;white-space:nowrap;padding:8px 0;font:700 clamp(18px,3vw,32px)/1.2 Courier New,Courier,monospace;text-decoration:none;position:fixed;transform:translate(-50%)}#page-email:focus-visible{outline-offset:4px;outline:2px solid #555}@media (width<=600px) and (aspect-ratio<=3/4){:root{--surface-radius:16px;--page-gap:max(40px, calc((100vw - 320px) / 2));--top-gap:max(24px, env(safe-area-inset-top,0px));--bottom-gap:calc(clamp(180px, 26vh, 320px) + env(safe-area-inset-bottom,0px))}.surface-frame{height:min(70dvh, calc((100vw - 2 * var(--page-gap)) * 1.7));transform:none}}#page-email.has-relief,#visitor-count.has-relief{color:#0000;text-shadow:none;background-repeat:no-repeat;background-size:100% 100%}main{visibility:hidden}main>*{opacity:0;filter:blur(10px);transition:opacity .9s cubic-bezier(.22,1,.36,1),filter 1.1s cubic-bezier(.22,1,.36,1)}main.is-ready{visibility:visible}main.is-ready>*{opacity:1;filter:blur()}@media (prefers-reduced-motion:reduce){main>*{filter:none;transition:none}}