:root{--ink:#080808;--line:#d9d9d4;--paper:#fff}*{box-sizing:border-box}html,body{background:var(--paper);width:100%;min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow:hidden}.oracle-page{place-items:center;width:100vw;height:100svh;display:grid;position:relative}.identity{z-index:2;min-width:max-content;position:absolute;top:clamp(32px,4vw,48px);left:clamp(32px,4vw,56px)}.identity h1{letter-spacing:-.035em;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:22px;font-weight:500;line-height:1}.identity p{color:#0808088f;letter-spacing:.2em;text-align:center;margin:7px 0 0;font-family:Arial Narrow,Avenir Next Condensed,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:500;font-stretch:75%;line-height:1;transform:scaleX(.86)}.oracle-frame{aspect-ratio:1;border:1px solid var(--line);background:var(--paper);cursor:crosshair;isolation:isolate;touch-action:none;border-radius:50%;width:min(80vmin,760px);position:relative;overflow:hidden}.oracle-frame:before{z-index:0;content:"";pointer-events:none;border:1px solid #0808080b;border-radius:50%;position:absolute;inset:5.5%}.oracle-frame canvas{z-index:1;display:block;position:absolute;inset:0}@media (max-width:680px){.identity{text-align:center;top:max(20px,50svh - 40vmin - 64px);left:50%;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}