@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/chakra-petch-latin-700-normal.CnDBPjkL.woff2)format("woff2"),url(/_astro/chakra-petch-latin-700-normal.D1s_c2du.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-latin-400-normal.qiz4-Cze.woff2)format("woff2"),url(/_astro/barlow-latin-400-normal.fsAxiSwU.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-latin-600-normal.DILqtrty.woff2)format("woff2"),url(/_astro/barlow-latin-600-normal.CNwfPWQD.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-latin-700-normal.A9pxMQ4z.woff2)format("woff2"),url(/_astro/barlow-latin-700-normal.__SGTsZ1.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/caveat-latin-500-normal.B9SDL8cy.woff2)format("woff2"),url(/_astro/caveat-latin-500-normal.Do9veZfZ.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff)format("woff")}:root{color:#f3f7fb;font-synthesis:none;--screen:#081219;--muted:#b2cee0;--line:#4a6b7b;--orange:#ff872d;--teal:#5ae3d1;--violet:#bd8aff;--mono:"IBM Plex Mono",monospace;background:#aaa69e;font-family:Barlow,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 45% 25%,#c5c1b9 0%,#aaa69e 65%,#827f79 100%);place-items:center;min-width:280px;min-height:100svh;margin:0;padding:clamp(18px,3.2vw,54px);display:grid}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:6px;outline:3px solid #fff}::selection{color:#071219;background:#9ed3ed}html{scrollbar-color:#7f96a1 #172127}h1,h2,p{margin:0}h1{letter-spacing:-.025em;text-wrap:balance;font-family:Chakra Petch,sans-serif;font-size:clamp(34px,4.1vw,66px);font-weight:700;line-height:1.09}h2{letter-spacing:-.015em;font-size:clamp(23px,2.1vw,34px);font-weight:700;line-height:1.02}.skip-link{z-index:3;background:var(--screen);padding:12px 20px;position:fixed;top:10px;left:10px;transform:translateY(-180%)}.skip-link:focus{transform:none}.instrument{background:linear-gradient(117deg,#c9c5bb 0%,#b2aea5 24%,#aaa69d 59%,#bcb8af 80%,#a8a49b 100%);border-radius:40px 40px 30px 30px;grid-template-rows:minmax(475px,auto) 126px;grid-template-columns:minmax(120px,.8fr) repeat(3,minmax(0,1fr)) minmax(130px,.75fr);gap:24px 26px;width:100%;max-width:1580px;padding:28px 34px 46px;display:grid;position:relative;box-shadow:inset 2px 3px 2px #eeece5,inset -3px -3px 4px #716f68,0 15px 0 -3px #66635c,0 23px 12px -5px #46433dcc,0 40px 36px -10px #29261ed9}.instrument:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #625f58;position:absolute;inset:2px}.bezel{background:linear-gradient(125deg,#292c2a,#090c0d 36%,#080a0b 78%,#232623);border-radius:24px;grid-area:1/1/auto/5;min-width:0;padding:26px 29px;box-shadow:inset 0 1px 2px #000,0 1px 1px 2px #252521,0 2px 1px 3px #d1cdc2}.screen{background-color:var(--screen);outline-offset:3px;background-image:radial-gradient(#37607824 .65px,#0000 .8px);background-size:7px 7px;border:1px solid #557888;border-radius:4px;flex-direction:column;min-width:0;height:100%;display:flex;box-shadow:inset 0 3px 10px #000a}.screen-content{flex:1;padding:24px 32px 19px}.display-label{font-family:var(--mono);letter-spacing:.21em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:clamp(11px,1.2vw,17px)}.screen-heading{margin:0 0 25px}.category-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.category-choice{--accent:var(--orange);color:var(--accent);min-width:0;display:block;position:relative}.devices{--accent:var(--teal)}.apps{--accent:var(--violet)}.category-choice+.category-choice{border-left:1px solid var(--line);padding-left:24px}.category-diagram{width:100%;height:auto;display:block;overflow:visible}.category-copy{padding:0 15px}.category-number{font-family:var(--mono);margin-bottom:3px;font-size:18px;line-height:1.3;display:block}.category-copy h2{color:#f3f7fb;max-width:240px}.category-copy p{color:var(--muted);margin-top:7px;font-size:clamp(17px,1.7vw,25px);line-height:1.22}.category-rule{background:var(--accent);width:70%;height:2px;margin-top:18px;display:block}.category-choice:hover h2{text-underline-offset:5px;text-decoration:underline 1px}.screen-status{border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);letter-spacing:.2em;text-transform:uppercase;justify-content:center;align-items:center;gap:14px;padding:10px;font-size:12px;display:flex}.screen-status span{background:#9dbbd0;width:9px;height:9px;box-shadow:inset 0 0 1px 1px #e6f5ff55}.hardware-keys{grid-area:2/2/auto/5;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;display:grid}.hardware-key{isolation:isolate;color:#fff;font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;background:linear-gradient(130deg,#ce632e,#ae3f0d 78%);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:25px;font-size:17px;transition:filter .12s,transform .12s;display:flex;position:relative;box-shadow:inset 2px 3px 3px #ffa15c,inset -3px -5px 5px #552106,0 5px 3px #171611,0 0 0 4px #201f1a,0 0 0 6px #817c70,0 1px 1px 7px #e4dacc}.hardware-key:hover{filter:brightness(1.15)}.hardware-key:active{transform:translateY(3px)}.key-light{background:#b6d0de;border-radius:4px;width:42px;height:5px;box-shadow:0 2px 5px #0a131c55,inset 0 1px 1px #fff}.hardware-key[aria-current=page] .key-light{background:#fff;box-shadow:0 1px 9px 3px #cff3ff80}.hardware-key[aria-current=page]:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;bottom:13px}.wordmark{color:#111818;letter-spacing:-.04em;grid-area:2/1;place-self:end start;padding:8px 0;font-size:clamp(18px,1.8vw,29px);font-weight:700;line-height:1.2}.selector{color:#171b1a;flex-direction:column;grid-area:1/5;align-self:center;align-items:center;gap:23px;display:flex}.selector-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.13em;font-size:16px}.dial{aspect-ratio:1;background:repeating-conic-gradient(#111514 0deg 2deg,#3e403b 3deg 4deg);border-radius:50%;width:clamp(84px,8vw,122px);padding:3px;display:block;box-shadow:0 10px 2px #11130f,0 16px 12px -3px #373830b0,inset 1px 2px 1px #d7d5ce}.dial-face{background:conic-gradient(from 20deg,#a4a39a,#777970,#b6b5ac,#8b8c83,#a4a39a);border-radius:50%;width:100%;height:100%;display:block;position:relative;transform:rotate(0);box-shadow:inset 1px 1px 2px #e9e6dc,inset -1px -1px 2px #5a5d55}.dial-face i{background:#19201e;border-radius:2px;width:4px;height:29%;position:absolute;top:3px;left:calc(50% - 2px);box-shadow:1px 1px 1px #e5e1d480}[data-category=albums] .dial-face{transform:rotate(-40deg)}[data-category=devices] .dial-face{transform:rotate(40deg)}[data-category=apps] .dial-face{transform:rotate(110deg)}.selector-lights{font-family:var(--mono);gap:17px;margin-top:20px;font-size:17px;display:grid}.selector-lights span{align-items:center;gap:17px;display:flex}.selector-lights i{background:#252d2b;border-radius:50%;width:10px;height:10px;box-shadow:0 1px 1px #e4e0d2,inset 0 1px 2px #000}.selector-lights .is-active i{background:var(--accent);box-shadow:0 1px 6px #151c1640,inset 0 1px 1px #fff}.selector-lights .albums{--accent:var(--orange)}.about-key{color:#161d1c;white-space:nowrap;border-radius:13px;grid-area:2/5;justify-content:center;place-self:end center;align-items:center;gap:13px;min-height:44px;padding:10px 12px;font-size:16px;display:flex;box-shadow:inset 0 0 0 1px #2c312b,0 1px 1px 1px #e6e0d4,inset 0 2px 2px #ded8cd}.about-key svg{width:21px;height:21px}.about-key:hover{background:#d1ccc133}.about-key[aria-current=page]{background:#dedacf66}.wordmark:focus-visible,.about-key:focus-visible{outline-color:#153b45}.screw{background:radial-gradient(circle,#1f2521 0% 22%,#6a6d63 26% 46%,#242920 50% 60%,#b8b6aa 65%);border-radius:50%;width:15px;height:15px;position:absolute;box-shadow:0 1px 1px #eee9dc}.screw-tl{top:12px;left:24px}.screw-tr{top:12px;right:24px}.screw-bl{bottom:14px;left:16px}.screw-br{bottom:14px;right:16px}.category-landing{color:var(--accent);min-height:400px}.screen-back{min-height:44px;color:var(--muted);font-family:var(--mono);text-underline-offset:5px;align-items:center;font-size:13px;text-decoration:underline;display:inline-flex}.category-landing .category-diagram{width:260px;max-width:80%;margin:8px auto 20px}.category-landing h1{color:#f3f7fb;font-size:clamp(30px,3.7vw,55px)}.category-landing p,.about-landing p{color:var(--muted);max-width:65ch;margin-top:16px;font-size:23px;line-height:1.4}.about-landing h1{margin-top:20px;font-size:clamp(33px,3.6vw,54px)}.contact-link{color:var(--muted);overflow-wrap:anywhere;text-underline-offset:6px;margin-top:25px;padding:8px 0;font-size:clamp(16px,2vw,26px);text-decoration:underline;display:inline-block}@media (width>=1500px){.instrument{grid-template-rows:minmax(530px,auto) 120px}.screen-heading{margin-bottom:24px}.category-choices{gap:32px}.category-choice+.category-choice{padding-left:32px}}@media (width<=1100px) and (width>=761px){.instrument{grid-template-rows:minmax(430px,auto) 105px;grid-template-columns:100px repeat(3,minmax(0,1fr)) 110px;gap:22px 18px;padding:24px 24px 34px}.bezel{padding:19px}.screen-content{padding:22px 20px}.category-choices{gap:15px}.category-choice+.category-choice{padding-left:15px}.category-copy{padding:0 2px}.category-copy p{font-size:17px}.category-copy h2{font-size:25px}.hardware-keys{gap:22px}.hardware-key{letter-spacing:.15em;font-size:13px}.about-key{gap:4px;padding:8px;font-size:12px}.wordmark{font-size:17px}.selector-label{font-size:13px}.selector-lights{font-size:14px}}@media (width<=760px){body{padding:20px 14px 35px;display:block}.instrument{border-radius:30px;grid-template-rows:auto auto auto auto;grid-template-columns:1fr 1fr;gap:24px 14px;max-width:540px;margin:0 auto;padding:19px 20px 31px;box-shadow:inset 2px 3px 2px #eeeae1,inset -3px -3px 4px #716f68,0 12px 0 -2px #66635c,0 20px 12px -5px #46433dcc,0 28px 24px -10px #29261ed9}.wordmark{grid-area:1/1/auto/-1;place-self:center;padding:0;font-size:28px;line-height:1.2}.bezel{border-radius:19px;grid-area:2/1/auto/-1;padding:16px 12px}.screen-content{padding:23px 16px 12px}.screen-heading{margin-bottom:22px}.display-label{letter-spacing:.18em;margin-bottom:12px;font-size:12px}h1{letter-spacing:-.03em;font-size:clamp(31px,7.3vw,47px);line-height:1.09}.category-choices{display:block}.category-choice{grid-template-columns:46% 54%;align-items:center;gap:0;padding:18px 0;display:grid}.category-choice+.category-choice{border-left:0;border-top:1px solid var(--line);padding:18px 0}.category-copy{border-left:1px solid var(--line);padding:6px 0 6px 13px}.category-copy h2{max-width:180px;font-size:clamp(19px,4.5vw,27px)}.category-copy p{margin-top:7px;font-size:clamp(15px,3.6vw,20px);line-height:1.25}.category-number{margin-bottom:3px;font-size:15px}.category-rule{width:80%;height:2px;margin-top:14px}.category-diagram{padding-right:7px}.screen-status{display:none}.hardware-keys{grid-area:3/1/auto/-1;gap:17px;padding:1px 3px}.hardware-key{letter-spacing:.12em;border-radius:14px;gap:20px;min-height:87px;font-size:12px}.key-light{width:28px;height:4px}.selector{grid-area:4/1;grid-template-rows:auto auto;grid-template-columns:68px auto;place-self:start;gap:13px 19px;margin-top:3px;padding:0 3px;display:grid}.selector-label{letter-spacing:.12em;grid-column:1/-1;font-size:12px}.dial{width:66px}.selector-lights{gap:9px;margin:0;font-size:12px}.selector-lights span{gap:9px}.selector-lights i{width:7px;height:7px}.about-key{grid-area:4/2;place-self:end;gap:8px;min-height:44px;padding:8px 10px;font-size:13px}.about-key svg{width:17px;height:17px}.screw-tl{top:24px;left:15px}.screw-tr{top:24px;right:15px}.screw-bl,.screw-br{bottom:12px}.category-landing{min-height:460px}.category-landing .category-diagram{width:100%;max-width:100%;margin-top:40px}.category-landing p,.about-landing p{font-size:19px}.about-landing{min-height:460px}.about-landing h1{margin-top:30px}.contact-link{font-size:19px}}@media (width<=370px){body{padding:12px 8px 29px}.instrument{gap:22px 9px;padding:18px 13px 29px}.wordmark{font-size:25px}.bezel{padding:13px 9px}.screen-content{padding:20px 12px 8px}.category-choice{grid-template-columns:43% 57%}.category-copy{padding-left:10px}.category-copy h2{font-size:20px}.category-copy p{font-size:15px}.hardware-keys{gap:14px}.hardware-key{letter-spacing:.09em;min-height:79px;font-size:10px}.selector{grid-template-columns:57px auto;gap:12px}.dial{width:55px}.about-key{gap:4px;padding:8px;font-size:12px}.selector-label{font-size:11px}.screen-heading h1{font-size:32px}.category-landing h1{font-size:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.hardware-key:active{transform:none}}.screen-back{gap:9px}.screen-back svg{flex:none;width:20px;height:20px}.albums{--accent:var(--orange)}.instrument{background:linear-gradient(106deg,#ffffff14 0%,#0000 22%,#37372d0d 48%,#fff7df16 78%,#0000 100%),linear-gradient(174deg,#d4d0c5 0%,#bbb7ad 13%,#aaa69b 54%,#bcb7ab 77%,#a5a093 100%)}@media (width>=1101px){body{align-items:start;padding:36px 40px 60px}.instrument{grid-template-rows:minmax(530px,auto) 120px;grid-template-columns:190px repeat(3,minmax(0,1fr)) 145px;gap:24px 28px;max-width:1592px;padding:28px 48px 42px 70px}.bezel{padding:26px 29px}.category-choice .category-diagram{height:210px}.category-copy{padding:0 15px}.category-copy p{font-size:23px}.selector{align-self:start;margin-top:59px}.wordmark{margin-left:-22px}.hardware-keys{gap:44px}}@media (width>=761px) and (width<=1100px){.category-choice .category-diagram{height:150px}}@media (width<=760px){.screen-heading h1{font-size:clamp(34px,10vw,50px)}.screen-heading{margin-bottom:12px}.category-diagram{padding-right:3px}}@media (width<=370px){.screen-heading h1{font-size:34px}}body{background:radial-gradient(at 43% 30%,#b9b4ad,#a09b94 70%,#827e78)}.instrument{isolation:isolate;background:linear-gradient(110deg, #faf6ee24, #433d3719 45%, #f6f0e513 76%, #25252020), var(--enclosure-metal);background-size:auto;box-shadow:inset 2px 3px 2px #eee9de,inset -3px -3px 4px #726c64,0 13px 10px -3px #514b4280,0 39px 26px -9px #24211ce0}.instrument:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg, #201f1dbb, #807c6c22 7%, #302d2580 14%, #514c4033 46%, #1c1c16aa 94%, #10120fee), linear-gradient(#b4aea1, #48463d), var(--enclosure-metal);background-blend-mode:multiply, multiply,normal;background-size:auto;border-radius:0 0 29px 29px;height:54px;position:absolute;bottom:-23px;left:7px;right:7px;box-shadow:inset 0 -3px 3px #22231e,0 15px 14px -9px #151511}.screw{background:radial-gradient(circle,#272824 0 17%,#77756b 20% 32%,#242621 37% 43%,#9d998d 46% 61%,#3b3e34 65% 73%,#bdb6a9 77%);width:19px;height:19px;box-shadow:inset 0 2px 3px #161814,0 1px 1px #ded7c8}.hardware-key{background:linear-gradient(124deg,#c75e2d,#ad3b0c 82%);box-shadow:inset 3px 4px 3px #ee9867,inset -3px -8px 6px #692506,inset 0 -2px 2px #1c160e,0 6px 3px #151511,0 0 0 4px #211e19,0 0 0 6px #81796e,0 1px 1px 7px #d8cdbd}.hardware-key:before{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;opacity:.18;z-index:-1;background:linear-gradient(110deg,#ffffff20,#0000 45%,#00000015);position:absolute;inset:4px 4px 8px}.hardware-key.devices{background:linear-gradient(124deg,#426e70,#27494c 82%);box-shadow:inset 3px 4px 3px #8aa6a5,inset -3px -8px 6px #112629,inset 0 -2px 2px #101a18,0 6px 3px #151511,0 0 0 4px #211e19,0 0 0 6px #81796e,0 1px 1px 7px #d8cdbd}.hardware-key.apps{background:linear-gradient(124deg,#705781,#473252 82%);box-shadow:inset 3px 4px 3px #a996b7,inset -3px -8px 6px #241729,inset 0 -2px 2px #17101c,0 6px 3px #151511,0 0 0 4px #211e19,0 0 0 6px #81796e,0 1px 1px 7px #d8cdbd}.dial{isolation:isolate;background:repeating-conic-gradient(#151714 0deg 1deg,#77776b 2deg 3deg,#262923 4deg 5deg);padding:4px;position:relative;box-shadow:0 11px 1px #141712,0 19px 13px -4px #24251daa,inset 1px 2px 1px #e1dbce}.dial:after{content:"";pointer-events:none;z-index:-1;background:repeating-linear-gradient(90deg,#151714 0 1px,#44483b 2px 3px,#1c1e18 4px 5px);border-radius:50%;position:absolute;inset:5px 0 -13px;box-shadow:inset 0 -2px 3px #0d110c}.dial-face{background:linear-gradient(130deg,#ece9dc33,#272b2919 50%,#c8c7b533),var(--enclosure-metal);background-size:auto;box-shadow:inset 1px 2px 2px #dedbd0,inset -1px -2px 2px #52564b}@media (width>=1101px){.category-choice{flex-direction:column;display:flex}.category-choice .category-diagram{flex:none;height:180px}.category-copy{flex-direction:column;flex:1;display:flex}.category-copy p{margin-bottom:16px}.category-rule{margin-top:auto}.screen-heading{margin-bottom:13px}.hardware-keys{justify-self:start;gap:55px;width:min(100%,970px)}}@media (width<=760px){.instrument:after{border-radius:0 0 25px 25px;height:45px;bottom:-20px}.instrument{box-shadow:inset 2px 3px 2px #eee9de,inset -3px -3px 4px #726c64,0 30px 22px -9px #24211ed9}}.instrument{background-repeat:no-repeat;background-size:auto,100% 100%}.instrument:after{background-repeat:no-repeat;background-size:auto,auto,100% 100%;height:25px;top:calc(100% - 2px);bottom:auto}@media (width<=760px){.instrument:after{height:22px;top:calc(100% - 2px);bottom:auto}}body:has(.device-stage){overflow-x:clip}.device-stage{perspective:2200px;width:100%;max-width:1592px;position:relative}.device-rotor{transform-style:preserve-3d;width:100%;position:relative}.device-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;max-width:none;transform:rotateY(0)}.device-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(120deg,#ffffff20,#25221d30),var(--enclosure-metal);color:#313a39;border-radius:40px;place-items:center;padding:70px;display:grid;position:absolute;inset:0;transform:rotateY(180deg);box-shadow:inset 2px 3px 2px #eee9de,inset -3px -3px 4px #726c64,0 18px 0 -3px #383730,0 30px 24px #24211c70}.back-engraving{text-shadow:0 1px #e6e0d0;text-align:left;width:100%;max-width:750px}.back-engraving .maker{letter-spacing:-.04em;color:#414946;text-shadow:0 1px 1px #e9e4d9,0 -1px 1px #292d29;margin-bottom:48px;font:700 clamp(25px,3vw,43px) Barlow,sans-serif}.back-engraving h1{color:#35413e;text-shadow:0 1px 1px #f3ece0,0 -1px 1px #202722;max-width:650px;font-size:clamp(28px,3vw,46px)}.back-about{text-shadow:0 1px #e5dfd2;max-width:600px;margin:24px 0 34px;font-size:clamp(18px,1.6vw,24px);line-height:1.5}.engraved-contact{border-top:1px solid #777d7460;flex-wrap:wrap;align-items:center;gap:12px 22px;padding-top:24px;display:flex}.engraved-contact a{overflow-wrap:anywhere;text-shadow:0 1px 1px #fff6e6,0 -1px 1px #1e2b24;align-items:center;min-height:44px;font:400 clamp(16px,1.8vw,25px) IBM Plex Mono,monospace;display:flex}.device-back button{color:#303a36;cursor:pointer;text-shadow:0 1px #e1dbcd;background:#ffffff0d;border:1px solid #626c63;border-radius:4px;min-height:44px;padding:10px 16px;font:600 15px Barlow,sans-serif}.device-back button:hover{background:#ffffff30}.device-back :focus-visible{outline-offset:5px;outline:3px solid #234b40}.copy-status{min-height:20px;font-size:14px}.return-front{margin-top:35px}.return-front span{margin-left:12px}.back-screw{background:radial-gradient(circle,#272824 0 17%,#77756b 20% 32%,#242621 37% 43%,#9d998d 46% 61%,#3b3e34 65% 73%,#bdb6a9 77%);border-radius:50%;width:19px;height:19px;position:absolute;box-shadow:inset 0 2px 3px #161814,0 1px 1px #ded7c8}.back-screw.tl{top:18px;left:22px}.back-screw.tr{top:18px;right:22px}.back-screw.bl{bottom:18px;left:22px}.back-screw.br{bottom:18px;right:22px}.back-feet i{background:#242827;border-radius:8px;width:80px;height:20px;position:absolute;box-shadow:inset 0 2px 4px #080c0a,0 1px 1px #d0ccc2}.back-feet i:first-child{top:38px;left:60px}.back-feet i:nth-child(2){top:38px;right:60px}.back-feet i:nth-child(3){bottom:38px;left:60px}.back-feet i:nth-child(4){bottom:38px;right:60px}.device-hand{pointer-events:none;z-index:10;opacity:0;transform-origin:16%;filter:drop-shadow(-5px 12px 7px #0004);position:absolute}.device-stage:not(.motion-enabled),.device-stage:not(.motion-enabled)>.device-rotor{display:contents}.motion-enabled.is-back .device-rotor{transform:rotateY(180deg)}.motion-enabled .device-rotor{transition:transform .85s cubic-bezier(.65,0,.25,1)}.device-hand-layer{pointer-events:none;z-index:20;position:fixed;inset:0;overflow:hidden}.device-hand{visibility:hidden}.device-back .return-front{border:1px solid #626c63;border-radius:4px;align-items:center;min-height:44px;padding:10px 16px;font-weight:600;display:inline-flex}.device-back [hidden]{display:none}.instrument-sound{z-index:25;color:#182721;cursor:pointer;background:#bcb8af;border:1px solid #626c63;border-radius:7px;min-height:44px;padding:8px 14px;font:600 14px Barlow,sans-serif;position:fixed;bottom:12px;right:16px;box-shadow:0 2px 6px #0003}.instrument-sound:focus-visible{outline-offset:3px;outline:3px solid #153b45}.device-front .about-key{white-space:normal;text-align:center;background:linear-gradient(100deg,#353c3710,#ffffff10);border-radius:7px;box-shadow:inset 0 0 0 1px #434b414a,inset 0 2px 3px #fff4,0 1px 1px #fff4}.device-front .selector-lights i{transition:background-color .42s,box-shadow .42s}.device-front .selector-lights .is-active i{box-shadow:0 0 10px var(--accent),inset 0 1px 1px #fff}.motion-enabled .device-front{grid-template-rows:1052px 126px}.motion-enabled .bezel,.motion-enabled .screen{min-height:0;overflow:hidden}.motion-enabled .screen-content{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow:auto}.motion-enabled .screen-status{flex-shrink:0}@media (width>=761px){.device-front .about-key{flex-direction:column;grid-row:1/3;place-self:end center;gap:20px;width:110px;height:180px;margin-bottom:56px;padding:20px 14px;line-height:1.5}}@media (width<=760px){.motion-enabled .device-front{grid-template-rows:34px 650px 89px 119px}.device-back{border-radius:30px;padding:65px 27px}.back-engraving .maker{margin-bottom:35px}.back-feet i{width:40px;height:12px}.back-feet i:first-child,.back-feet i:nth-child(3){left:45px}.back-feet i:nth-child(2),.back-feet i:nth-child(4){right:45px}.device-front .about-key{justify-self:center;width:100%;max-width:155px;min-height:70px;margin-bottom:12px;padding:14px}}@media (prefers-reduced-motion:reduce){.motion-enabled .device-rotor,.device-front .selector-lights i{transition:none!important}.device-hand{display:none}}.device-front .dial-face{transform:rotate(0)}.section-indicator{--indicator-color:#6d817f;grid-area:2/1;place-self:start;margin-top:15px;display:block}.section-indicator i{background:#29322f;border-radius:50%;width:12px;height:12px;transition:background-color .42s,box-shadow .42s;display:block;box-shadow:0 1px 1px #dedbd0,inset 0 1px 3px #000}.section-indicator[data-section=albums]{--indicator-color:var(--orange)}.section-indicator[data-section=devices]{--indicator-color:var(--teal)}.section-indicator[data-section=apps]{--indicator-color:var(--violet)}.section-indicator.is-active i{background:var(--indicator-color);box-shadow:0 0 12px var(--indicator-color),inset 0 1px 1px #fff8}.item-lcd{color:#bbded2;letter-spacing:.1em;text-shadow:0 0 7px #7dc5aa77;background:linear-gradient(135deg,#1a2c2c,#071618);border:3px solid #454b45;border-radius:5px;justify-content:center;align-items:center;width:76px;min-height:44px;padding-left:.1em;font:400 27px IBM Plex Mono,monospace;display:flex;box-shadow:inset 0 2px 5px #000,0 1px 1px #e0dbcc}.motion-enabled .screen{position:relative}.section-boot{z-index:5;--boot-color:var(--orange);color:var(--boot-color);pointer-events:none;background:#081219;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:absolute;inset:0}.section-boot.devices{--boot-color:var(--teal)}.section-boot.apps{--boot-color:var(--violet)}.section-boot p{font:400 15px var(--mono);letter-spacing:.12em}.boot-mark{justify-content:center;align-items:center;gap:9px;width:160px;height:90px;display:flex}.boot-mark i{background:currentColor;width:14px;height:65px;animation:.5s ease-in-out both boot-wave;box-shadow:0 0 15px}.boot-mark i:nth-child(2){animation-delay:30ms}.boot-mark i:nth-child(3){animation-delay:60ms}.boot-mark i:nth-child(4){animation-delay:90ms}.boot-mark i:nth-child(5){animation-delay:.12s}.devices .boot-mark{grid-template-columns:repeat(3,20px);gap:12px;display:grid}.devices .boot-mark i{width:20px;height:20px;animation-name:boot-pad}.apps .boot-mark i{background:0 0;border:2px solid;border-radius:50%;width:16px;height:16px;animation-name:boot-node}.boot-progress{background:#adc9d326;width:180px;height:2px}.boot-progress span{transform-origin:0;background:currentColor;height:100%;animation:.55s linear both boot-progress;display:block}@keyframes boot-wave{0%{opacity:.2;transform:scaleY(.12)}55%{opacity:1;transform:scaleY(1)}to{transform:scaleY(.4)}}@keyframes boot-pad{0%{opacity:.1;transform:scale(.6)}70%,to{opacity:1;transform:scale(1)}}@keyframes boot-node{0%{opacity:0;transform:translateY(20px)}65%,to{opacity:1;transform:translateY(0)}}@keyframes boot-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=760px){.section-indicator{grid-area:1/1/auto/-1;place-self:center;margin:0;transform:translate(-112px)}.section-indicator i{width:9px;height:9px}.device-front .selector{grid-template-rows:12px 66px 30px;gap:6px 0}.device-front .selector-label{grid-row:1}.device-front .dial{grid-area:2/1;justify-self:center}.item-lcd{border-width:2px;grid-area:3/1;justify-self:center;width:58px;min-height:30px;font-size:20px}}@media (prefers-reduced-motion:reduce){.section-indicator i{transition:none}.section-boot{display:none}}body:has(.motion-enabled){height:100dvh;min-height:0;padding:18px 22px 42px;overflow:hidden}.motion-enabled{height:100%;min-height:0;max-height:100%}.motion-enabled>.device-rotor{height:100%}.motion-enabled .device-front{grid-template-rows:minmax(0,1fr) 100px;gap:20px 26px;height:100%;min-height:0;padding-top:24px;padding-bottom:28px}.motion-enabled .screen-content{overflow:hidden}.motion-enabled .selector{align-self:start;gap:16px;margin-top:36px}.motion-enabled .device-front .about-key{height:125px;margin-bottom:25px}.instrument-sound{min-height:30px;padding:5px 12px;font-size:12px;bottom:5px}@media (width>=761px) and (height<=800px){.motion-enabled .device-front{grid-template-rows:minmax(0,1fr) 78px;gap:16px 20px;padding:18px 26px 22px}.motion-enabled .bezel{padding:15px 18px}.motion-enabled .screen-content{padding:16px 20px}.motion-enabled .screen-heading{margin-bottom:16px}.motion-enabled .screen-heading h1{font-size:36px}.motion-enabled .category-choice .category-diagram{height:115px}.motion-enabled .category-copy h2{font-size:23px}.motion-enabled .category-copy p{font-size:16px}.motion-enabled .selector{gap:10px;margin-top:10px}.motion-enabled .dial{width:76px}.motion-enabled .device-front .about-key{gap:8px;height:90px;margin-bottom:15px;padding:12px;font-size:12px}.motion-enabled .hardware-key{gap:14px}.motion-enabled .wordmark{font-size:21px}}@media (width<=760px){body:has(.motion-enabled){padding:12px 10px 40px}.motion-enabled .device-front{grid-template-rows:30px minmax(0,1fr) 64px 94px;gap:12px;padding:15px 16px 20px}.motion-enabled .bezel{padding:10px 9px}.motion-enabled .screen-content{scrollbar-gutter:auto;padding:18px 12px 12px;overflow:auto}.motion-enabled .wordmark{font-size:24px}.motion-enabled .hardware-key{gap:13px;min-height:64px;font-size:11px}.motion-enabled .selector{grid-template-rows:10px 48px 26px;gap:5px 0;margin-top:0}.motion-enabled .dial{width:48px}.motion-enabled .selector-label{font-size:10px}.motion-enabled .item-lcd{width:54px;min-height:26px;font-size:18px}.motion-enabled .device-front .about-key{gap:8px;height:auto;min-height:66px;margin-bottom:8px;padding:10px;font-size:12px}.motion-enabled .section-indicator{transform:translate(-101px)}.motion-enabled .back-engraving .maker{margin-bottom:22px}.motion-enabled .back-about{margin:18px 0 22px;font-size:17px}.motion-enabled .device-back{padding:50px 25px}}@media (width<=760px) and (height<=650px){.motion-enabled .device-front{grid-template-rows:26px minmax(0,1fr) 52px 86px;gap:9px;padding-top:12px;padding-bottom:16px}.motion-enabled .hardware-key{gap:8px;min-height:52px}.motion-enabled .selector{grid-template-rows:10px 42px 24px;gap:4px 0}.motion-enabled .dial{width:42px}.motion-enabled .item-lcd{min-height:24px}.motion-enabled .back-engraving .maker{margin-bottom:14px;font-size:23px}.motion-enabled .back-engraving h1{font-size:26px}.motion-enabled .back-about{margin:12px 0;font-size:15px}.motion-enabled .engraved-contact{gap:5px 10px;padding-top:12px}.motion-enabled .return-front{margin-top:12px}}@media (width>=761px) and (height<=650px){.motion-enabled .category-choice .category-diagram{height:78px}.motion-enabled .screen-heading{margin-bottom:12px}.motion-enabled .screen-heading h1{font-size:32px}}@media (width>=761px) and (width<=1000px) and (height<=500px){.motion-enabled .screen-content{overflow:auto}.motion-enabled .device-back{place-items:safe center;padding:26px 50px;overflow:auto}.motion-enabled .back-engraving .maker{margin-bottom:10px;font-size:23px}.motion-enabled .back-engraving h1{font-size:26px}.motion-enabled .back-about{margin:10px 0;font-size:15px;line-height:1.25}.motion-enabled .engraved-contact{gap:4px 14px;padding-top:8px}.motion-enabled .engraved-contact a{font-size:17px}.motion-enabled .return-front{margin-top:8px}.motion-enabled .back-feet i{width:40px;height:10px}.motion-enabled .back-feet i:first-child,.motion-enabled .back-feet i:nth-child(2){top:15px}.motion-enabled .back-feet i:nth-child(3),.motion-enabled .back-feet i:nth-child(4){bottom:15px}}@media (width<=760px) and (height<=650px){.motion-enabled .device-back{place-items:safe center;padding:40px 22px;overflow:auto}}@media (width>=761px) and (width<=1000px){.motion-enabled .wordmark{letter-spacing:-.035em;font-size:16px}}@media (width<=400px){.motion-enabled .engraved-contact a{font-size:15px}}.instrument,.device-back{background:linear-gradient(180deg,#ffffff28,transparent 20%,#00000008 75%,#00000012),repeating-linear-gradient(0deg,#ffffff05 0 1px,#00000003 1px 2px,transparent 2px 4px),var(--enclosure-metal);background-size:auto}.dial-face{background:linear-gradient(120deg,#e2e4de,#c5cbc4 45%,#aab3ab)}.back-about p+p{margin-top:12px}.back-note{color:#3d351f;width:270px;text-shadow:none;background:linear-gradient(174deg,#f2db79 0 15%,#f9e792 16%,#f4dc79 95%);margin:28px 0 0 auto;padding:24px 22px 20px;font:400 20px/1.3 Barlow,sans-serif;position:relative;transform:rotate(-3deg);box-shadow:2px 6px 9px #252b2433,0 1px 2px #252b2420}.back-note p{margin:0 0 10px}.back-note a{color:#39351d;text-underline-offset:4px;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;display:inline-flex}.back-note:after{content:"";clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#ddc265,#fff1b2);width:18px;height:18px;position:absolute;bottom:0;right:0}@media (width>=1101px){.back-engraving{max-width:930px;padding-right:285px;position:relative}.back-note{width:245px;margin:0;position:absolute;top:110px;right:0}.back-engraving .maker{margin-bottom:30px}.back-about{font-size:21px}}@media (width<=1100px){.back-note{width:min(260px,100%);margin:20px 0;padding:17px 20px;font-size:18px}.device-back{place-items:safe center;overflow:auto}}@media (width<=760px){.back-engraving .maker{margin-bottom:18px}.back-about{font-size:17px}.back-note{margin:16px 0}.back-note a{font-size:17px}}@media (height<=650px){.motion-enabled .device-back{place-items:safe center;overflow:auto}.back-note{margin-top:14px;padding:12px 18px;font-size:16px}.back-note p{margin-bottom:3px}}.motion-enabled .device-front .about-key{box-shadow:none;color:#34413c;text-shadow:0 1px 1px #f4f6eb,0 -1px 1px #64736a;background:0 0;border:0;border-radius:0;font-weight:600}.motion-enabled .device-front .about-key:hover{text-underline-offset:5px;color:#142f24;background:0 0;text-decoration:underline}.back-note,.back-note a{font-family:Caveat,cursive;font-weight:500}.back-note{font-size:27px;line-height:1.05}.back-note a{font-size:27px}.dial[role=slider]{touch-action:none;cursor:grab;user-select:none}.dial[role=slider].is-dragging{cursor:grabbing}.dial[aria-disabled=true]{cursor:default}.dial[role=slider]:focus-visible{outline-offset:8px;outline:3px solid #204e43}.instrument:after{display:none}.instrument,.device-back{box-shadow:inset 1px 2px 2px #f1f4ed,inset -1px -2px 2px #86938b,0 9px 0 -1px #66766b,0 15px 12px -6px #17291c90}@media (width<=760px){.instrument:after{border-radius:0 0 29px 29px;height:25px;top:calc(100% - 16px)}.back-note,.back-note a{font-size:25px}}.instrument-options{z-index:25;align-items:center;gap:8px;display:flex;position:fixed;bottom:12px;right:16px}.instrument-options .instrument-sound,.instrument-theme{color:#192b20;cursor:pointer;background:#c5cbc5;border:1px solid #66746b;border-radius:5px;min-height:36px;padding:7px 11px;font:600 13px Barlow,sans-serif;position:static;box-shadow:0 2px 5px #0002}.instrument-options button:focus-visible{outline-offset:3px;outline:2px solid #173b2a}@media (width<=760px){.instrument-options{gap:6px;bottom:4px;right:10px}.instrument-options .instrument-sound,.instrument-theme{min-height:32px;padding:5px 9px;font-size:12px}}.hardware-gesture{visibility:hidden;pointer-events:none;opacity:0;filter:drop-shadow(-3px 7px 5px #0004);max-width:none;position:absolute}@media (prefers-reduced-motion:reduce){.hardware-gesture{display:none}}.device-edge-grip{visibility:hidden;opacity:0;pointer-events:none;z-index:30;-webkit-backface-visibility:hidden;backface-visibility:hidden;max-width:none;height:auto;position:absolute;transform:translateZ(2px)}@media (prefers-reduced-motion:reduce){.device-edge-grip{display:none}}.device-edge-grip{clip-path:url(#edge-grip-v2-cutout);display:none}html[data-theme=light]{color-scheme:light;color:#182b32;--screen:#edf2ec;--muted:#445d66;--line:#9aaba9;--orange:#a13d08;--teal:#006b53;--violet:#7133a2;--enclosure-metal:linear-gradient(108deg,#3a4244 0%,#242e30 20%,#485052 39%,#303b3d 62%,#202a2d 82%,#3b4647 100%);scrollbar-color:#637a79 #e1e9e2;background:#b9c0bf}html[data-theme=light] body{background:radial-gradient(at 45% 25%,#e2e7e1 0%,#bec7c3 65%,#99a5a1 100%)}html[data-theme=light] .screen{color:#182b32;background-image:radial-gradient(#36534b21 .65px,#0000 .8px);border-color:#a6bdb1;box-shadow:inset 0 2px 9px #18372e26}html[data-theme=light] .category-copy h2,html[data-theme=light] .device-copy h1,html[data-theme=light] .device-copy h2,html[data-theme=light] .plugin-requirement{color:#182b32}html[data-theme=light] .devices-screen{--device-accent:var(--teal)}html[data-theme=light] .apps-screen{--device-accent:var(--violet)}html[data-theme=light] .full-catalog .album-index-label,html[data-theme=light] .section-boot{background:var(--screen)}html[data-theme=light] .device-index{scrollbar-color:var(--device-accent) #e1e9e2}html[data-theme=light] .album-external{color:#213b43;background:#f8fbf5}html[data-theme=light] .album-external:hover{background:#d9e5db}html[data-theme=light] .device-product{color:#213b43!important}html[data-theme=light] .device-actions a:hover{background:#006b5314}html[data-theme=light] .apps-screen .device-actions a:hover{background:#7133a214}html[data-theme=light] .full-catalog .release-index-links>a:hover,html[data-theme=light] .full-catalog .release-index-links>a:focus-visible{color:#853000;background:#ead6bf}html[data-theme=light] .full-catalog .release-index-links>a[aria-current]{color:#853000;background:#edc9a5;border-left-color:#a13d08}html[data-theme=light] .devices-screen:not(.apps-screen) .device-index a:hover,html[data-theme=light] .devices-screen:not(.apps-screen) .device-index a:focus-visible{color:#064d36;background:#c3e2d0}html[data-theme=light] .devices-screen:not(.apps-screen) .device-index a[aria-current]{color:#074b35;background:#afd8bf;border-left-color:#006b53}html[data-theme=light] .devices-screen:not(.apps-screen) .device-index a[aria-current]:hover{background:#9ecfb1}html[data-theme=light] .apps-screen .device-index a:hover,html[data-theme=light] .apps-screen .device-index a:focus-visible{color:#532379;background:#e1cee9}html[data-theme=light] .apps-screen .device-index a[aria-current]{color:#482067;background:#d5bde4;border-left-color:#7133a2}html[data-theme=light] .apps-screen .device-index a[aria-current]:hover{background:#c9a9dd}html[data-theme=light] .release-page-controls label:has(:checked){background:#ead6bf}html[data-theme=light] .screen :focus-visible,html[data-theme=light] .release-page-controls label:has(:focus-visible){outline-color:#233f4a}html[data-theme=light] .boot-progress{background:#244a4026}html[data-theme=light] .boot-mark i{box-shadow:none}html[data-theme=light] .instrument,html[data-theme=light] .device-back{box-shadow:inset 1px 2px 2px #7d8985,inset -1px -2px 2px #14221c,0 9px 0 -1px #17251e,0 15px 12px -6px #17291c90}html[data-theme=light] .instrument:before{border-color:#81918b66}html[data-theme=light] .instrument:after{background:linear-gradient(#303d39,#24302b 55%,#111d17 91%,#0a130e)}html[data-theme=light] .bezel{box-shadow:inset 0 1px 2px #000,0 1px 1px 2px #131c18,0 2px 1px 3px #74827b}html[data-theme=light] .wordmark,html[data-theme=light] .selector,html[data-theme=light] .motion-enabled .device-front .about-key{color:#dde8df;text-shadow:0 -1px 1px #07110b,0 1px 1px #6c7a70}html[data-theme=light] .motion-enabled .device-front .about-key:hover{color:#fff}html[data-theme=light] .dial-face{background:linear-gradient(120deg,#56615c,#35443b 45%,#1f2c23);box-shadow:inset 1px 1px 2px #829086,inset -1px -1px 2px #0b180e}html[data-theme=light] .dial-face i{background:#e1eee3;box-shadow:1px 1px 1px #0008}html[data-theme=light] .item-lcd{color:#254b3d;text-shadow:none;background:linear-gradient(135deg,#d4e8cb,#b4cbaa);border-color:#17271d;box-shadow:inset 0 2px 4px #203b3744,0 1px 1px #809282}html[data-theme=light] .section-indicator[data-section=albums]{--indicator-color:#ff872d}html[data-theme=light] .section-indicator[data-section=devices]{--indicator-color:#69edaa}html[data-theme=light] .section-indicator[data-section=apps]{--indicator-color:#d8a4ff}html[data-theme=light] .device-back,html[data-theme=light] .back-engraving,html[data-theme=light] .back-engraving .maker,html[data-theme=light] .back-engraving h1,html[data-theme=light] .back-about,html[data-theme=light] .engraved-contact a,html[data-theme=light] .device-back button{color:#dce7dc;text-shadow:0 -1px 1px #07110b,0 1px 1px #637269}html[data-theme=light] .engraved-contact{border-color:#bacfbc55}html[data-theme=light] .device-back button,html[data-theme=light] .device-back .return-front{border-color:#acbcae80}html[data-theme=light] .device-back button:hover{background:#dae5d820}html[data-theme=light] .device-back :focus-visible,html[data-theme=light] .dial[role=slider]:focus-visible,html[data-theme=light] .about-key:focus-visible{outline-color:#e0f2d5}html[data-theme=light] .back-note,html[data-theme=light] .back-note a{color:#39351d;text-shadow:none}html[data-theme=light] .back-note :focus-visible{outline-color:#554500}html[data-theme=light] .instrument-sound,html[data-theme=light] .instrument-theme{color:#e4efe3;background:#34453b;border-color:#60786a}html[data-theme=light] .instrument-sound:focus-visible,html[data-theme=light] .instrument-theme:focus-visible{outline-color:#254635}.app-demo{border:1px solid var(--device-accent);min-height:44px;color:var(--device-accent);cursor:pointer;background:0 0;border-radius:3px;padding:10px 16px;font:600 16px Barlow,sans-serif}.app-demo:hover{background:color-mix(in srgb,var(--device-accent) 15%,transparent)}.app-demo{display:none}.app-viewer-enabled .app-demo{align-items:center;display:inline-flex}@media (width<=760px),(pointer:coarse){.app-viewer-enabled .app-demo{display:none}}.app-viewer{border:1px solid var(--line);background:var(--screen);max-width:none;max-height:none;color:var(--muted);border-radius:4px;margin:0;padding:0;position:fixed;inset:auto;overflow:hidden}.app-viewer[open]{flex-direction:column;display:flex}.app-viewer::backdrop{background:#0003}.app-viewer-bar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:14px;min-height:48px;padding:7px 12px;font:600 15px Barlow,sans-serif;display:flex}.app-viewer-bar strong{flex:1;min-width:0}.app-viewer-bar a{color:inherit;font-size:13px}.app-viewer-close{border:1px solid var(--line);min-width:44px;min-height:36px;color:inherit;cursor:pointer;background:0 0;border-radius:3px;font:24px/1 sans-serif}.app-viewer iframe{background:#fff;border:0;flex:1;width:100%;min-height:0}.app-viewer :focus-visible{outline:2px solid var(--violet);outline-offset:2px}.app-viewer-retry{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;min-height:36px;padding:5px 9px;font-size:13px}.app-viewer-status{background:var(--screen);border-bottom:1px solid var(--line);flex:none;margin:0;padding:12px 16px;font:15px Barlow,sans-serif}@media (width<=480px){.app-viewer-bar{flex-wrap:wrap}.app-viewer-bar strong{flex-basis:calc(100% - 60px)}.app-viewer-close{position:absolute;top:5px;right:8px}.app-viewer-retry{min-height:30px;font-size:11px}.app-viewer-bar{gap:8px;padding:5px 8px;font-size:13px}.app-viewer-bar a{font-size:11px}}.app-viewer-stage{flex:1;min-height:0;display:flex;position:relative}.app-viewer-loading{text-align:center;background:var(--screen);color:var(--muted);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;inset:0}.app-viewer-loading[hidden]{display:none}.app-viewer-loading strong{color:var(--violet);font:600 clamp(18px,2vw,26px) Chakra Petch,sans-serif}.app-viewer-loading p{max-width:340px;margin:0;font:16px/1.5 Barlow,sans-serif}.app-loading-signal{align-items:center;gap:6px;height:42px;display:flex}.app-loading-signal i{background:var(--violet);border-radius:2px;width:5px;height:30px;animation:1.2s ease-in-out infinite app-loading-pulse}.app-loading-signal i:nth-child(2){animation-delay:.12s}.app-loading-signal i:nth-child(3){animation-delay:.24s}.app-loading-signal i:nth-child(4){animation-delay:.36s}.app-loading-signal i:nth-child(5){animation-delay:.48s}@keyframes app-loading-pulse{0%,to{opacity:.45;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.app-loading-signal i{animation:none}.app-loading-signal i:nth-child(2n){height:18px}}.music-listen{border:1px solid var(--orange);min-height:44px;color:var(--orange);cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:9px;padding:9px 14px;font:600 16px Barlow,sans-serif;display:none}.music-player-enabled .music-listen{display:inline-flex}.music-listen:hover{background:color-mix(in srgb,var(--orange) 15%,transparent)}.album-actions:has(.music-listen){flex-wrap:wrap;gap:8px;display:flex}.player-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.player-section-heading .music-listen{min-height:40px;padding:6px 10px;font-size:14px}.music-player{border:1px solid var(--line);background:var(--screen);max-width:none;max-height:none;color:var(--muted);border-radius:4px;margin:0;padding:0;position:fixed;inset:auto;overflow:hidden}.music-player[open]{flex-direction:column;display:flex}.music-player::backdrop{background:#0005}.music-player-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:10px 14px;display:grid}.music-player-header strong{align-self:center;font:700 clamp(16px,2vw,24px) Chakra Petch,sans-serif}.music-player-close{grid-area:1/2/span 2;width:44px;height:44px;font:26px/1 sans-serif}.music-player-tools{flex-wrap:wrap;align-items:center;gap:14px;font:600 14px Barlow,sans-serif;display:flex}.music-player-tools a{color:var(--orange)}.music-player button{border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:3px}.music-player-reload{min-height:36px;font:inherit;padding:6px 10px}.music-player-note{color:var(--muted);margin:0;padding:8px 14px;font:14px Barlow,sans-serif}.music-player-body{background:#07131b;flex:1;justify-content:center;min-height:0;display:flex;overflow:auto}.music-player iframe{background:#07131b;border:0;width:100%;min-width:170px;max-width:700px;height:100%;min-height:200px;display:block}.music-player :focus-visible,.music-listen:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media (width<=480px){.music-player-header{padding:6px 8px}.music-player-tools{gap:8px;font-size:12px}.music-player-note{padding:6px 8px;font-size:12px}.music-player-header strong{font-size:16px}}.music-player-stage{flex:1;min-height:0;display:flex;position:relative}.music-player-loading{text-align:center;background:var(--screen);color:var(--muted);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;inset:0}.music-player-loading[hidden]{display:none}.music-player-loading strong{color:var(--orange);font:600 clamp(18px,2vw,26px) Chakra Petch,sans-serif}.music-player-loading p{max-width:340px;margin:0;font:16px/1.5 Barlow,sans-serif}.music-player-signal{align-items:center;gap:6px;height:42px;display:flex}.music-player-signal i{background:var(--orange);border-radius:2px;width:5px;height:30px;animation:1.2s ease-in-out infinite player-signal}.music-player-signal i:nth-child(2){animation-delay:.12s}.music-player-signal i:nth-child(3){animation-delay:.24s}.music-player-signal i:nth-child(4){animation-delay:.36s}.music-player-signal i:nth-child(5){animation-delay:.48s}@keyframes player-signal{0%,to{opacity:.45;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.music-player-signal i{animation:none}.music-player-signal i:nth-child(2n){height:18px}}.motion-enabled .device-back{grid-template-rows:minmax(0,1fr) auto;gap:16px;padding:64px 52px;overflow:hidden}.motion-enabled .back-engraving{overscroll-behavior:contain;min-height:0;max-height:100%;padding:16px;overflow:auto}@media (width>=1101px){.motion-enabled .back-engraving{padding-right:285px}.motion-enabled .back-note{right:16px}}.motion-enabled .device-back>.return-front{place-self:center;margin:0}@media (width>=761px) and (height<=800px){.motion-enabled .device-front{padding:52px}.motion-enabled .device-front .about-key{margin-bottom:0}}@media (width>=761px) and (width<=1000px) and (height<=500px){.motion-enabled .device-front{padding:32px 52px 20px}}@media (width<=760px){.motion-enabled .device-back{gap:14px;padding:62px 26px}}.preset-drawer{display:contents}.preset-drawer-toggle{display:none}@media (width<=760px){.motion-enabled .preset-drawer{z-index:4;border-top:1px solid var(--line);background:var(--screen);min-width:0;height:61px;margin:0;padding:8px;display:block;position:absolute;bottom:0;left:0;right:0}.motion-enabled .screen-content:has(.preset-drawer){margin-bottom:61px;padding-bottom:12px}.motion-enabled .preset-drawer-toggle{border:1px solid var(--line);background:color-mix(in srgb,var(--muted) 8%,var(--screen));width:100%;min-height:44px;color:var(--muted);font:500 13px var(--mono);text-align:left;cursor:pointer;border-radius:3px;align-items:center;padding:10px 12px;display:flex}.motion-enabled .preset-drawer-toggle:focus-visible{outline:2px solid var(--muted);outline-offset:2px}.motion-enabled .preset-drawer-toggle[aria-expanded=false]+nav{display:none}.motion-enabled .preset-drawer-toggle{background:var(--screen);box-shadow:none;justify-content:space-between}.motion-enabled .preset-drawer-toggle[aria-expanded=true]+nav{height:auto;max-height:var(--preset-popup-height,220px);overscroll-behavior:contain;border:1px solid var(--line);background:var(--screen);border-radius:6px;margin:0;padding:8px;animation:.14s ease-out preset-popup-in;display:block;position:absolute;bottom:calc(100% + 6px);left:8px;right:8px;overflow:auto;box-shadow:0 -10px 28px #0007}.motion-enabled .full-catalog{gap:0}.motion-enabled .selector{grid-column:1/-1;grid-template-columns:54px;justify-self:center;padding:0}.motion-enabled .selector-label,.motion-enabled .item-lcd{grid-column:1;justify-self:center}.motion-enabled .device-front .about-key{grid-column:1/-1;place-self:start end;width:72px;max-width:25%;min-height:54px;margin:0;padding:4px;font-size:11px}}@keyframes preset-popup-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.motion-enabled .preset-drawer nav{animation:none!important}}:root{--enclosure-metal:linear-gradient(112deg,#a9afac 0%,#d3d8d5 17%,#f0f1ec 29%,#b5bcb8 45%,#d5dad6 58%,#969f9b 80%,#c3cac4 100%)}html[data-theme=light]{--enclosure-metal:linear-gradient(112deg,#242e2e 0%,#414d4c 17%,#65716d 29%,#2e3939 45%,#495552 58%,#202a2a 80%,#3e4b46 100%)}.motion-enabled .instrument,.motion-enabled .device-back{background:linear-gradient(178deg,#ffffff35,transparent 13%,transparent 82%,#00000024),repeating-linear-gradient(0deg,#ffffff12 0px,#ffffff12 .5px,#0000000a .75px,transparent 1.5px,transparent 3px),repeating-linear-gradient(92deg,transparent 0px,transparent 85px,#ffffff06 86px,transparent 87px),var(--enclosure-metal)}.motion-enabled .wordmark{color:#4b5852;text-shadow:0 1px 1px #ffffffc9,0 -1px 1px #24302bc9;letter-spacing:-.04em}html[data-theme=light] .motion-enabled .wordmark{color:#aab9af;text-shadow:0 1px 1px #0c1512,0 -1px 1px #d2e0d04d}html[data-starting] .screen:after{content:"";z-index:39;pointer-events:none;background:#101f22;position:absolute;inset:0}html[data-starting][data-theme=light] .screen:after{background:#e9ece5}.startup{z-index:40;opacity:1;background:#101f22;place-items:center;transition:opacity .42s;display:grid;position:absolute;inset:0}.startup[data-theme=light]{color:#182b32;background:#e9ece5}.boot-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.startup button{color:#eaf3f1;cursor:pointer;background:#101f22;border:1px solid;border-radius:4px;min-height:44px;padding:8px 16px;font:600 14px Barlow,sans-serif;position:absolute;bottom:14px;right:14px}.startup[data-theme=light] button{color:#182b32;background:#e9ece5}.startup .startup-power{letter-spacing:.08em;border-radius:50%;flex-direction:column;align-items:center;gap:18px;width:150px;height:150px;padding:28px 38px;display:flex;bottom:auto;right:auto;box-shadow:0 0 30px #80c8ba18,inset 0 0 20px #80c8ba0a}.startup-power svg{width:38px;height:38px}.startup .startup-power[hidden]{display:none}.startup button:focus-visible{outline-offset:5px;outline:3px solid}.startup.is-finished{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.startup{transition:none}}