.lp-stage{perspective:1400px}.lp-device{transform-style:preserve-3d;transform:rotateX(6deg)rotateY(-14deg)}.lp-lid{aspect-ratio:16/10;transform-origin:50% 100%;background:linear-gradient(160deg,#2b2627,#141112 55%);border-radius:16px 16px 6px 6px;padding:3.2%;animation:1.1s cubic-bezier(.16,1,.3,1) both lp-open;position:relative;box-shadow:0 0 0 1px #ffffff14,inset 0 1px #ffffff14,0 30px 60px -24px #000000e6,0 24px 80px -30px #b3122e8c}@keyframes lp-open{0%{transform:rotateX(-92deg)}}.lp-screen{color:#f4f1f1;height:100%;font-family:var(--font-jetbrains), ui-monospace, monospace;background:radial-gradient(120% 90% at 80% 110%,#b3122e47,#0000 60%),#070607;border-radius:8px;animation:.6s ease-out .7s both lp-power;position:relative;overflow:hidden}@keyframes lp-power{0%{filter:brightness(0)}}.lp-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 3px);position:absolute;inset:0}.lp-base{clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);background:linear-gradient(#2f2a2b,#151213);height:16px;margin:0 -7%;box-shadow:inset 0 1px #ffffff1f}.lp-base:after{content:"";background:#0b0a0b;border-radius:0 0 6px 6px;width:16%;height:5px;margin:0 auto;display:block}.lp-slide>*{animation:.52s cubic-bezier(.16,1,.3,1) both lp-line}.lp-slide>:nth-child(2){animation-delay:60ms}.lp-slide>:nth-child(3){animation-delay:.12s}.lp-slide>:nth-child(4){animation-delay:.18s}@keyframes lp-line{0%{opacity:0;transform:translateY(8px)}}.lp-bar>span{transform-origin:0;animation:.8s cubic-bezier(.16,1,.3,1) .15s both lp-fill}@keyframes lp-fill{0%{transform:scaleX(0)}}.lp-caret{animation:1s step-end infinite lp-blink}@keyframes lp-blink{50%{opacity:0}}@media (max-width:639px){.lp-device{transform:rotateX(4deg)rotateY(-6deg)}}@media (prefers-reduced-motion:reduce){.lp-lid,.lp-screen,.lp-slide>*,.lp-bar>span,.lp-caret{animation:none}}
.rk-stage{perspective:1100px;perspective-origin:50% 0}.rk-plate{--u:clamp(18px, 2.1vw, 34px);--gap:calc(var(--u) * .14);gap:var(--gap);padding:calc(var(--u) * .45);border-radius:calc(var(--u) * .55);transform-origin:50% 0;margin-bottom:calc(var(--u) * -1.9);background:linear-gradient(#1c1819,#121011);transition:transform .7s cubic-bezier(.16,1,.3,1);display:grid;transform:rotateX(40deg)rotate(-3deg)scale(.95);box-shadow:0 0 0 1px #ffffff12,inset 0 1px #ffffff0f,0 40px 80px -30px #000000e6,0 30px 90px -40px #b3122e73}@media (max-width:1023px){.rk-plate{--u:clamp(14px, 5.4vw, 30px);margin-bottom:calc(var(--u) * -1.4);transform:rotateX(36deg)rotate(-2deg)scale(.96)}}@media (max-width:639px){.rk-row.rk-numbers{display:none}}.rk-row{gap:var(--gap);display:flex}.rk-key{--w:1;flex:var(--w) 1 0;height:var(--u);border-radius:calc(var(--u) * .18);color:#f4f1f18c;min-width:0;font:500 calc(var(--u) * .32) / 1 var(--font-jetbrains), ui-monospace, monospace;box-shadow:0 calc(var(--u) * .12) 0 #0d0b0c, inset 0 1px 0 #ffffff12;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#2a2526,#211d1e);place-items:center;transition:background-color .7s ease-out,box-shadow .7s ease-out,color .7s ease-out,transform .12s ease-out;display:grid}.rk-key.rk-cream{color:#0b0a0b;box-shadow:0 calc(var(--u) * .12) 0 #8f8578, inset 0 1px 0 #fff9;background:linear-gradient(#efe7da,#ddd3c4)}.rk-key.rk-lit{color:#fff;box-shadow:0 calc(var(--u) * .12) 0 #5e0918, 0 0 calc(var(--u) * .9) #d61c3c8c;background:#b3122e;transition:none}.rk-key.rk-down{transform:translateY(calc(var(--u) * .08))}@keyframes rk-wave{0%,to{background:var(--rk-base,#2a2526);box-shadow:0 calc(var(--u) * .12) 0 #0d0b0c}35%{box-shadow:0 calc(var(--u) * .12) 0 #5e0918, 0 0 calc(var(--u) * 1.1) #d61c3c99;background:#d61c3c}}.rk-plate.rk-combo .rk-key{animation:.9s ease-out both rk-wave;animation-delay:calc(var(--col) * 45ms)}.rk-plate.rk-combo .rk-key.rk-cream{--rk-base:#e6ddcf}.rk-screen{background:#0b0a0b;border-radius:14px;align-items:center;gap:.6rem;height:48px;padding:0 1rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 10px 24px -14px #d61c3c59}.rk-screen:focus-within{box-shadow:inset 0 0 0 1px #ff7a8c99,inset 0 10px 24px -14px #d61c3c80}.rk-screen input{color:#f4f1f1;min-width:0;font:500 15px / 1 var(--font-jetbrains), ui-monospace, monospace;caret-color:#ff7a8c;background:0 0;outline:none;flex:1}.rk-screen input::-webkit-search-cancel-button{appearance:none}.rk-screen input::placeholder{color:#a39c9dcc}@media (prefers-reduced-motion:reduce){.rk-plate,.rk-key{transition:none}.rk-plate.rk-combo .rk-key{animation:none}}