@font-face{font-family:Open Runde;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/open-runde-latin-400-normal-Crq_kbPk.woff2) format("woff2"),url(/assets/open-runde-latin-400-normal-XRnp7O8j.woff) format("woff")}@font-face{font-family:Open Runde;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/open-runde-latin-500-normal-Ci8G7la9.woff2) format("woff2"),url(/assets/open-runde-latin-500-normal-DS3YmeE4.woff) format("woff")}@font-face{font-family:Open Runde;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/open-runde-latin-600-normal-DFJ5egKh.woff2) format("woff2"),url(/assets/open-runde-latin-600-normal-CCOYa82w.woff) format("woff")}.eyt{position:relative;width:var(--eyt-size, 100px);height:var(--eyt-size, 100px);display:grid;place-items:center}.eyt-ball{width:var(--eyt-size, 100px);height:var(--eyt-size, 100px);overflow:visible}.eyt-body{fill:var(--fill-slab, #ffffff);transition:fill .22s ease}.eyt-eye{fill:var(--fill-on, #0b0b0d);transition:fill .22s ease}.eyt-cheek{fill:#ff6f91;opacity:0;transition:opacity .26s ease}[data-blush] .eyt-cheek{opacity:.75}.eyt-link{display:block;line-height:0;border-radius:16px;outline-offset:4px}.eyt-link:focus-visible{outline:2px solid var(--fill-slab, #3b5bff)}.eyt[data-float]{position:fixed;bottom:24px;z-index:2147483000}.eyt[data-float=bottom-right]{right:24px}.eyt[data-float=bottom-left]{left:24px}.eyt-ball[data-poke]{cursor:pointer;transform-origin:center;transition:scale .42s cubic-bezier(.24,1.34,.38,1);-webkit-tap-highlight-color:transparent}.eyt-ball[data-poke]:active{scale:.96;transition-duration:.16s;transition-timing-function:ease}.eyt-say{position:absolute;z-index:1;left:calc(50% + var(--eyt-size, 100px) * .36 + var(--eyt-gap, 8px));top:calc(50% + var(--eyt-size, 100px) * .3 + var(--eyt-gap, 8px));display:inline-flex;align-items:center;gap:2px;min-height:34px;padding:0 16px;border-radius:6px 14px 14px;background:var(--tint, #3b5bff);box-shadow:inset 0 -1.5px #0000001a;color:#fff;font-family:var(--font-ui, "Open Runde", system-ui, -apple-system, "Segoe UI", sans-serif);font-size:13px;font-weight:400;line-height:1;white-space:nowrap;transform-origin:top left;opacity:0;scale:.85;pointer-events:none;transition:opacity .16s ease,scale .22s cubic-bezier(.24,1.34,.38,1),background-color .22s ease;letter-spacing:0em}.eyt-say[data-on]{opacity:1;scale:1}.eyt[data-float] .eyt-say{top:auto;bottom:calc(50% + var(--eyt-size, 100px) * .3 + var(--eyt-gap, 8px));border-radius:14px 14px 14px 6px;transform-origin:bottom left}.eyt[data-float=bottom-right] .eyt-say{left:auto;right:calc(50% + var(--eyt-size, 100px) * .36 + var(--eyt-gap, 8px));border-radius:14px 14px 6px;transform-origin:bottom right}.eyt-caret{width:1.5px;height:13px;border-radius:1px;background:currentColor;animation:eyt-caret 1s steps(1) infinite}@keyframes eyt-caret{50%{opacity:0}}:root{--page: #0b0b0c;--surface: #1c1c1e;--raised: #2a2a2d;--line: #3a3a3e;--text: #f4f4f5;--muted: #8e8e93;--stage-light: #f2f2f0;font-family:Open Runde,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--page)}*{box-sizing:border-box}body{margin:0;background:var(--page)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}.app{display:grid;grid-template-columns:1fr 400px;gap:16px;height:100vh;padding:16px}.stage{position:relative;display:grid;place-items:center;border-radius:28px;background:var(--stage-light);overflow:hidden;transition:background .22s ease}.stage[data-dark]{background:var(--surface)}.stage-bar{position:absolute;inset:20px 20px auto;display:flex;justify-content:space-between}.stage:not([data-dark]) .stage-bar{color:#1c1c1e;--raised: #e4e4e1}.toggle{display:flex;padding:4px;border-radius:999px;background:var(--raised)}.toggle button{width:52px;height:44px;border-radius:999px;display:grid;place-items:center;opacity:.6}.toggle button[aria-pressed=true]{background:#000;color:#fff;opacity:1}.round{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:var(--raised)}.code{width:min(560px,90%);display:grid;gap:16px}.code p{margin:0;color:var(--muted)}.code pre{margin:0;padding:20px;border-radius:16px;background:#000;color:#e6e6e6;font:13px/1.6 ui-monospace,SF Mono,Menlo,monospace;white-space:pre-wrap;word-break:break-all}.panel{display:flex;flex-direction:column;gap:32px;padding:28px 28px 24px;border-radius:28px;background:var(--surface);overflow-y:auto}.panel header{display:flex;justify-content:space-between;align-items:center}.panel h1{margin:0;font-size:22px;font-weight:500}.link{color:var(--muted);font-size:14px}.link:hover{color:var(--text)}.panel header+.lede{margin-top:-20px}.lede{margin:0;color:var(--muted);line-height:1.5}.group{display:flex;flex-direction:column;gap:20px;flex:none}.group.sliders{gap:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px}.row>span{color:var(--muted);flex:none}.shapes{display:grid;grid-template-columns:repeat(6,36px);gap:4px;padding:4px;border-radius:16px;background:var(--raised)}.shapes button{height:36px;border-radius:10px;display:grid;place-items:center}.shapes svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:7;opacity:.6}.shapes button[aria-pressed=true]{background:var(--surface)}.shapes button[aria-pressed=true] svg{opacity:1}.pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px;padding:4px;border-radius:18px;background:var(--raised)}.pills button{padding:7px 12px;border-radius:999px;color:var(--muted);font-size:14px}.pills button[aria-pressed=true]{background:var(--surface);color:var(--text)}.swatches{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.swatches>*{width:22px;height:22px;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff26;outline-offset:2px}.swatches>[aria-pressed=true],.swatches>[data-on]{outline:2px solid var(--text)}.mix{background:conic-gradient(#3b5bff 0,#3b5bff 33%,#179c52 0,#179c52 66%,#e0307f 0)}.custom{position:relative;cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.select{position:relative;display:grid;align-items:center}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:190px;height:44px;padding:0 44px 0 18px;border:0;border-radius:999px;background:var(--raised);cursor:pointer}.select select:focus-visible{outline:2px solid var(--text);outline-offset:2px}.select svg{position:absolute;right:14px;pointer-events:none;color:var(--muted)}.slider{position:relative;display:flex;justify-content:space-between;align-items:center;height:52px;padding:0 20px;border-radius:14px;background:linear-gradient(to right,#3a3a3e var(--p),var(--raised) var(--p));flex:none}.slider span{color:#c7c7cc}.slider input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.slider:focus-within{outline:2px solid var(--muted)}.field{display:grid;gap:10px;color:var(--muted);font-size:14px}.field input{height:44px;padding:0 14px;border:0;border-radius:14px;background:var(--raised)}.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--muted)}.field input[aria-invalid]{outline:2px solid #ff6b6b}.field small{color:#ff8a8a}.field textarea{resize:vertical;padding:12px 14px;border:0;border-radius:14px;background:var(--raised);line-height:1.5}.panel footer{display:grid;gap:10px;margin-top:auto;padding-top:12px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tabs{justify-self:start}.stage .eyt[data-float]{position:absolute}.ghost,.primary{height:52px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500}.ghost{box-shadow:inset 0 0 0 1px var(--line)}.primary{background:#fff;color:#000}.code .primary{justify-self:start;padding:0 28px}button:focus-visible{outline:2px solid var(--text);outline-offset:2px}@media(max-width:820px){.app{grid-template-columns:1fr;height:auto}.stage{min-height:60vh}.panel{overflow:visible}}