:root{color-scheme:dark;--ink: #f2efe9;--ground: #12110f;--warm: #e8a33d}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--ground);color:var(--ink);font:16px/1.5 ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}main{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:max(2rem,env(safe-area-inset-top)) max(2rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(2rem,env(safe-area-inset-left))}#pad{width:min(60vw,16rem);aspect-ratio:1;border:none;border-radius:50%;background:radial-gradient(circle at 50% 40%,#f5b95c,var(--warm) 60%,#b9761f);color:#2a1a06;font:inherit;font-size:1.05rem;font-weight:600;letter-spacing:.01em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transform:scale(var(--pulse, 1));transition:transform 90ms ease-out;box-shadow:0 0 #e8a33d59}#pad.live{box-shadow:0 0 0 .35rem var(--ground),0 0 0 .5rem var(--warm)}#pad:disabled{cursor:default;filter:saturate(.4) brightness(.7)}#status{margin:0;min-height:1.5em;opacity:.65;text-align:center}#privacy{margin:0;font-size:.8rem;opacity:.3;text-align:center}#roll{width:min(100%,34rem)}.roll{display:block;width:100%;border-radius:.4rem;background:#00000040}