@font-face{font-family:GT Alpina;src:url(/fonts/GT-Alpina-Standard-Regular-Trial.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GT Alpina;src:url(/fonts/GT-Alpina-Standard-Medium-Trial.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--grid-w: 1512px;--grid-h: 700px;--box: 19px;--gap: 2px;--tile: calc(var(--box) + var(--gap));--bg: #fcfcfc;--circle: #d6d6d2;--dot-scale: .35;--square: #1a1a1a;--pink: #ff34d3;--blue: #02b7ff;--yellow: #fff302;--lightblue: #86f1ff;--purple: #a473ff;--text-highlight-bg: #f2f2ed;--text-highlight-bleed-y: 1px;--text-highlight-bleed-x: 2px}.text-highlight{position:relative;isolation:isolate}.text-highlight:before{content:"";position:absolute;z-index:-1;top:calc(-1 * var(--text-highlight-bleed-y));right:calc(-1 * var(--text-highlight-bleed-x));bottom:calc(-1 * var(--text-highlight-bleed-y));left:calc(-1 * var(--text-highlight-bleed-x));background-color:var(--text-highlight-bg)}.inline-link{color:#4a430b;font-family:Hanken Grotesk,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.18px;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-skip-ink:auto;text-decoration-color:#7e7108;text-decoration-thickness:7.5%;text-underline-offset:16%;text-underline-position:from-font}.inline-link:hover,.inline-link:focus-visible{text-decoration-style:solid}*{box-sizing:border-box}html.page-cursor-active,html.page-cursor-active *{cursor:none!important}.page-cursor{position:fixed;top:0;left:0;width:15px;height:15px;border-radius:0;background-color:#00baff;pointer-events:none;z-index:10000;transform:translate(var(--cursor-x, -100px),var(--cursor-y, -100px)) translate(-50%,-50%);transition:width .12s ease,height .12s ease,border-radius .12s ease,background-color .12s ease}.page-cursor--hover{width:17px;height:17px;border-radius:50%;background-color:#00baff4d}body{margin:0;background:var(--bg);font-family:-apple-system,system-ui,sans-serif}::selection{background-color:#fffa93;color:#4a430b}::-moz-selection{background-color:#fffa93;color:#4a430b}.hero{display:flex;align-items:flex-start;justify-content:center;width:100%;padding:0 0 40px}.hero__stack{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;padding:0 24px;box-sizing:border-box}.hero-intro{width:min(308px,100%);margin:100px 0 0;opacity:0;color:#5c5840;font-family:Hanken Grotesk,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.1px;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-intro__serif{font-family:GT Alpina,Hanken Grotesk,sans-serif;font-weight:500;color:#4a430b}.hero-intro__name{color:#4a430b;font-weight:500;letter-spacing:.44px;font-size:18px}html.hero-loading .pixel-grid,html.hero-loading .hero-intro{opacity:0;visibility:hidden}html.hero-booting .cell:before{transition:none}html.hero-booting .cell:not(.cell--boot-in):before{opacity:0;visibility:hidden}html.hero-booting .cell.cell--boot-in:before{opacity:1;visibility:visible}html.hero-ready .hero-intro{opacity:1;transition:opacity .8s ease}.hero--grid-off .pixel-grid{display:none}.pixel-grid{display:grid;grid-template-columns:repeat(var(--cols),var(--tile));grid-auto-rows:var(--tile);gap:0;width:calc(var(--cols) * var(--tile));height:calc(var(--rows) * var(--tile));cursor:none}.cell{position:relative;width:var(--tile);height:var(--tile)}.cell:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--hv-rot, 0deg));transition:background-color .12s ease,width .12s ease,height .12s ease,border-radius .12s ease,transform .12s ease}.cell--off:before{width:calc(var(--box) * var(--dot-scale));height:calc(var(--box) * var(--dot-scale));border-radius:50%;background:var(--circle)}.cell--on:before{width:var(--box);height:var(--box);border-radius:1px;background:var(--flicker-bg, var(--square));transition:none}.cell.cell--hot:before{width:var(--hv-size);height:var(--hv-size);border-radius:var(--hv-radius);background:var(--hv-bg)}.cell.cell--hot-center:before{transition:none}.cell--on.cell--hot:before{background:var(--flicker-bg, var(--hv-bg, var(--square)))}.dev-panels{position:fixed;bottom:24px;left:24px;z-index:10;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 48px);overflow-y:auto;align-items:flex-start}.dev-panel{width:280px;padding:16px;border-radius:14px;background:#fff;box-shadow:0 8px 32px #0000002e;font-size:13px;color:#1a1a1a}.dev-panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.dev-panel__title{margin:0;font-size:14px;font-weight:600}.dev-panel__toggle{flex:none;width:28px;height:28px;border:1px solid #d9d9d9;border-radius:8px;background:#fafafa;font-size:18px;line-height:1;cursor:pointer}.dev-panel--collapsed{width:auto;padding:8px 12px}.dev-panel--collapsed .dev-panel__header{margin-bottom:0}.dev-panel--collapsed>:not(.dev-panel__header){display:none}.dev-panel__section{margin-bottom:12px}.dev-panel__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.dev-panel__row--slider{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 8px;align-items:center}.dev-panel__row--slider .dev-panel__label{grid-column:1}.dev-panel__row--slider .dev-panel__value{grid-column:2;font-variant-numeric:tabular-nums;color:#555}.dev-panel__row--slider .dev-panel__range{grid-column:1 / -1;width:100%}.dev-panel__label{display:block;margin-bottom:6px;font-weight:600;color:#555}.dev-panel__field-label{font-size:12px;color:#555}.dev-panel__hint{display:block;font-size:11px;color:#888;line-height:1.4}.dev-panel__readout{margin:0 0 12px;font-size:12px;color:#555}.dev-panel__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:30px;padding:0 10px;border:1px solid #d9d9d9;border-radius:8px;background:#fafafa;color:#1a1a1a;font-size:12px;cursor:pointer}.dev-panel__btn--primary{border-color:#1a1a1a;background:#1a1a1a;color:#fff}.dev-panel__hex,.preset-hex{width:88px;height:30px;padding:0 8px;border:1px solid #d9d9d9;border-radius:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:#1a1a1a;background:#fafafa}.hex-color{display:inline-flex;align-items:center;gap:6px}.hex-color__picker{width:32px;height:30px;padding:0;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;background:transparent}.hex-color__hex{width:88px}.hex-input--invalid{border-color:#c0392b;color:#c0392b}.dev-panel__preview-row{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background:var(--bg)}.dev-panel__dot-preview{display:block;border-radius:50%}.dev-panel__word-preview{display:block;width:28px;height:28px;border-radius:2px}.word-panel__error{margin:0 0 12px;font-size:12px;color:#c0392b}.word-panel__list{display:flex;flex-direction:column;gap:4px}.word-panel__item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid #ececec;border-radius:8px}.word-panel__item--active{border-color:#1a1a1a}.word-panel__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.word-panel__link{border:none;background:none;color:#c0392b;font-size:12px;cursor:pointer}.preset-panel{position:fixed;right:24px;bottom:24px;z-index:10;width:320px;max-height:calc(100vh - 48px);overflow-y:auto;padding:16px;border-radius:14px;background:#fff;box-shadow:0 8px 32px #0000002e;font-size:13px;color:#1a1a1a}.preset-panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.preset-panel__title{margin:0;font-size:14px;font-weight:600}.preset-panel__toggle{flex:none;width:28px;height:28px;border:1px solid #d9d9d9;border-radius:8px;background:#fafafa;font-size:18px;line-height:1;cursor:pointer}.preset-panel--collapsed{width:auto;padding:8px 12px}.preset-panel--collapsed .preset-panel__header{margin-bottom:0}.preset-panel--collapsed>:not(.preset-panel__header){display:none}.preset-panel__section{margin-bottom:16px}.preset-panel__label{display:block;margin-bottom:6px;font-weight:600;color:#555}.preset-panel__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.preset-btn{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 10px;border:1px solid #d9d9d9;border-radius:8px;background:#fafafa;color:#1a1a1a;font-size:12px;cursor:pointer}.preset-btn--active{border-color:#1a1a1a;background:#1a1a1a;color:#fff}.preset-swatch{width:26px;height:26px;padding:0;border:2px solid #d9d9d9;border-radius:6px;cursor:pointer}.preset-swatch--active{border-color:#1a1a1a;box-shadow:0 0 0 2px #fff inset}.preset-range{flex:1;min-width:120px}.preset-grid{display:grid;grid-template-columns:repeat(var(--pcols),var(--pbox));gap:var(--pgap);justify-content:center;padding:8px;border-radius:10px;background:var(--bg);--pbox: 28px;--pgap: 4px;--box: 28px}.pcell{position:relative;width:var(--pbox);height:var(--pbox);border-radius:4px;background:#0000000a;cursor:pointer}.pcell--center{outline:2px dashed #b0b0b0;outline-offset:-2px}.pcell:before{content:"";position:absolute;top:50%;left:50%;width:var(--hv-size, 0);height:var(--hv-size, 0);border-radius:var(--hv-radius, 0);transform:translate(-50%,-50%) rotate(var(--hv-rot, 0deg));background:var(--hv-bg, transparent)}.preset-list{display:flex;flex-direction:column;gap:4px}.preset-list__item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid #ececec;border-radius:8px}.preset-list__item--active{border-color:#1a1a1a}.preset-list__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.preset-input{flex:1;min-width:0;height:30px;padding:0 8px;border:1px solid #d9d9d9;border-radius:8px;font-size:12px}.preset-link{border:none;background:none;color:#c0392b;font-size:12px;cursor:pointer}.preset-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer}.dev-panel__checkbox{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.flicker-panel__colors{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.flicker-panel__color{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.flicker-panel__color-label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;cursor:pointer}.flicker-panel__remove{flex:none;border:none;background:none;color:#c0392b;font-size:12px;cursor:pointer;padding:0}.flicker-panel__swatch{display:block;width:18px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.12)}.flicker-panel__hex-label{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:#555}.lab-toolbar{position:fixed;bottom:24px;left:50%;z-index:20;max-width:min(420px,calc(100vw - 32px));padding:10px 12px;border-radius:10px;background:#fff;box-shadow:0 4px 20px #0000001f;font-size:12px;transform:translate(-50%)}.lab-toolbar__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.lab-toolbar__title{margin:0;font-size:14px;font-weight:600;color:#1a1a1a}.lab-toolbar__toggle{flex:none;width:28px;height:28px;border:1px solid #d9d9d9;border-radius:8px;background:#fafafa;font-size:18px;line-height:1;cursor:pointer}.lab-toolbar__body{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px}.lab-toolbar--collapsed{width:auto;padding:8px 12px}.lab-toolbar--collapsed .lab-toolbar__body{display:none}.lab-toolbar--collapsed .lab-toolbar__header{margin:0}.lab-toolbar__link{color:#1a1a1a;font-weight:500;text-decoration:none}.lab-toolbar__link:hover{text-decoration:underline}.lab-toolbar__btn{border:1px solid #1a1a1a;border-radius:8px;padding:6px 10px;background:#1a1a1a;color:#fff;font-size:12px;cursor:pointer}.lab-toolbar__hint{color:#666;font-size:11px}.lab-toolbar__hint code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px}