@keyframes _fadeIn_19wvq_1{0%{opacity:0}to{opacity:1}}._page_19wvq_8{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:clamp(24px,5vh,56px);width:100vw;height:100svh;animation:.5s both _fadeIn_19wvq_1;display:flex;position:relative;overflow:hidden}._loading_19wvq_24{opacity:0;pointer-events:none;animation:none}._linkStack_19wvq_32{flex-direction:column;align-items:center;gap:20px;margin-top:12vh;display:flex}._noteCanvas_19wvq_43{aspect-ratio:4/3;width:min(440px,72vw);image-rendering:pixelated;flex-shrink:0;margin-top:clamp(-110px,-12vh,-60px)}@media screen and (width<=500px){._noteCanvas_19wvq_43{width:270px;margin-top:clamp(-80px,-10vh,-40px)}}._link_19wvq_32{font-size:clamp(18px, var(--link-size,2.5vw), 20px);color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1;font-family:var(--app-font,"MS Sans Serif"), system-ui, sans-serif;isolation:isolate;--c:#000;background:0 0;border:none;padding:0;text-decoration:none;transition:color .3s,opacity .4s;position:relative}@media screen and (width<=500px){._link_19wvq_32{font-size:15px}}._link_19wvq_32:before{content:"";z-index:-1;clip-path:inset(0 100% 0 0);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='0.4'/></svg>"), linear-gradient(to right, color-mix(in srgb, var(--c) 46%, black) 0% 2%, color-mix(in srgb, var(--c) 60%, black) 2% 5%, color-mix(in srgb, var(--c) 72%, black) 5% 9%, color-mix(in srgb, var(--c) 83%, black) 9% 15%, color-mix(in srgb, var(--c) 93%, black) 15% 22%, var(--c) 22% 30%, color-mix(in srgb, var(--c) 90%, white) 30% 39%, color-mix(in srgb, var(--c) 77%, white) 39% 50%, color-mix(in srgb, var(--c) 62%, white) 50% 64%, color-mix(in srgb, var(--c) 46%, white) 64% 80%, color-mix(in srgb, var(--c) 30%, white) 80% 100%);background-blend-mode:overlay, normal;background-size:200px 200px,100% 100%;transition:clip-path .3s cubic-bezier(.25,0,.1,1);position:absolute;inset:-5px}@keyframes _slideIn_19wvq_1{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes _blink2_19wvq_1{0%,to{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}}._link_19wvq_32._clicking_19wvq_121{color:#fff}._clicking_19wvq_121:before{background-image:none;background-color:var(--c);animation:.28s cubic-bezier(.25,0,.1,1) forwards _slideIn_19wvq_1,.45s step-end infinite _blink2_19wvq_1}@media screen and (pointer:fine){._link_19wvq_32:hover{color:#fff}._link_19wvq_32:hover:before{clip-path:inset(0 0% 0 0)}}._panel_19wvq_140{z-index:200;background:var(--surface);border:1px solid var(--surface-line);-webkit-user-select:none;user-select:none;min-width:220px;max-width:90%;font-family:MS Sans Serif,monospace,sans-serif;font-size:11px;position:fixed;bottom:40px;left:20px;box-shadow:0 2px 8px #00000014}._panelHeader_19wvq_155{border:none;border-bottom:1px solid var(--surface-line);background:color-mix(in srgb, var(--fg) 6%, var(--surface));cursor:pointer;width:100%;color:var(--fg);text-align:left;box-sizing:border-box;justify-content:space-between;align-items:center;padding:5px 8px;font-family:inherit;font-size:11px;display:flex}._panelHeader_19wvq_155:hover{background:color-mix(in srgb, var(--fg) 12%, var(--surface))}._panelChevron_19wvq_174{color:var(--fg-dim);font-size:8px}._panelBody_19wvq_176{padding:8px 8px 6px}._colorRow_19wvq_178{grid-template-columns:1fr 24px 54px;align-items:center;gap:6px;margin-bottom:5px;display:grid}._colorLabel_19wvq_186{color:var(--fg);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}._colorInput_19wvq_195{border:1px solid var(--surface-line);cursor:pointer;background:0 0;width:24px;height:18px;padding:0}._colorHex_19wvq_204{color:var(--fg-dim);font-variant-numeric:tabular-nums;letter-spacing:.03em;font-size:10px}._actions_19wvq_211{border-top:1px solid var(--surface-line);gap:5px;margin-top:7px;padding-top:6px;display:flex}._btn_19wvq_219{border:1px solid var(--surface-line);color:var(--fg);cursor:pointer;letter-spacing:.04em;background:0 0;flex:1;padding:3px 0;font-family:inherit;font-size:10px}._btn_19wvq_219:hover{background:color-mix(in srgb, var(--fg) 8%, var(--surface));border-color:var(--fg-dim)}