.hi-mono{font-family:var(--font-dl-mono),ui-monospace,monospace;font-variant-numeric:tabular-nums}.hi-display{font-family:var(--font-dl-display),system-ui,sans-serif}.hi-glass{background:linear-gradient(180deg,rgba(30,31,36,.8),rgba(15,16,19,.94));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 hsla(45,17%,95%,.07),0 20px 50px rgba(0,0,0,.5)}.hi-card,.hi-glass{border:1px solid hsla(45,17%,95%,.1)}.hi-card{background:linear-gradient(180deg,#17181c,#121317);box-shadow:inset 0 1px 0 hsla(45,17%,95%,.06),0 8px 24px rgba(0,0,0,.35)}.hi-sub{background:linear-gradient(180deg,hsla(45,17%,95%,.045),hsla(45,17%,95%,.015));border:1px solid hsla(45,17%,95%,.1);box-shadow:inset 0 1px 0 hsla(45,17%,95%,.05)}.hi-row{border-bottom:1px solid hsla(45,17%,95%,.08)}.hi-row:last-child{border-bottom:none}.hi-puck{position:relative;width:100%;aspect-ratio:1}.hi-puck .pb{inset:0;background:radial-gradient(circle at 50% 30%,#202027,#0a0a0d 72%);box-shadow:0 10px 22px rgba(0,0,0,.6),inset 0 1px 0 hsla(45,17%,95%,.12),inset 0 -5px 12px rgba(0,0,0,.6)}.hi-puck .pb,.hi-puck .pf{position:absolute;border-radius:50%}.hi-puck .pf{inset:9%;background:radial-gradient(circle at 50% 38%,#111116,#07070a 80%);box-shadow:inset 0 3px 10px rgba(0,0,0,.82)}.hi-puck svg{position:absolute;inset:0;transform:rotate(-90deg)}.hi-puck .pc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.hi-key{background:linear-gradient(180deg,#26272c,#191a1e);border:1px solid hsla(45,17%,95%,.1);box-shadow:inset 0 1px 0 hsla(45,17%,95%,.1),0 3px 8px rgba(0,0,0,.4),0 1px 0 rgba(0,0,0,.6);transition:transform .1s ease,box-shadow .1s ease,border-color .15s ease}.hi-key:active{transform:translateY(1px);box-shadow:inset 0 2px 6px rgba(0,0,0,.6)}.hi-key--primary{background:linear-gradient(180deg,#10d98f,#0aa268);border-color:rgba(12,191,127,.45);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.28),0 4px 16px rgba(12,191,127,.32)}.hi-key--danger{background:linear-gradient(180deg,#ff7e7e,#e24e4e);border-color:hsla(0,100%,71%,.45);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25),0 4px 16px hsla(0,100%,71%,.28)}.hi-slot{background:#0d0e11;border:1px solid hsla(45,17%,95%,.1);box-shadow:inset 0 2px 6px rgba(0,0,0,.55);transition:border-color .15s ease,box-shadow .15s ease}.hi-slot:focus-within{border-color:rgba(12,191,127,.5);box-shadow:inset 0 2px 6px rgba(0,0,0,.55),0 0 0 3px rgba(12,191,127,.14)}.hi-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-family:var(--font-dl-mono),monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;border:1px solid hsla(45,17%,95%,.1)}.hi-pill__dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}@keyframes hi-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hi-rise{animation:hi-rise .5s cubic-bezier(.22,.61,.36,1) both}@media (prefers-reduced-motion:reduce){.hi-key,.hi-rise,.hi-slot{animation:none!important;transition:none!important}}@keyframes cm-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes cm-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes cm-drop{0%{height:0;opacity:0;transform:translateY(-6px)}to{height:52px;opacity:1;transform:none}}.cm-drop{animation:cm-drop .45s cubic-bezier(.22,.61,.36,1) both;overflow:hidden}@keyframes cm-press{0%,91%,to{transform:none;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.28),0 4px 16px rgba(12,191,127,.32)}93%,97%{transform:translateY(1px);box-shadow:inset 0 2px 6px rgba(0,0,0,.4)}}.cm-press{animation:cm-press 6s ease-in-out infinite}@keyframes cm-draw{0%{stroke-dashoffset:var(--cm-len)}60%,to{stroke-dashoffset:0}}.cm-live{animation:cm-pulse 2.4s ease-in-out infinite}.cm-caret{animation:cm-blink .9s step-end infinite}@media (prefers-reduced-motion:reduce){.cm-anim,.cm-anim *{animation:none!important;transition-duration:.01ms!important}}