.header[data-v-176f2e81]{z-index:50;height:calc(var(--header-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0);background:var(--bg);grid-template-columns:auto 1fr;align-items:center;gap:16px;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:grid;position:fixed;inset:0 0 auto}.header.scrolled[data-v-176f2e81]{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#0d0d0db8}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.header.scrolled[data-v-176f2e81]{background:var(--bg)}}.initials[data-v-176f2e81]{font-family:var(--f-display);font-weight:var(--w-display);font-size:var(--step-1);letter-spacing:var(--track-display);justify-self:start;text-decoration:none;transition:color .2s}.initials[data-v-176f2e81]:hover{color:var(--accent)}nav[data-v-176f2e81]{justify-self:end}ul[data-v-176f2e81]{gap:clamp(14px,2.2vw,32px);list-style:none;display:flex}a[data-v-176f2e81]{text-decoration:none}nav a[data-v-176f2e81]{display:inline-block;position:relative}nav a.on[data-v-176f2e81]{color:var(--accent)}@media (pointer:coarse){nav a[data-v-176f2e81]{margin-block:-14px;padding-block:14px}}@media (width<=760px){ul[data-v-176f2e81]{gap:14px}}@media (width<=360px){ul[data-v-176f2e81]{letter-spacing:.08em;gap:10px}}.footer[data-v-231bfd12]{border-top:1px solid var(--rule);grid-template-columns:1fr auto 1fr;align-items:baseline;gap:12px 32px;margin-top:clamp(48px,6vw,96px);padding-block:24px 32px;display:grid}.hint[data-v-231bfd12]{justify-self:center}.footer>a[data-v-231bfd12]{grid-column:3;justify-self:end}a[data-v-231bfd12]{text-decoration:none}kbd[data-v-231bfd12]{border:1px solid var(--rule-2);border-radius:var(--radius);width:20px;height:20px;font:inherit;letter-spacing:0;color:var(--ink);vertical-align:middle;justify-content:center;align-items:center;margin-inline:6px;padding:.15em 0 0;line-height:1;display:inline-flex}@media (pointer:coarse){.hint[data-v-231bfd12]{display:none}a[data-v-231bfd12]{margin-block:-12px;padding-block:12px;display:inline-block}}.panel[data-v-2a6bf9d5]{z-index:120;background:var(--bg);border-left:1px solid var(--rule-2);visibility:hidden;width:min(320px,100vw);transition:transform .55s var(--spring),visibility 0s .55s;flex-direction:column;gap:28px;padding:20px 24px;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.panel.open[data-v-2a6bf9d5]{visibility:visible;transition:transform .55s var(--spring);transform:none}.p-head[data-v-2a6bf9d5]{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}button[data-v-2a6bf9d5]{cursor:pointer;text-transform:inherit;letter-spacing:inherit;font-size:inherit;background:0 0;border:0}.p-close[data-v-2a6bf9d5],.reset[data-v-2a6bf9d5]{border:1px solid var(--rule-2);border-radius:var(--radius);padding:6px 10px}.p-close[data-v-2a6bf9d5]:hover,.reset[data-v-2a6bf9d5]:hover{border-color:var(--accent);color:var(--accent)}fieldset[data-v-2a6bf9d5]{border:0;flex-direction:column;gap:12px;display:flex}legend[data-v-2a6bf9d5]{margin-bottom:12px}.val[data-v-2a6bf9d5]{color:var(--ink);margin-left:8px}.sw[data-v-2a6bf9d5]{align-items:center;gap:8px;display:flex}.swatch[data-v-2a6bf9d5]{border-radius:var(--radius);outline-offset:3px;width:28px;height:28px}.swatch[aria-pressed=true][data-v-2a6bf9d5]{outline:1px solid var(--ink)}.pick[data-v-2a6bf9d5]{border:1px dashed var(--rule-2);border-radius:var(--radius);cursor:pointer;width:28px;height:28px;position:relative;overflow:hidden}.pick input[data-v-2a6bf9d5]{opacity:0;cursor:pointer;width:44px;height:44px;position:absolute;inset:-8px}.field[data-v-2a6bf9d5]{flex-direction:column;gap:12px;display:flex}input[type=range][data-v-2a6bf9d5]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px}input[type=range][data-v-2a6bf9d5]::-webkit-slider-runnable-track{background:var(--rule-2);height:1px}input[type=range][data-v-2a6bf9d5]::-moz-range-track{background:var(--rule-2);height:1px}input[type=range][data-v-2a6bf9d5]::-webkit-slider-thumb{appearance:none;background:var(--accent);border-radius:var(--radius);width:12px;height:12px;margin-top:-6px}input[type=range][data-v-2a6bf9d5]::-moz-range-thumb{background:var(--accent);border-radius:var(--radius);border:0;width:12px;height:12px}.p-foot[data-v-2a6bf9d5]{justify-content:space-between;align-items:center;margin-top:auto;display:flex}@media (prefers-reduced-motion:reduce){.panel[data-v-2a6bf9d5],.panel.open[data-v-2a6bf9d5]{transition:none}}.grain[data-v-cf7b4857]{z-index:-1;pointer-events:none;opacity:.6;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix values='1 0 0 0 -.2 1 0 0 0 -.2 1 0 0 0 -.2 0 0 0 0 1'/%3E%3C/filter%3E%3Cpath d='M0 0h200v200H0z' filter='url(%23a)'/%3E%3C/svg%3E");background-size:200px;animation:1s steps(4,end) infinite grain-cf7b4857;position:fixed;inset:-50%}@keyframes grain-cf7b4857{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}@media (pointer:coarse),(prefers-reduced-motion:reduce){.grain[data-v-cf7b4857]{animation:none}}