.eg{--cream:#e7e3da;--cream-hi:#f6f3ec;--cream-lo:#d3cdc1;--ink-d:#2a2724;--mute-d:#7a746a;transition:background-color .6s cubic-bezier(.19,1,.22,1)}.eg .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eg .sw{white-space:nowrap;vertical-align:top;margin:-.08em -.02em -.14em;padding:.08em .02em .14em;display:inline-block;overflow:hidden}.eg .sc{will-change:transform;display:inline-block}.eg.open .ed,.eg.dive .ed{transform:translate(var(--tx,0px), var(--ty,0px)) perspective(1700px) rotateX(calc(var(--rx,9deg) + var(--ly) * var(--tilt,1) * -5deg)) rotateY(calc(var(--ry,-15deg) + var(--lx) * var(--tilt,1) * 7deg)) rotateZ(var(--rz,2deg)) scale(var(--s,.82))}.eg.plain .ed{transform:perspective(1800px) rotateX(calc(var(--ly) * -3deg)) rotateY(calc(var(--lx) * 4.5deg)) scale(var(--zoom,1));will-change:transform}.eg-glare{pointer-events:none;z-index:6;mix-blend-mode:screen;background:radial-gradient(60% 40% at calc(50% + var(--lx) * 45%) calc(30% + var(--ly) * 35%), #ffffff12, transparent 70%);border-radius:2.6cqw;position:absolute;inset:.9cqw}.eg.app .eg-glare{background:radial-gradient(50% 36% at calc(50% + var(--lx) * 50%) calc(25% + var(--ly) * 40%), #ffffff09, transparent 70%);border-radius:0;inset:0}.eg-wave{z-index:4;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.eg-center{align-items:center;gap:1.6cqw;display:inline-flex}.eg-rock{cursor:pointer;touch-action:none;width:7cqw;height:9cqw;font:400 4.4cqw/1 var(--mono);color:#8d8880;background:linear-gradient(#1d1d1f,#0e0e0f);border:0;border-radius:2cqw;place-items:center;padding:0;transition:transform 70ms,box-shadow 70ms,color .2s;display:grid;box-shadow:0 .7cqw #040404,inset 0 1px #ffffff14,0 0 0 1px #000}.eg-rock:active{color:var(--red);transform:translateY(.6cqw);box-shadow:0 .1cqw #040404,inset 0 1px #ffffff0d,0 0 0 1px #000}.eg-rock:focus-visible{outline-offset:2px;outline:2px solid #e9e5dc}.eg-foot{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:0 2cqw;display:grid}.eg-minis{justify-self:start;gap:1.8cqw;display:flex}.eg-mini{cursor:pointer;min-width:6.4cqw;height:6.4cqw;font:700 2.4cqw/1 var(--mono);letter-spacing:.06em;color:#6d6962;background:linear-gradient(#1c1c1e,#0d0d0e);border:0;border-radius:1.8cqw;align-items:center;gap:1.2cqw;padding:0 1.8cqw;transition:transform 70ms,box-shadow 70ms;display:inline-flex;box-shadow:0 .6cqw #030303,inset 0 1px #ffffff14,0 0 0 1px #000}.eg-mini:active{transform:translateY(.5cqw);box-shadow:0 .1cqw #030303,inset 0 1px #ffffff0d,0 0 0 1px #000}.eg-mini span{transition:color .25s}.eg-mini span.on{color:#e9e5dc}.eg-mini span.on:before{content:"";background:var(--red);vertical-align:.25cqw;border-radius:50%;width:.9cqw;height:.9cqw;margin-right:.7cqw;display:inline-block;box-shadow:0 0 1cqw #ff3b30cc}.eg-theme{justify-content:center;width:6.4cqw;padding:0}.eg-theme i{background:linear-gradient(90deg,#8d8880 50%,#0000 50%);border-radius:50%;width:3cqw;height:3cqw;transition:transform .5s cubic-bezier(.34,1.7,.5,1);box-shadow:inset 0 0 0 .35cqw #8d8880}.eg-theme[aria-checked=true] i{transform:rotate(180deg)}.eg-mini:focus-visible{outline-offset:2px;outline:2px solid #e9e5dc}.eg .ed-foot-gap{display:none}.eg.app>.eg-minis{z-index:6;top:calc(env(safe-area-inset-top,0px) + 10px);gap:6px;position:absolute;right:clamp(12px,3vw,40px)}.eg.app>.eg-minis .eg-mini{border-radius:8px;gap:6px;min-width:28px;height:28px;padding:0 8px;font-size:10.5px}.eg.app>.eg-minis .eg-mini span.on:before{vertical-align:2px;width:4px;height:4px;margin-right:4px;box-shadow:0 0 4px #ff3b30cc}.eg.app>.eg-minis .eg-theme{width:28px;padding:0}.eg.app>.eg-minis .eg-theme i{width:12px;height:12px;box-shadow:inset 0 0 0 1.5px #8d8880}.eg.app .eg-center{gap:6px}.eg.app .eg-rock{border-radius:7px;width:max(26px,6.6cqw);height:max(32px,8.4cqw);font-size:max(15px,4cqw);box-shadow:0 3px #040404,inset 0 1px #ffffff14,0 0 0 1px #000}.eg.app .eg-rock:active{transform:translateY(2px);box-shadow:0 1px #040404,0 0 0 1px #000}.eg.app .eg-foot{display:none}.eg.app .ed-deck{gap:4.4cqw}@media (min-width:1300px){.eg.app{--deck:calc(104px + env(safe-area-inset-bottom,0px))}.eg.app .ed-deck{width:min(100%,600px)}}@media (min-width:2000px){.eg.app{--deck:128px}.eg.app .ed-deck{width:760px}.eg.app>.eg-minis .eg-mini{min-width:34px;height:34px;font-size:12px}.eg.app>.eg-minis .eg-theme{width:34px}}@media (display-mode:fullscreen),(display-mode:standalone){.eg.app>.eg-minis{top:calc(env(safe-area-inset-top,0px) + 12px)}}html[data-e-theme=light],html[data-e-theme=light] body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--cream,#e7e3da)!important}html[data-e-theme=light] .eg{background:#e7e3da}html[data-e-theme=light] .eg .ed{color:var(--ink-d);background:radial-gradient(90% 50% at calc(50% + var(--lx) * 45%) calc(18% + var(--ly) * 25%), #ffffffb3, transparent 62%), repeating-linear-gradient(90deg, #ffffff38 0 1px, #00000006 1px 2px, transparent 2px 3px), linear-gradient(180deg, #f4f1ea 0%, #e6e2d8 55%, #d9d4c9 100%);box-shadow:inset 0 1px 0 #fff, inset 0 -2px 0 #00000024, inset calc(var(--lx) * -3px) 0 0 #fff6, 0 50px 90px -30px #3c322873, 0 0 0 1px #0000001f}html[data-e-theme=light] .eg .ed-sheen{mix-blend-mode:soft-light;background:linear-gradient(calc(105deg + var(--lx) * 22deg), transparent calc(32% + var(--lx) * 18%), #fff9 calc(46% + var(--lx) * 18%), transparent calc(60% + var(--lx) * 18%))}html[data-e-theme=light] .eg .ed-edge{box-shadow:inset 0 0 0 1px #fff9,inset 0 0 0 2px #00000014}html[data-e-theme=light] .eg .ed-screen{background:#121212;box-shadow:inset 0 2px 3px #000000e6,0 1px #ffffffe6,0 0 0 1px #00000059}html[data-e-theme=light] .eg .ed-20,html[data-e-theme=light] .eg .ed-key,html[data-e-theme=light] .eg .ed-snd{color:var(--mute-d);text-shadow:0 1px #fffc}html[data-e-theme=light] .eg .ed-snd.on small{color:var(--ink-d)}html[data-e-theme=light] .eg .ed-e{color:#a49d91;text-shadow:0 1px #fff,0 -1px #0000001a}html[data-e-theme=light] .eg .ed-key-cap{box-shadow:0 0 0 .7cqw #cfc9bd,0 0 0 calc(.7cqw + 1px) #0000001a,0 1.6cqw 1.8cqw -.6cqw #3c281e80,inset 0 -.8cqw 1.2cqw #00000040}html[data-e-theme=light] .eg .ed-key.down .ed-key-cap{box-shadow:0 0 0 .7cqw #cfc9bd,0 0 5cqw 1cqw #ff3b308c,inset 0 .6cqw 1cqw #00000040}html[data-e-theme=light] .eg .ed-spk{background:radial-gradient(circle, #4a443c 0 30%, transparent 34%) 0 0 / 2.2cqw 2.2cqw, radial-gradient(circle at calc(40% + var(--lx) * 12%) 30%, #ece8df, #d2ccbf);box-shadow:inset 0 .6cqw 1cqw #0000002e,0 1px #fff}html[data-e-theme=light] .eg .ed-wheel{background:#d8d2c6;box-shadow:0 1.4cqw 2cqw -.6cqw #3c281e73,0 0 0 1px #00000026,inset 0 0 0 1px #fff}html[data-e-theme=light] .eg .ed-wheel-knurl{background:repeating-conic-gradient(#b9b2a5 0 3deg, #f2efe8 3deg 6deg)}html[data-e-theme=light] .eg .ed-wheel-cap{background:radial-gradient(circle at calc(40% + var(--lx) * 18%) calc(32% + var(--ly) * 18%), #fff, #e4dfd4 55%, #cbc4b6), repeating-conic-gradient(#00000008 0 2deg, transparent 2deg 4deg);box-shadow:inset 0 1px #fff,0 .4cqw .8cqw #3c281e59}html[data-e-theme=light] .eg .ed-wheel-cap:after{background:var(--red);opacity:.9}html[data-e-theme=light] .eg .ed-snd-slot{background:#cfc9bc;box-shadow:inset 0 .5cqw .8cqw #00000040,0 1px #fff}html[data-e-theme=light] .eg .ed-snd-slot i{background:radial-gradient(circle at 38% 32%,#fff,#d8d3c8 70%);box-shadow:0 .4cqw .6cqw #0000004d}html[data-e-theme=light] .eg .ed-snd.on .ed-snd-slot i{background:radial-gradient(circle at 38% 32%,#fff,#ffb3ad 40%,#ff3b30)}html[data-e-theme=light] .eg .eg-rock,html[data-e-theme=light] .eg .eg-mini{color:var(--mute-d);background:linear-gradient(#fbf9f4,#e2ddd2);box-shadow:0 .6cqw #bdb6a8,inset 0 1px #fff,0 0 0 1px #0000001f}html[data-e-theme=light] .eg .eg-mini span.on{color:var(--ink-d)}html[data-e-theme=light] .eg .eg-theme i{box-shadow:inset 0 0 0 .35cqw var(--mute-d);background:linear-gradient(90deg, var(--mute-d) 50%, transparent 50%)}html[data-e-theme=light] .eg .eg-rock:active,html[data-e-theme=light] .eg .eg-mini:active{box-shadow:0 .1cqw #bdb6a8,inset 0 1px #fff,0 0 0 1px #0000001f}html[data-e-theme=light] .eg .ed-open-ui{color:#2a272499}html[data-e-theme=light] .eg .ed-open-ui button{color:var(--ink-d)}html[data-e-theme=light] .eg .eg-mini:focus-visible,html[data-e-theme=light] .eg .eg-rock:focus-visible{outline-color:var(--ink-d)}html[data-e-theme=light] .eg.app .ed{box-shadow:none;background:0 0}html[data-e-theme=light] .eg.app .ed-screen{inset:calc(env(safe-area-inset-top,0px) + 8px) clamp(8px, 1.4vw, 22px) var(--deck);background:#050505;border-radius:clamp(16px,2vw,30px);overflow:hidden;box-shadow:0 0 0 1px #00000040,0 24px 60px -30px #3c281e99,inset 0 0 0 1px #ffffff0a}html[data-e-theme=light] .eg.app .ed-screen-in{border-radius:inherit;background:#050505}html[data-e-theme=light] .eg.app .ed:after{background:0 0}html[data-e-theme=light] .eg.app>.eg-minis{top:calc(env(safe-area-inset-top,0px) + 18px);right:calc(clamp(8px,1.4vw,22px) + 10px)}html[data-e-theme=light] .eg.app .eg-rock{box-shadow:0 3px #bdb6a8,inset 0 1px #fff,0 0 0 1px #0000001f}html[data-e-theme=light] .eg.app>.eg-minis .eg-mini{color:#8d8880;background:linear-gradient(#1c1c1e,#0d0d0e);box-shadow:0 3px #030303,inset 0 1px #ffffff14,0 0 0 1px #000}html[data-e-theme=light] .eg.app>.eg-minis .eg-mini span.on{color:#e9e5dc}html[data-e-theme=light] .eg.app>.eg-minis .eg-theme i{background:linear-gradient(90deg,#e9e5dc 50%,#0000 50%);box-shadow:inset 0 0 0 1.5px #e9e5dc}@media (prefers-reduced-motion:reduce){.eg.plain .ed{transform:none}.eg-theme i,.eg-rock,.eg-mini{transition:none}}@media (max-width:640px),(max-height:520px) and (max-width:1000px){.eg.plain .ed{transform:scale(var(--zoom,1))}}.eg.app .ed-deck>.ed-keys>*,.eg.app .ed-hw>*{flex:none}.eg .ed-key small,.eg .ed-snd small{white-space:nowrap}@media (max-width:440px){.eg.app .ed-deck{gap:3cqw;padding-left:10px;padding-right:10px}}