:root{--ground:#fff;--ground-2:#f2eff9;--ink:#16122a;--muted:#4c4664;--coral:#ff7a6b;--violet:#5b2bc9;--lavender:#a58ae1;--deep:#2a0f6b;--on-violet:#fff;--font:"Hanken Grotesk Variable", "Hanken Grotesk", system-ui, sans-serif;--font-code:ui-monospace, "SF Mono", Menlo, monospace;--step-small:clamp(.875rem, .85rem + .1vw, .9375rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.05rem + .75vw, 1.875rem);--step-head:clamp(2rem, 1.3rem + 2.6vw, 3.75rem);--step-display:clamp(2.75rem, .9rem + 5.6vw, 6.75rem);--margin:12px;--gap:8px;--section:clamp(7rem, 12vw, 13rem);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-soft:cubic-bezier(.33, 1, .68, 1);--t-press:.14s;--t-hover:.18s;--t-ui:.24s;--t-reveal:.8s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font);font-size:var(--step-body);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}h1,h2,h3,p,figure,ul,ol,dl,dd,pre{margin:0}ul[class],ol[class]{padding:0;list-style:none}img,video,svg{max-width:100%;display:block}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}:target{scroll-margin-top:2rem}::selection{background:var(--violet);color:var(--on-violet)}:focus-visible{outline-offset:3px;outline:3px solid}code{font-family:var(--font-code);font-size:.92em}h1,h2,h3{text-wrap:balance;font-weight:500}.display{font-size:var(--step-display);letter-spacing:-.05em;line-height:.9}.head{font-size:var(--step-head);letter-spacing:-.04em;line-height:.95}.lead{font-size:var(--step-lead);letter-spacing:-.015em;line-height:1.3}.small{font-size:var(--step-small);line-height:1.45}p{text-wrap:pretty}.nums{font-variant-numeric:tabular-nums}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--margin);z-index:10;background:var(--ink);color:var(--ground);padding:.75rem 1rem;position:absolute;top:-4rem}.skip:focus{top:var(--margin)}.folder{--tw:38%;--th:2rem;clip-path:polygon(0 0, var(--tw) 0, calc(var(--tw) + var(--th)) var(--th), 100% var(--th), 100% 100%, 0 100%)}.bullet{--tw:42%;--th:.16em;background:currentColor;flex:none;width:.9em;height:.72em;display:inline-block}.button{--fill:var(--ink);--label:var(--ground);--tw:34%;--th:.5rem;background:var(--fill);min-height:3.5rem;color:var(--label);white-space:nowrap;clip-path:polygon(0 0, var(--tw) 0, calc(var(--tw) + var(--th)) var(--th), 100% var(--th), 100% 100%, 0 100%);transition:transform var(--t-press) var(--ease-out), background-color var(--t-hover) ease, color var(--t-hover) ease;align-items:center;gap:.6em;padding:.85rem 1.6rem .55rem;font-weight:500;text-decoration:none;display:inline-flex}.button:active{transform:scale(.97)}.button:focus-visible{--fill:var(--violet);--label:var(--on-violet);text-underline-offset:.25em;outline:none;text-decoration:underline}.button.on-ink{--fill:var(--ground);--label:var(--ink)}.button.on-ink:focus-visible{--fill:var(--lavender);--label:var(--ink)}.link{text-underline-offset:.22em;transition:text-decoration-color var(--t-hover) ease;text-decoration:underline .08em #0000}.link-plain{text-underline-offset:.2em;text-decoration:underline .07em}@media (hover:hover) and (pointer:fine){.link:hover{text-decoration-color:currentColor}.button:hover{--fill:var(--violet);--label:var(--on-violet)}.button.on-ink:hover{--fill:var(--lavender);--label:var(--ink)}}.hero{gap:var(--margin);padding:var(--margin);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100svh;display:grid}.hero-card{--tw:46%;--th:clamp(3.5rem, 7vh, 4.75rem);background:var(--coral);color:var(--ink);min-height:calc(100svh - 2 * var(--margin));flex-direction:column;padding:0 clamp(1.5rem,3.4vw,3.5rem) clamp(1.5rem,3vh,2.5rem);display:flex}.wordmark{height:var(--th);font-size:var(--step-lead);letter-spacing:-.03em;align-items:center;gap:.75rem;font-weight:500;text-decoration:none;display:flex}.wordmark img{background:0 0;width:2.25rem;height:2.25rem}.hero-body{margin-block:auto;padding-block:clamp(2rem,6vh,4rem)}.hero-body h1{max-width:9ch}.hero-body .lead{max-width:34ch;margin-top:clamp(1.25rem,3vh,2rem)}.hero-action{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:clamp(1.75rem,4vh,2.75rem);display:flex}.hero-action .small{max-width:32ch}.hero-links{flex-wrap:wrap;gap:.5rem 1.75rem;display:flex}.hero-links a{font-size:var(--step-body)}.hero-stage{top:var(--margin);height:calc(100svh - 2 * var(--margin));background:var(--violet);flex-direction:column;justify-content:center;align-items:flex-start;gap:1.25rem;min-height:34rem;padding:clamp(1.25rem,3vw,3rem) 0 clamp(1.25rem,3vw,3rem) clamp(1.25rem,3vw,3rem);display:flex;position:sticky;overflow:hidden}.hero-stage>[data-ui]{width:max(100%,46rem);margin-right:-4rem}.stage-hint{color:var(--on-violet);max-width:40ch}.showcase{min-height:92svh;margin-top:var(--section);background:var(--violet);color:var(--on-violet);transition:background-color .6s var(--ease-in-out), color .6s var(--ease-in-out);padding:clamp(2rem,5vw,4.5rem) clamp(1.5rem,4vw,4rem);position:relative;overflow:hidden}.showcase[data-linked=false]{background:var(--coral);color:var(--ink)}.showcase h2{max-width:10ch}.showcase .lead{max-width:38ch;margin-top:1.5rem}.showcase-control{position:absolute;bottom:-4vh;right:-4vw}.band{--tw:40%;--th:clamp(3rem, 6vw, 5.5rem);margin-top:var(--section);background:var(--lavender);color:var(--ink);padding:calc(var(--th) + clamp(2rem, 4vw, 4rem)) clamp(1.5rem, 4vw, 4rem) clamp(2rem, 4vw, 4rem)}.band-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:2rem;display:grid}.band-head .lead{max-width:34ch}.band-shots{--tw:22%;--th:clamp(1rem, 2vw, 1.75rem);padding-top:var(--th);background:var(--ground);margin-top:clamp(2rem,4vw,3.5rem)}.band-frame{aspect-ratio:2880/1760;background:var(--ground-2);position:relative}.band-frame picture,.band-frame img{object-fit:cover;object-position:top left;width:100%;height:100%;position:absolute;inset:0}.band-frame picture{opacity:0;transition:opacity 1.6s var(--ease-in-out)}.band-frame picture.is-shown{opacity:1}.band-caption{flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:1.25rem;display:flex}.band-caption [data-theme-name]{font-weight:500}.board{gap:var(--gap);margin:var(--section) var(--margin) 0;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:104px;display:grid}.tile{flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:relative;overflow:hidden}.tile-text{z-index:1;max-width:30ch;position:relative}.tile-text h3{font-size:var(--step-body);font-weight:500;line-height:1.25}.tile-text p{font-size:var(--step-small)}.tile>[data-ui]{position:absolute}.tile-heading{justify-content:flex-start}.t-a{background:var(--ink);color:var(--ground);grid-area:1/1/3/7}.t-c{background:var(--ground-2);grid-area:1/7/5/10}.t-d{background:var(--coral);grid-area:1/10/5/13}.t-b{background:var(--deep);color:var(--on-violet);grid-area:3/1/7/7;padding:0}.t-e{background:var(--lavender);grid-area:5/7/7/13}.t-f{background:var(--violet);color:var(--on-violet);grid-area:7/1/9/4}.t-g{background:var(--ground-2);grid-area:7/4/9/7}.t-h{background:var(--coral);grid-area:7/7/9/13}.t-b video{object-fit:cover;object-position:top left;background:var(--deep);width:100%;height:100%;position:absolute;inset:0}.t-b .tile-text{background:var(--deep);max-width:none;padding:14px 20px 18px;position:absolute;bottom:0;left:0}.keys{margin-top:var(--section);background:var(--deep);color:var(--on-violet);padding:clamp(3rem,6vw,6rem) 24px}.keys table{border-collapse:collapse;width:100%;font-size:var(--step-lead);line-height:1.5}.keys th,.keys td{text-align:left;vertical-align:baseline;padding:0;font-weight:400}.keys tbody tr>:first-child{width:27%}.keys tbody tr>:nth-child(2){width:43%}.keys tbody tr>:nth-child(3){width:17%}.keys tbody tr>:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}.keys .group th{z-index:1;background:var(--deep);color:var(--coral);padding:72px 0 20px;position:sticky;top:0}.keys tbody:first-of-type .group th{padding-top:0}.keys .soft{color:#c9bdf0}.keys kbd{font-family:var(--font)}.keys-note{max-width:52ch;margin-top:3rem}.wall{gap:var(--gap);margin:var(--section) var(--gap) 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cell{aspect-ratio:1;background:var(--c-bg);color:var(--c-ink);place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.cell .word{letter-spacing:-.05em;text-align:center;font-size:clamp(3rem,5.4vw,6rem);font-weight:500;line-height:.9}.cell .cap{text-align:center;font-size:var(--step-small);position:absolute;bottom:18px;left:0;right:0}.cell picture,.cell img{object-fit:cover;object-position:left top;width:100%;height:100%;position:absolute;inset:0}.cell.shot{--tw:36%;--th:8%}.cell.shot img{transition:transform .9s var(--ease-soft)}@media (hover:hover) and (pointer:fine){.cell.shot:hover img{transform:scale(1.04)}}.cell.p1{--c-bg:var(--violet);--c-ink:var(--on-violet)}.cell.p2{--c-bg:var(--coral);--c-ink:var(--ink)}.cell.p3{--c-bg:var(--ground-2);--c-ink:var(--ink)}.cell.p4{--c-bg:var(--lavender);--c-ink:var(--ink)}.cell.p5{--c-bg:var(--ink);--c-ink:var(--ground)}.get{min-height:90svh;margin-top:var(--section);background:var(--coral);color:var(--ink);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:2rem;padding:40px;display:grid}.get-text{grid-column:1/6;align-self:end}.get-text h2{max-width:8ch}.get-text p{max-width:36ch;margin-top:1.5rem}.get-sheet{grid-column:7/12;justify-self:center;width:min(100%,440px)}.faq{gap:2rem var(--gap);margin:var(--section) var(--margin) 0;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.faq-head{grid-column:1/5}.faq-head h2{position:sticky;top:96px}.faq-list{gap:var(--gap);grid-column:5/13;display:grid}.faq details{background:var(--ground-2);transition:background-color var(--t-ui) ease}.faq details[open]{background:var(--coral)}.faq summary{min-height:72px;font-size:var(--step-lead);cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;padding:18px 24px;font-weight:500;line-height:1.25;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.plus{flex:none;width:16px;height:16px;position:relative}.plus:before,.plus:after{content:"";width:16px;height:3px;transition:transform var(--t-ui) var(--ease-out);background:currentColor;position:absolute;top:6.5px;left:0}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0)}.faq-answer{max-width:58ch;padding:0 24px 24px}.faq-answer p+p,.faq-answer p+ol,.faq-answer ol+p{margin-top:.8em}.faq-answer ol{padding-left:1.3em}.faq-answer li+li{margin-top:.35em}.faq-answer pre{background:var(--ink);color:var(--ground);font-size:var(--step-small);margin-top:.8em;padding:.9rem 1rem;overflow-x:auto}.footer{margin-top:var(--section);background:var(--deep);color:var(--on-violet);padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,4vw,4rem) 2rem}.mark{width:100%;height:34svh;min-height:12rem}.footer-links{grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem 1.5rem;margin-top:56px;display:grid}.footer-links nav{grid-column:span 2}.footer-links h2{font-size:var(--step-body);color:var(--coral);font-weight:500}.footer-links ul{gap:.4rem;margin-top:.75rem;display:grid}.footer-links a{font-size:var(--step-small)}.footer-about{font-size:var(--step-small);grid-column:9/13}.footer-about p+p{margin-top:.6rem}.footer-end{font-size:var(--step-small);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:4rem;display:flex}@media (width<=900px){.hero{grid-template-columns:1fr}.hero-stage{order:-1;height:auto;min-height:0;padding:1rem 0 2.75rem 1rem;position:relative;top:0}.hero-stage>[data-ui]{width:100%;margin-right:0}.hero-card{min-height:0;margin-top:-24px;position:relative}.hero-body h1{max-width:none}.showcase{min-height:86svh}.showcase-control{bottom:9svh;left:5vw;right:auto}.band-head{grid-template-columns:1fr}.board{grid-template-columns:1fr 1fr;grid-auto-rows:28vw;gap:6px}.t-a{grid-area:auto/1/span 2/3}.t-b{grid-area:auto/1/span 3/3}.t-c,.t-d,.t-e,.t-f,.t-g,.t-h{grid-area:auto/auto/span 2/span 1}.t-e,.t-h{grid-column:1/3}.keys table,.keys thead,.keys tbody,.keys tr,.keys td,.keys th{display:block}.keys tbody tr>*{width:auto!important}.keys tr:not(.group){grid-template-columns:1fr auto;gap:0 1rem;margin-top:18px;display:grid}.keys tr:not(.group)>:first-child{grid-column:1/3;font-size:22px}.keys tr:not(.group)>:nth-child(2){display:none}.keys tr:not(.group)>:nth-child(3),.keys tr:not(.group)>:nth-child(4){font-size:var(--step-small)}.keys .group th{padding:48px 0 8px}.wall{grid-template-columns:1fr 1fr;gap:6px;margin-inline:6px}.cell .word{font-size:12.5vw}.get{grid-template-columns:1fr;min-height:84svh;padding:24px 16px 32px}.get-text,.get-sheet{grid-column:1}.get-text{align-self:start}.get-sheet{width:100%}.faq{grid-template-columns:1fr}.faq-head,.faq-list{grid-column:1}.faq-head h2{position:static}.faq summary{min-height:64px;padding:16px 20px}.footer-links nav{grid-column:span 6}.footer-about{grid-column:1/-1}}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .9s var(--ease-out);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(24px)}.js [data-reveal].is-in{opacity:1;transform:none}.js [data-rise]{animation:rise var(--t-reveal) var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 90ms + .12s);transform:translateY(20px)}.js .hero-stage[data-rise]{opacity:0;transform:scale(.985)}.js .band-shots[data-reveal]{opacity:1;clip-path:polygon(0 0, var(--tw) 0, calc(var(--tw) + var(--th)) 0, 100% 0, 100% 0, 0 0);transition:clip-path 1.2s var(--ease-in-out);transform:none}.js .band-shots[data-reveal].is-in{clip-path:polygon(0 0, var(--tw) 0, calc(var(--tw) + var(--th)) var(--th), 100% var(--th), 100% 100%, 0 100%)}.js .keys tbody tr[data-reveal]{transform:translateY(12px)}.js .cell[data-reveal]{transform:scale(.96)}.showcase-control [data-knob]{transition:transform .42s var(--ease-out)}}@keyframes rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.band-frame picture,.showcase{transition:none}}[data-ui]{--ui-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--ui-mono:ui-monospace, Menlo, "SF Mono", monospace;--ui-blue:#2f6fed;--ui-row:#f4f5f7;--ui-line:#e3e3e8;--ui-text:#1d1d1f;--ui-soft:#6e6e73;font-family:var(--ui-font);color:var(--ui-text);letter-spacing:0}[data-ui].ft{background:#fff;border:1px solid #0003;border-radius:10px;font-size:13px;line-height:1.25;overflow:hidden}[data-ui] .ft-bar{border-bottom:1px solid var(--ui-line);background:#f6f5f8;align-items:center;gap:8px;height:38px;padding:0 14px;display:flex}[data-ui] .ft-dot{background:#ff5f57;border-radius:50%;width:12px;height:12px}[data-ui] .ft-dot:nth-child(2){background:#febc2e}[data-ui] .ft-dot:nth-child(3){background:#28c840}[data-ui] .ft-title{color:#3a3a3c;margin-left:14px;font-weight:600}[data-ui] .ft-panes{border-bottom:1px solid var(--ui-line);grid-template-columns:1fr 1fr;height:352px;display:grid}[data-ui] .ft-pane{border:2px solid #0000;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}[data-ui] .ft-pane+.ft-pane{border-left:1px solid var(--ui-line)}[data-ui] .ft-pane.is-active{border-color:var(--ui-blue)}[data-ui] .ft-crumbs{white-space:nowrap;color:#3a3a3c;border-bottom:1px solid var(--ui-line);align-items:center;gap:4px;height:28px;padding:0 10px;display:flex;overflow:hidden}[data-ui] .ft-crumbs button{border-radius:4px;align-items:center;gap:4px;padding:2px 3px;display:inline-flex}[data-ui] .ft-crumbs button:hover{background:#ececf0}[data-ui] .ft-crumbs .sep{color:#a1a1a6}[data-ui] .ft-head{color:#3a3a3c;border-bottom:1px solid var(--ui-line);grid-template-columns:minmax(0,1fr) 70px;align-items:center;height:24px;padding:0 10px 0 30px;font-size:12px;font-weight:600;display:grid}[data-ui] .ft-list{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}[data-ui] .ft-row{text-align:left;white-space:nowrap;grid-template-columns:16px minmax(0,1fr) 70px;align-items:center;gap:6px;width:100%;height:24px;padding:0 10px;display:grid}[data-ui] .ft-list li:nth-child(2n) .ft-row{background:var(--ui-row)}[data-ui] .ft-row .name{text-overflow:ellipsis;overflow:hidden}[data-ui] .ft-row .size{color:var(--ui-soft);font-variant-numeric:tabular-nums}[data-ui] .ft-row[aria-pressed=true]{color:#fff;background:var(--ui-blue)!important}[data-ui] .ft-row[aria-pressed=true] .size{color:#e8eefc}[data-ui] .ft-row:focus-visible,[data-ui] .ft-crumbs button:focus-visible,[data-ui] .ft-link:focus-visible{outline:2px solid var(--ui-blue);outline-offset:-2px}[data-ui] .ico{width:16px;height:13px}[data-ui] .ico-folder{color:#4aa3f0}[data-ui] .ico-file{color:#b8b8be}[data-ui] .ft-status{height:22px;color:var(--ui-soft);border-top:1px solid var(--ui-line);justify-content:space-between;align-items:center;padding:0 10px;font-size:11.5px;display:flex}[data-ui] .ft-term{background:#fff}[data-ui] .ft-term-bar{border-bottom:1px solid var(--ui-line);justify-content:flex-start;align-items:center;gap:18px;height:40px;padding:0 12px;display:flex}[data-ui] .ft-term-name{font-size:12px;font-weight:600;line-height:1.2}[data-ui] .ft-term-name span{color:var(--ui-soft);font-weight:400;display:block}[data-ui] .ft-link{background:#fafafa;border:1px solid #d5d5da;border-radius:6px;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:12px;display:inline-flex}[data-ui] .ft-link[aria-pressed=false]{color:var(--ui-soft)}[data-ui] .ft-screen{height:204px;font-family:var(--ui-mono);overscroll-behavior:contain;padding:8px 10px 10px;font-size:12.5px;line-height:1.35;overflow-y:auto}[data-ui] .ft-out{display:block}[data-ui] .ft-out,[data-ui] samp{font-family:inherit;font-size:inherit}[data-ui] .ft-out p{white-space:pre-wrap;word-break:break-all}[data-ui] .g-arrow,[data-ui] .g-dirty{vertical-align:-.05em;background:currentColor;display:inline-block}[data-ui] .g-arrow{clip-path:polygon(0 32%,52% 32%,52% 0,100% 50%,52% 100%,52% 68%,0 68%);width:.85em;height:.8em}[data-ui] .g-dirty{clip-path:polygon(14% 0,50% 38%,86% 0,100% 14%,64% 50%,100% 86%,86% 100%,50% 62%,14% 100%,0 86%,36% 50%,0 14%);width:.62em;height:.75em}[data-ui] .ft-prompt{align-items:baseline;gap:.6ch;display:flex}[data-ui] .ft-prompt label{white-space:pre;flex:none}[data-ui] .ft-prompt input{min-width:0;font:inherit;color:inherit;caret-color:#1d1d1f;background:0 0;border:0;flex:1;padding:0}[data-ui] .ft-prompt input:focus{outline:none}[data-ui] .ft-prompt input::placeholder{color:#a1a1a6}[data-ui] .c-ok{color:#17802f}[data-ui] .c-dir{color:#07707f;font-weight:600}[data-ui] .c-git{color:#3740d6;font-weight:600}[data-ui] .c-branch{color:#d1342f;font-weight:600}[data-ui] .c-dirty{color:#b58a00}[data-ui] .c-cmd{color:#17802f}[data-ui] .c-str,[data-ui] .c-hash{color:#7d5f00}[data-ui] .c-head{color:#07707f;font-weight:600}[data-ui] .c-err{color:#d1342f}[data-ui] .c-soft{color:var(--ui-soft)}[data-ui] .ls{flex-wrap:wrap;gap:0 2.2ch;display:flex}@media (width<=900px){[data-ui] .ft-panes{grid-template-columns:1fr;height:252px}[data-ui] .ft-pane+.ft-pane{display:none}[data-ui] .ft-screen{height:150px}[data-ui] .ft-prompt input{font-size:16px}}[data-ui].switch{font-size:15vh;font-family:var(--ui-font);color:inherit;flex-direction:column;gap:.12em;display:flex}[data-ui].switch .switch-label{letter-spacing:-.01em;font-size:.26em;font-weight:600}[data-ui].switch .switch-label span{opacity:.85;font-weight:400}[data-ui].switch button{background:#2f6fed;border-radius:1.2em;width:4.2em;height:2.4em;transition:background-color .42s;position:relative}[data-ui].switch button[aria-checked=false]{background:#dcdce2}[data-ui].switch [data-knob]{background:#fff;border-radius:50%;width:2em;height:2em;position:absolute;top:.2em;left:.2em;transform:translate(1.8em);box-shadow:0 .05em .12em #00000040}[data-ui].switch button[aria-checked=false] [data-knob]{transform:translate(0)}[data-ui].switch button:focus-visible{outline-offset:.06em;outline:.05em solid}@media (width<=900px){[data-ui].switch{font-size:min(20vw,12vh)}}[data-ui].keycaps{gap:.18em;font-size:7.5rem;display:flex;top:.3em;left:20px}[data-ui].keycaps.one{top:.4em;left:auto;right:-.45em}[data-ui] .key{color:#1d1d1f;background:#fdfdfd;border-radius:.14em;place-items:end start;width:1.2em;height:1.2em;padding:.12em .16em;font-size:1em;font-weight:400;line-height:1;display:grid;position:relative;box-shadow:0 .03em 0 .01em #b9b9c0,inset 0 -.02em #e4e4ea}[data-ui] .key b{font-size:.42em;font-weight:400}[data-ui] .key.wide{width:1.9em}[data-ui] .key i{font-size:.42em;font-style:normal;position:absolute;top:.12em;right:.16em}[data-ui].transfer{background:#fff;border-radius:.3em;padding:.45em .6em;font-size:2.2rem;top:.5em;left:20px;right:-2.5em;box-shadow:0 .02em .06em #00000026}[data-ui] .tr-top{justify-content:space-between;gap:1em;font-size:.5em;font-weight:600;display:flex}[data-ui] .tr-bar{background:#e6e6ea;border-radius:.09em;height:.18em;margin:.3em 0 .25em;overflow:hidden}[data-ui] .tr-bar i{background:var(--ui-blue);border-radius:inherit;width:62%;height:100%;display:block}[data-ui] .tr-sub{color:var(--ui-soft);font-variant-numeric:tabular-nums;font-size:.42em}[data-ui].views{background:#ececf0;border-radius:.18em;gap:.04em;padding:.06em;font-size:3.4rem;display:flex;top:.35em;right:-.6em}[data-ui].views span{color:#4a4a4f;border-radius:.13em;place-items:center;width:1.25em;height:.9em;display:grid}[data-ui].views span.on{color:#1d1d1f;background:#fff;box-shadow:0 .02em .05em #0003}[data-ui].views svg{width:.5em;height:.5em}[data-ui].rename{gap:.1em;font-size:1.9rem;display:grid;top:.4em;left:20px;right:-3em}[data-ui].rename p{white-space:nowrap;grid-template-columns:auto auto;justify-content:start;gap:0 .5em;font-size:.55em;display:grid}[data-ui].rename s{color:var(--ui-soft);text-decoration-thickness:.06em}[data-ui].rename b{color:#1d1d1f;font-weight:600}[data-ui].sync{background:#fff;border-radius:.3em;gap:.12em;padding:.4em .6em;font-size:2rem;display:grid;top:.45em;left:20px;right:-1em;box-shadow:0 .02em .06em #00000026}[data-ui].sync p{white-space:nowrap;align-items:center;gap:.4em;font-size:.5em;display:flex}[data-ui].sync input{width:.9em;height:.9em;accent-color:var(--ui-blue)}[data-ui].sync .arrow{color:var(--ui-blue);font-weight:600}[data-ui].sync .del{color:#d1342f;font-weight:600}[data-ui].sheet{background:#fff;border-radius:12px;font-size:14px;overflow:hidden;box-shadow:0 24px 60px #16122a59,0 0 0 1px #00000014}[data-ui] .sheet-bar{border-bottom:1px solid var(--ui-line);background:#f6f5f8;align-items:center;gap:8px;height:40px;padding:0 14px;display:flex}[data-ui] .sheet-bar strong{margin-left:auto;margin-right:auto;padding-right:52px;font-size:13px}[data-ui] .sheet-body{gap:14px;padding:18px 20px 20px;display:grid}[data-ui] .seg{background:#ececf0;border-radius:8px;grid-template-columns:1fr 1fr;padding:2px;display:grid}[data-ui] .seg button{color:#3a3a3c;border-radius:6px;height:30px;font-size:13px}[data-ui] .seg button[aria-selected=true]{color:#1d1d1f;background:#fff;outline:.5px solid #0000001f;font-weight:600}[data-ui] .seg button:focus-visible{outline:2px solid var(--ui-blue);outline-offset:1px}[data-ui] dl{grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px;display:grid}[data-ui] dt{color:var(--ui-soft)}[data-ui] dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}[data-ui] dd code{font-family:var(--ui-mono);font-size:11.5px}[data-ui] .field-label{color:var(--ui-soft);gap:6px;font-size:13px;display:grid}[data-ui] .field-label input{color:#1d1d1f;height:34px;font-family:var(--ui-mono);background:#fff;border:1px solid #c9c9cf;border-radius:6px;padding:0 10px;font-size:13px}[data-ui] .field-label input:focus{border-color:var(--ui-blue);outline:3px solid #2f6fed59}[data-ui] pre{color:#f2eff9;font-family:var(--ui-mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#16122a;border-radius:8px;margin:0;padding:12px;font-size:12px;line-height:1.55}[data-ui] .primary{background:var(--ui-blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;height:44px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .14s cubic-bezier(.22,1,.36,1),background-color .18s;display:flex}[data-ui] .primary:hover{background:#2259cc}[data-ui] .primary:active{transform:scale(.98)}[data-ui] .primary:focus-visible{outline-offset:2px;outline:3px solid #2f6fed73}[data-ui] .sheet-note{color:var(--ui-soft);font-size:12.5px}[data-ui] .sheet-note a{color:var(--ui-blue)}[data-ui] [hidden]{display:none!important}@media (width<=900px){[data-ui] .primary{height:52px}[data-ui] .field-label input{font-size:16px}[data-ui].keycaps{font-size:4.25rem;top:.3em;left:16px}[data-ui].keycaps.one{top:.3em;right:-.3em}[data-ui].views{font-size:2.6rem}[data-ui].rename{font-size:1.6rem}}
