:root{--c-white:#fff;--c-black:#000;--c-text:var(--c-white);--c-background:var(--c-black);--c-line:color-mix(in srgb, var(--c-text) 20%, var(--c-background))}*,:before,:after{box-sizing:border-box}body{background:var(--c-background);color:var(--c-text);-webkit-font-smoothing:antialiased;scrollbar-color:var(--c-line) transparent;scrollbar-width:thin;margin:0;padding:0;font-family:Sometype Mono,monospace}::selection{background:var(--c1,var(--c-text));color:var(--c1-contrast,var(--c-background))}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-line);border-radius:3px}#shader-wrapper{max-width:50rem;margin:0 auto}#shader{aspect-ratio:1;border:1px solid var(--c-line);width:100%;position:relative;overflow:hidden}.shader-layer{position:absolute;inset:1em}.shader-layer--raw{opacity:0;transition:opacity .2s}.shader-layer--raw.active{opacity:1}#shader canvas,#shader svg{-webkit-user-select:none;user-select:none;display:block;width:100%!important;height:100%!important}.toggle-3d{z-index:2;color:var(--c-text);background:var(--c-background);border:1px solid var(--c-line);cursor:pointer;padding:.6em 1em;font-family:Sometype Mono,monospace;font-size:.9rem;transition:background .15s,color .15s;position:absolute;bottom:1em;right:1em}.toggle-3d:hover{background:var(--c-text);color:var(--c-background)}#iso-cube-view{background:var(--c-background);cursor:grab;z-index:1;justify-content:center;align-items:center;display:flex}#iso-cube-view:active{cursor:grabbing}#iso-cube-view svg{width:70%;height:70%;overflow:visible}#shader-controls{border:1px solid var(--c-line);border-top:none;align-items:center;gap:1em;padding:.75em 1em;display:flex}#shader-controls label{white-space:nowrap;opacity:.6;font-family:Sometype Mono,monospace;font-size:.85rem}#shader-progress{width:100%;accent-color:var(--c-text)}ol.color-list{flex-direction:column;max-width:50rem;margin:0 auto;padding:0;list-style:none;display:flex}ol.color-list li{flex:1;align-items:center;gap:1em;padding-block:.75em;padding-inline:1em;display:flex}.export__label{flex-direction:column;gap:.15em;display:flex}.export__name{white-space:nowrap;text-overflow:ellipsis;font-family:Aboreto,serif;font-size:1.4em;font-weight:400;line-height:1;overflow:hidden}.export__hex{opacity:.6;padding-left:0;font-family:Sometype Mono,monospace;font-size:1rem}#actions{border:1px solid var(--c-line);border-top:none;align-items:center;gap:1em;padding:0;display:flex}.palette-title{opacity:.6;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Aboreto,cursive;font-size:1.1rem;overflow:hidden}.btn-group{border:1px solid var(--c-line);font-family:Sometype Mono,monospace;font-size:.9rem;display:inline-flex}.btn-group__label{border-right:1px solid var(--c-line);padding:.6em 1em}.btn-group button{font-family:inherit;font-size:inherit;color:var(--c-text);border:none;border-right:1px solid var(--c-line);cursor:pointer;background:0 0;padding:.6em 1em;transition:background .15s,color .15s}.btn-group button:last-child{border-right:none}.btn-group button:hover{background:var(--c-text);color:var(--c-background)}.plaque{max-width:50rem;margin:0 auto;padding:2rem;font-family:Sometype Mono,monospace;font-size:1rem;line-height:1.6}@media (width>=640px){.plaque{padding:3rem;font-size:1.1rem}}.plaque section{margin-bottom:2.5em}.plaque section:last-child{margin-bottom:0}.plaque h2{margin:0 0 .5em;font-family:Aboreto,cursive;font-size:1.4em;font-weight:400}.plaque p{margin:0 0 .8em}.plaque a{color:var(--c-text);text-underline-offset:.2em;text-decoration-thickness:1px;transition:text-decoration-color .15s}.plaque a:hover{text-decoration-color:#0000}.links-list{flex-wrap:wrap;gap:.5em 1.5em;padding:0;list-style:none;display:flex}.links-list a{color:var(--c-text);text-underline-offset:.2em;text-decoration-thickness:1px}.plaque h2.logotype-heading{letter-spacing:-.05em;justify-content:center;align-items:baseline;font-size:4em;font-weight:100;display:flex}.logotype-heading .logo{width:1.25ch;display:inline-block;transform:translateY(.1ex)}.logotype-heading .logo svg{color:currentColor;width:100%;height:auto;display:block;overflow:visible}.landing-message{text-align:center;opacity:.6;padding:4rem 2rem;font-family:Sometype Mono,monospace}.thanks-list{flex-direction:column;gap:.8em;margin:0;padding:0;list-style:none;display:flex}.thanks-list li{flex-direction:column;gap:.15em;display:flex}.thanks-name{margin-top:1em;font-family:Aboreto,cursive;font-size:1.2em;font-weight:400}.thanks-name a{color:var(--c-text);text-underline-offset:.2em;text-decoration-thickness:1px}.thanks-reason{opacity:.7}#footer{justify-content:center;padding:3rem 2rem 4rem;display:flex}.ellogo{width:8rem;display:block}.ellogo svg{width:100%;height:auto;display:block}.el-text{fill:var(--c-text)}.el-band{stroke:var(--c1,var(--c-text));transition:stroke .15s}.ellogo:hover .el-band{stroke:var(--c1-hover,var(--c-text))}