@layer normalize,base,demo;@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer base{:root{--font-size-min: 16;--font-size-max: 20;--font-ratio-min: 1.2;--font-ratio-max: 1.33;--font-width-min: 375;--font-width-max: 1500}html{color-scheme:light dark}[data-theme=light]{color-scheme:light only}[data-theme=dark]{color-scheme:dark only}:where(.fluid){--fluid-min: calc( var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0)) );--fluid-max: calc( var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0)) );--fluid-preferred: calc( (var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)) );--fluid-type: clamp( (var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit, 100vi)), (var(--fluid-max) / 16) * 1rem );font-size:var(--fluid-type)}*,*:after,*:before{box-sizing:border-box}body{background:light-dark(#fff,#000);display:grid;place-items:center;min-height:100vh;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui}body:before{--size: 45px;--line: color-mix(in hsl, canvasText, transparent 80%);content:"";height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) calc(var(--size) * .36) 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 0% calc(var(--size) * .32) / var(--size) var(--size);-webkit-mask:linear-gradient(-20deg,transparent 50%,white);mask:linear-gradient(-20deg,transparent 50%,white);top:0;transform-style:flat;pointer-events:none;z-index:-1}.brand-link{color:canvasText;position:fixed;top:1rem;left:1rem;width:48px;aspect-ratio:1;display:grid;place-items:center;opacity:.8}:where(.brand-link):is(:hover,:focus-visible){opacity:1}.bear-link svg{width:75%}.craft-link .spinner{width:24px}.gem__facet{transform-box:fill-box;transform-origin:center}.gem__facet--top{--spin-to: 360deg;transform:scaleY(-1)}@media(prefers-reduced-motion:no-preference){.gem__facet{animation:gem-spin 30s infinite linear;animation-composition:add}.brand-link:is(:hover,:focus-visible) .gem__facet{animation:gem-spin 30s infinite linear,gem-hover .65s cubic-bezier(.215,.61,.355,1);animation-composition:add,add}}@keyframes gem-spin{to{rotate:var(--spin-to, -360deg)}}@keyframes gem-hover{to{rotate:calc(var(--spin-to, -360deg) / 4)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}:root{--cyan: #66f6ff;--paper: #edf3f7;--muted: #a1aab5;--line: rgb(255 255 255 / .13);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--paper)}body{min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}.brand-link{z-index:2}.stage{--card-width: min(340px, calc(100vw - 48px) );--spread: 80px;--lift: 40px;--depth: 95px;min-height:100svh;width:100%;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;isolation:isolate;overflow-x:clip}.rig{display:grid;width:var(--card-width);position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,.8,.2,1)}.plane{transform-style:preserve-3d;grid-area:1 / 1;position:relative;width:var(--card-width);transition:transform .6s cubic-bezier(.22,.8,.2,1),box-shadow .6s ease}.plane--source{z-index:0}.plane--output{z-index:1;pointer-events:none}.stage[data-view=layered]:has(dom-fx[data-ready]) .plane--source{opacity:0}dom-fx{background:transparent}.stage[data-view=split],.stage[data-view=exploded]{min-height:max(100svh,600px)}.stage[data-view=exploded] .rig{transform:rotateX(55deg) rotate(-32deg)}.stage[data-view=split] .plane--source{transform:translate(calc(-1 * var(--spread)),calc(-1 * var(--lift)))}.stage[data-view=split] .plane--output{transform:translate(var(--spread),var(--lift))}.stage[data-view=exploded] .plane--source{transform:translateZ(calc(-1 * var(--depth)))}.stage[data-view=exploded] .plane--output{transform:translateZ(var(--depth))}.stage:not([data-view=layered]) .plane--output{pointer-events:auto}.stage[data-view=exploded] .plane--source{box-shadow:0 0 0 1px #ffffff1f,0 35px 70px -20px #000000b3}.plane__label{position:absolute;bottom:calc(100% + 16px);left:0;width:100%;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,canvasText 15%,transparent);color:color-mix(in srgb,canvasText 60%,transparent);font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity .2s ease}.plane__label:before{content:"";display:inline-block;width:5px;height:5px;margin-right:9px;background:var(--cyan)}.plane--source .plane__label:before{background:transparent;outline:1px solid var(--cyan);outline-offset:-1px}.stage:not([data-view=layered]) .plane__label{opacity:1}.stage[data-view=split] .plane--output .plane__label{top:calc(100% + 16px);bottom:auto;padding-top:10px;padding-bottom:0;border-top:1px solid color-mix(in srgb,canvasText 15%,transparent);border-bottom:0}[data-corner]{position:absolute;width:0;height:0;top:0;left:0;pointer-events:none}[data-corner=right]{left:100%}[data-corner=bottom]{top:100%}.strut{position:absolute;top:0;left:0;width:0;height:calc(var(--depth) * 2);border-left:1px dashed color-mix(in srgb,canvasText 20%,transparent);transform-origin:top;transform:translateZ(calc(-1 * var(--depth))) rotateX(90deg);pointer-events:none;opacity:0;transition:opacity .25s ease}.strut:nth-of-type(2),.strut:nth-of-type(4){left:100%}.strut:nth-of-type(3),.strut:nth-of-type(4){top:100%}.stage[data-view=exploded] .strut{opacity:1}.signal{align-self:center;justify-self:center;width:100%;height:390px;margin:0;border:0;border-radius:0;padding:24px;display:flex;flex-direction:column;background:#1a1c21;color:var(--paper);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:dark}.signal__header,.signal__footer{display:flex;align-items:center;justify-content:space-between}.signal__header{margin-bottom:22px;color:var(--muted);font-size:10px;line-height:1.2;letter-spacing:.12em}.signal__header strong{color:var(--cyan);font-weight:500}.field{display:grid;gap:8px;margin-bottom:18px}.field>span,.bands legend{color:var(--cyan);font-size:10px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}.field input,.message{width:100%;min-width:0;border:1px solid #414a55;border-radius:0;outline:0;padding:10px 12px;color:var(--paper);caret-color:var(--cyan);background:#15181d;font:500 13px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-transform:none;transition:border-color .16s ease,box-shadow .16s ease}.field input::-moz-placeholder{color:var(--muted);opacity:1}.field input::placeholder{color:var(--muted);opacity:1}.field input:is(:hover,[data-dom-fx-hover]),.message:is(:hover,[data-dom-fx-hover]){border-color:#728392}.field input:is(:focus,[data-dom-fx-focus]),.message:is(:focus,[data-dom-fx-focus]){border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.field input:not(:-moz-placeholder):invalid{border-color:#ff8092}.field input:not(:placeholder-shown):invalid{border-color:#ff8092}.message{position:relative;min-height:70px;max-height:80px;overflow:auto;overflow-wrap:anywhere;cursor:text}.message:is(:empty,:has(>br:only-child)):before{content:attr(data-placeholder);position:absolute;top:10px;inset-inline:12px;white-space:nowrap;color:var(--muted);pointer-events:none}.message::-moz-selection,.field input::-moz-selection{color:#0b0c0f;background:var(--cyan)}.message::selection,.field input::selection{color:#0b0c0f;background:var(--cyan)}.bands{display:flex;gap:8px;min-width:0;border:0;margin:0;padding:0}.bands legend{margin-bottom:8px;padding:0}.bands label{position:relative;flex:1;cursor:pointer}.bands input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.bands span{display:grid;place-items:center;min-height:32px;border:1px solid #414a55;border-radius:0;padding:7px 10px;color:var(--muted);font-size:10px;line-height:1.2;letter-spacing:.08em;transition:border-color .16s ease,color .16s ease,background .16s ease}.bands label:is(:hover,[data-dom-fx-hover]) span{border-color:var(--cyan);color:var(--paper)}.bands input:checked+span{border-color:var(--cyan);color:#0b0c0f;background:var(--cyan)}.bands input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:3px}.signal__footer{justify-content:flex-end;margin-top:auto;padding-top:18px}.signal button{min-height:36px;padding:9px 12px;border:1px solid var(--cyan);border-radius:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:14px;color:#0b0c0f;background:var(--cyan);font:500 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;transition:background .16s ease,border-color .16s ease}.signal button:is(:hover,[data-dom-fx-hover]){background:#b0fbff;border-color:#b0fbff}.signal button:active{background:#39dce8;border-color:#39dce8}.signal button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.signal button svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}dom-fx{position:relative;display:block;max-width:100%;max-height:100%;overflow:visible;opacity:0}dom-fx[data-ready]{opacity:1}dom-fx canvas{position:absolute;display:block;pointer-events:none}div.tp-dfwv{position:fixed;z-index:10;width:280px;max-width:calc(100vw - 80px)}div.tp-dfwv .tp-rotv{max-height:calc(100svh - 16px);overflow:auto;overscroll-behavior:contain;border-radius:var(--bs-br)}div.tp-dfwv .tp-rotv>.tp-rotv_b{position:sticky;top:0;z-index:2;background-color:var(--bs-bg);background-image:linear-gradient(var(--cnt-bg),var(--cnt-bg));touch-action:none}.tp-dfwv .tp-lblv_l{flex:0 0 94px;padding-right:8px;-webkit-hyphens:none;hyphens:none}.tp-dfwv .tp-lblv_v{flex:1;min-width:0;width:auto}.tp-dfwv .tp-ckbv_w svg{pointer-events:none}@media(max-width:720px){.stage[data-view=split]{--card-width: min(340px, calc(100vw - 80px) );--spread: 16px;--lift: 36px}.stage[data-view=exploded]{--card-width: 340px;--depth: 115px}.stage[data-view=exploded] .rig{transform:scale(min(1,calc((100vw - 48px)/495px))) rotateX(55deg) rotate(-32deg)}}@media(prefers-reduced-motion:reduce){.plane,.rig{transition:none}}