*,*:before,*:after{font-family:ia-writer-quattro-s,arial,sans-serif;color:var(--color-text-primary);text-decoration:none;margin:0}html,body,#root{max-height:var(--percent-100)}:root{--color-white: #ffffff;--color-black: #000000;--color-gray: #808080;--color-accent: var(--color-white);--color-placeholder: var(--color-gray);--color-danger: var(--color-gray);--color-text-primary: var(--color-white);--color-bg-primary: var(--color-black);background-color:var(--color-bg-primary);--xsmall: .25rem;--small: .5rem;--medium: 1rem;--large: 1.5rem;--xlarge: 2rem;--percent-25: 25%;--percent-50: 50%;--percent-75: 75%;--percent-100: 100%;--weight-light: 700;--weight-medium: 700;--weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.8;--border-width: 1px;--z-base: 0;--z-overlay: 100;--z-nav: 200;--z-modal: 300;--z-hoverable: 400;--transition-fast: .15s ease;--breakpoint-tablet: 67.5rem}.font-large{font-size:var(--large)}.text-center{text-align:center}.icon{width:var(--large);height:var(--large);padding:0;border:none;background-color:transparent;transition:var(--transition-fast)}svg{fill:var(--color-text-primary);transition:var(--transition-fast)}svg:hover{fill:var(--color-accent)}.btn{padding:var(--medium);border:var(--border-width) solid var(--color-gray);border-radius:var(--medium);background-color:transparent;cursor:pointer;transition:var(--transition-fast);font-size:var(--medium)}.btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.input{min-width:0;padding:var(--small) var(--medium);border:var(--border-width) solid var(--color-gray);border-radius:var(--medium);background-color:transparent;transition:var(--transition-fast);outline:none}.input::placeholder{color:var(--color-placeholder)}.input:focus{border-color:var(--color-accent)}::placeholder{color:var(--color-placeholder);pointer-events:none}.link{display:block;transition:var(--transition-fast);cursor:pointer}.link:hover{color:var(--color-accent)}.modal{position:fixed;top:var(--percent-50);left:var(--percent-50);transform:translate(-50%,-50%);z-index:var(--z-modal);padding:var(--large);border:var(--border-width) solid var(--color-gray);border-radius:var(--medium);background-color:var(--color-bg-primary)}.modal-backdrop{position:fixed;top:0;left:0;width:var(--percent-100);height:var(--percent-100);z-index:var(--z-overlay);background-color:var(--color-black);opacity:var(--percent-75)}.sky{position:fixed;top:0;left:0;width:var(--percent-100);height:var(--percent-100);z-index:var(--z-base);background-color:var(--color-bg-primary)}.ui{display:contents}.header{position:fixed;top:var(--xlarge);left:0;width:var(--percent-100);z-index:var(--z-overlay);display:flex;justify-content:center}.footer{position:fixed;bottom:var(--xlarge);left:0;width:var(--percent-100);z-index:var(--z-overlay);display:flex;flex-direction:column;align-items:center;gap:var(--small)}.title{letter-spacing:var(--xsmall)}.tagline{max-width:var(--breakpoint-tablet);color:var(--color-gray);line-height:var(--line-height-normal)}.controls{position:fixed;top:var(--small);left:0;width:var(--percent-100);z-index:var(--z-nav);display:flex;justify-content:center;gap:var(--small)}.immersive .ui{display:none}.immersive .controls{opacity:var(--percent-25)}.auth-form{display:flex;flex-direction:column;gap:var(--medium);width:var(--percent-75);max-width:var(--breakpoint-tablet);max-height:var(--percent-75);overflow-y:auto}.auth-rules{list-style:none;padding:0;line-height:var(--line-height-normal)}.rule-pending{color:var(--color-gray)}.auth-error{color:var(--color-gray);text-align:center}.gallery{position:fixed;top:0;left:0;width:var(--percent-100);height:var(--percent-100);z-index:var(--z-base);overflow-y:auto;background-color:var(--color-bg-primary)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--medium);padding:var(--xlarge)}.gallery-box{aspect-ratio:1}.gallery-box canvas{width:var(--percent-100);height:var(--percent-100);display:block}