@font-face{font-family:MNOctic;font-style:normal;font-weight:1 999;font-stretch:100% 200%;font-display:swap;src:url(/fonts/MNOctic.woff2)format("woff2")}@font-face{font-family:CommitMono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/CommitMono.woff2)format("woff2")}:root{--color-gray-950:#111112;--color-gray-900:oklch(from var(--color-gray-950)calc(l + .0266)c h);--color-gray-800:oklch(from var(--color-gray-950)calc(l + .0905)c h);--color-gray-700:oklch(from var(--color-gray-950)calc(l + .1934)c h);--color-gray-600:oklch(from var(--color-gray-950)calc(l + .2605)c h);--color-gray-500:oklch(from var(--color-gray-950)calc(l + .3775)c h);--color-gray-400:oklch(from var(--color-gray-950)calc(l + .5374)c h);--color-gray-300:oklch(from var(--color-gray-950)calc(l + .6919)c h);--color-gray-200:oklch(from var(--color-gray-950)calc(l + .7438)c h);--color-gray-100:oklch(from var(--color-gray-950)calc(l + .7921)c h);--color-yellow-400:#facc15;--bg-surface-1:var(--color-gray-950);--bg-surface-2:var(--color-gray-900);--bg-surface-3:var(--color-gray-800);--btn-primary-bg:var(--color-gray-100);--btn-primary-bg-hover:var(--color-gray-200);--btn-primary-bg-active:var(--color-gray-300);--btn-primary-text:var(--color-gray-950);--btn-primary-border:var(--color-gray-100);--btn-primary-border-hover:var(--color-gray-200);--btn-neutral-bg:var(--color-gray-800);--btn-neutral-bg-hover:var(--color-gray-700);--btn-neutral-bg-active:var(--color-gray-600);--btn-neutral-text:var(--color-gray-100);--btn-neutral-border:var(--color-gray-600);--btn-neutral-border-hover:var(--color-gray-500);--btn-subtle-bg:transparent;--btn-subtle-bg-hover:oklch(.9 0 0/.08);--btn-subtle-bg-active:oklch(.9 0 0/.12);--btn-subtle-text:var(--color-gray-100);--btn-subtle-border:transparent;--btn-subtle-border-hover:transparent;--btn-disabled-bg:var(--color-gray-800);--btn-disabled-text:var(--color-gray-600);--btn-disabled-border:var(--color-gray-700);--text-primary:var(--color-gray-100);--text-secondary:var(--color-gray-300);--text-tertiary:var(--color-gray-400);--text-warning:var(--color-yellow-400);--icon-primary:var(--color-gray-100);--border-primary:var(--color-gray-600);--border-secondary:var(--color-gray-700);--border-tertiary:var(--color-gray-800);--border-focus:var(--color-gray-400);--border-radius-s:4px;--border-radius-m:8px;--border-radius-xl:16px;--text-size-xs:.75rem;--text-size-s:.875rem;--text-size-l:1.125rem;--text-size-xl:1.25rem;--text-size-2xl:1.5rem;--text-size-3xl:1.875rem;--text-size-4xl:2.25rem;--text-size-5xl:3rem;--font-family-heading:"MNOctic",monospace;--font-family-body:"CommitMono",monospace}a,ol,li,button,select,input,textarea{all:unset;line-height:1}li,div,button,select,input,textarea,span{box-sizing:border-box}html{color-scheme:dark;font-size:16px}body{background:var(--bg-surface-1);color:var(--text-primary);margin:0}html,body{overscroll-behavior-x:contain;height:100%}body,button,textarea,input,select,code,h1,h2,h3,h4,h5,h6{font-family:var(--font-family-body)}h1,h2,h3,h4,h5,h6,p{margin:0}.icon{--icon-color:var(--icon-primary);--svg-stroke-color:var(--icon-color);stroke:var(--svg-stroke-color);stroke-width:1.6px;height:var(--icon-diameter);width:var(--icon-diameter)}.icon_size_16{--icon-diameter:var(--text-size-s)}.icon_size_20{--icon-diameter:var(--text-size-l)}.button{background:var(--btn-neutral-bg);color:var(--btn-neutral-text);border:1px solid var(--btn-neutral-border);border-radius:var(--border-radius-m);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;line-height:1;display:inline-flex;position:relative}.button:focus{outline:none}.button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.button__spinner{pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.button__spinner:after{content:"";border:2px solid var(--icon-primary);border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.button.is-loading{pointer-events:none;opacity:.6;background-color:var(--btn-neutral-bg-active)}.button.is-loading .button__text,.button.is-loading .button__icon{opacity:0}.button.is-loading .button__spinner{display:flex}@keyframes spin{to{transform:rotate(360deg)}}.button:disabled{cursor:not-allowed;pointer-events:none;background:var(--btn-disabled-bg);color:var(--btn-disabled-text);border:1px solid var(--btn-disabled-border)}.button_size_medium{height:2.5rem}.button_size_large{height:3rem}.button_variant_primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);text-transform:uppercase;letter-spacing:.025rem;font-weight:500}.button_variant_primary:hover{background:var(--btn-primary-bg-hover);border:1px solid var(--btn-primary-border-hover)}.button_variant_primary:active{background:var(--btn-primary-bg-active)}.button_variant_neutral{background:var(--btn-neutral-bg);color:var(--btn-neutral-text);border:1px solid var(--btn-neutral-border)}.button_variant_neutral:hover{background:var(--btn-neutral-bg-hover);border:1px solid var(--btn-neutral-border-hover)}.button_variant_neutral:active{background:var(--btn-neutral-bg-active)}.button_variant_subtle{background:var(--btn-subtle-bg);color:var(--btn-subtle-text);border:1px solid var(--btn-subtle-border)}.button_variant_subtle:hover{background:var(--btn-subtle-bg-hover);border:1px solid var(--btn-subtle-border-hover)}.button_variant_subtle:active{background:var(--btn-subtle-bg-active)}.button-icon{border-radius:var(--border-radius-s);cursor:pointer;-webkit-user-select:none;user-select:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;background-color:#0000;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:background-color .15s,color .15s,border-color .15s;display:flex}.button-icon:focus{outline:none}.button-icon:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.button-icon_size_small{width:2rem;height:2rem}.button-icon_size_small svg{width:1rem;height:1rem}.button-icon_size_large{border-radius:var(--border-radius-m);width:3rem;height:3rem}.button-icon_size_large svg{width:1.5rem;height:1.5rem}.button-icon_size_extra-small{border-radius:var(--border-radius-s);width:2rem;height:2rem;position:relative;background:0 0!important;border:1px solid #0000!important}.button-icon_size_extra-small svg{z-index:1;width:1rem;height:1rem;position:relative}.button-icon_size_extra-small:before{content:"";background:inherit;border:inherit;border-radius:inherit;clip-path:inset(.25rem round var(--border-radius-s));z-index:0;transition:background-color .15s,border-color .15s;position:absolute;top:0;bottom:0;left:0;right:0}.button-icon_size_extra-small:hover,.button-icon_size_extra-small:active{background:0 0!important;border-color:#0000!important}.button-icon_size_extra-small:hover:before{background:var(--btn-subtle-bg-hover);border-color:var(--btn-subtle-border-hover)}.button-icon_size_extra-small:active:before{background:var(--btn-subtle-bg-active)}.button-icon_variant_primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-border)}.button-icon_variant_primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover)}.button-icon_variant_primary:active{background:var(--btn-primary-bg-active)}.button-icon_variant_subtle{background:var(--btn-subtle-bg);color:var(--btn-subtle-text);border-color:var(--btn-subtle-border)}.button-icon_variant_subtle:hover{background:var(--btn-subtle-bg-hover);border-color:var(--btn-subtle-border-hover)}.button-icon_variant_subtle:active{background:var(--btn-subtle-bg-active)}.button-icon:disabled{cursor:not-allowed;pointer-events:none;background:var(--btn-disabled-bg);color:var(--btn-disabled-text);border-color:var(--btn-disabled-border)}.media-input{border:1px solid var(--border-secondary);border-radius:var(--border-radius-m);background:var(--bg-surface-2);cursor:pointer;margin:0 1rem;transition:border-color .15s;position:relative;overflow:hidden}.media-input:hover{border-color:var(--border-primary)}.media-input:hover .media-input__icon{opacity:1}.media-input:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.media-input__img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;clip-path:1px round var(--border-radius-m);display:block}.media-input__icon{pointer-events:none;opacity:0;border-radius:inherit;z-index:2;background-color:#0006;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:768px){.selector__bar .media-input{width:48px;height:48px;margin:0}.selector__bar .media-input__icon{opacity:1}}.custom-tooltip{z-index:9999;background:var(--bg-surface-2);color:var(--text-primary);border-radius:var(--border-radius-s);border:1px solid var(--border-secondary);font-size:var(--text-size-xs);font-family:var(--font-family-body);pointer-events:none;white-space:nowrap;opacity:0;visibility:hidden;max-width:240px;padding:6px 8px;line-height:1.4;transition:opacity .15s,visibility .15s;position:fixed;box-shadow:0 1px 4px #0000001a,0 1px 4px #00000026}.custom-tooltip.visible{opacity:1;visibility:visible;transition-delay:.3s}.custom-tooltip__hint{color:var(--text-tertiary);margin-left:8px}body{text-align:center;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.container{flex-direction:column;justify-content:center;align-items:center;max-width:800px;padding:20px;display:flex}.container .button{min-height:32px}.cards{width:256px;height:256px;margin:0 auto 2rem;position:relative}.cards__item{will-change:transform;border:4px solid #fff;border-radius:1rem;width:214px;height:214px;position:absolute;top:50%;left:50%;overflow:hidden}.cards__item img{object-fit:cover;width:100%;height:100%}.cards__item:first-child{z-index:1;animation:.6s forwards cardEnter1}.cards__item:nth-child(2){z-index:2;animation:.6s forwards cardEnter2}@keyframes cardEnter1{0%{transform:translate(-55%,-50%)rotate(-2deg)}to{transform:translate(-75%,-52%)rotate(-8deg)}}@keyframes cardEnter2{0%{transform:translate(-50%,-48%)rotate(5deg)}to{transform:translate(-20%,-38%)rotate(14deg)}}.title{letter-spacing:3px;margin:0 0 1rem;font-family:MNOctic,monospace;font-size:3.5rem;font-weight:700;font-stretch:110%}.description{opacity:.9;letter-spacing:-.5px;max-width:65ch;margin-bottom:40px;font-size:.875rem;line-height:1.35}@media (max-width:768px){.title{font-size:2.5rem}}