*,:before,:after{color:var(--color-text-primary);margin:0;font-family:ia-writer-quattro-s,arial,sans-serif;text-decoration:none}html,body,#root{max-height:var(--percent-100)}:root{--color-white:#fff;--color-black:#000;--color-gray:gray;--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);transition:var(--transition-fast);background-color:#0000;border:none;padding:0}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);cursor:pointer;transition:var(--transition-fast);font-size:var(--medium);background-color:#0000}.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);transition:var(--transition-fast);background-color:#0000;outline:none}.input::placeholder{color:var(--color-placeholder)}.input:focus{border-color:var(--color-accent)}::placeholder{color:var(--color-placeholder);pointer-events:none}.link{transition:var(--transition-fast);cursor:pointer;display:block}.link:hover{color:var(--color-accent)}.modal{top:var(--percent-50);left:var(--percent-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);position:fixed;transform:translate(-50%,-50%)}.modal-backdrop{width:var(--percent-100);height:var(--percent-100);z-index:var(--z-overlay);background-color:var(--color-black);opacity:var(--percent-75);position:fixed;top:0;left:0}.sky{width:var(--percent-100);height:var(--percent-100);z-index:var(--z-base);background-color:var(--color-bg-primary);position:fixed;top:0;left:0}.ui{display:contents}.header{top:var(--xlarge);width:var(--percent-100);z-index:var(--z-overlay);justify-content:center;display:flex;position:fixed;left:0}.footer{bottom:var(--xlarge);width:var(--percent-100);z-index:var(--z-overlay);align-items:center;gap:var(--small);flex-direction:column;display:flex;position:fixed;left:0}.title{letter-spacing:var(--xsmall)}.tagline{max-width:var(--breakpoint-tablet);color:var(--color-gray);line-height:var(--line-height-normal)}.controls{top:var(--small);width:var(--percent-100);z-index:var(--z-nav);justify-content:center;gap:var(--small);display:flex;position:fixed;left:0}.immersive .ui{display:none}.immersive .controls{opacity:var(--percent-25)}.auth-form{gap:var(--medium);width:var(--percent-75);max-width:var(--breakpoint-tablet);max-height:var(--percent-75);flex-direction:column;display:flex;overflow-y:auto}.auth-rules{line-height:var(--line-height-normal);padding:0;list-style:none}.rule-pending{color:var(--color-gray)}.auth-error{color:var(--color-gray);text-align:center}.gallery{width:var(--percent-100);height:var(--percent-100);z-index:var(--z-base);background-color:var(--color-bg-primary);position:fixed;top:0;left:0;overflow-y:auto}.gallery-grid{gap:var(--medium);padding:var(--xlarge);grid-template-columns:repeat(3,1fr);display:grid}.gallery-box{aspect-ratio:1}.gallery-box canvas{width:var(--percent-100);height:var(--percent-100);display:block}