.calc{--cw: min(78vw, 420px);--u: calc(var(--cw) / 30);position:relative;width:var(--cw);display:flex;flex-direction:column;padding:calc(var(--u) * 1.5) calc(var(--u) * 1.5) calc(var(--u) * 1.9);border-radius:calc(var(--u) * 2.4) calc(var(--u) * 2.4) calc(var(--u) * 3.2) calc(var(--u) * 3.2);background:radial-gradient(130% 55% at 25% 0%,rgba(255,255,255,.09),transparent 62%),linear-gradient(180deg,#363941,#282a30 38%,#1e2025);box-shadow:inset 0 calc(var(--u) * .12) 0 #ffffff29,inset 0 calc(var(--u) * -.35) calc(var(--u) * .7) #00000080,inset calc(var(--u) * .3) 0 calc(var(--u) * .6) #ffffff09,inset calc(var(--u) * -.3) 0 calc(var(--u) * .6) #0006,0 0 0 calc(var(--u) * .14) #0c0d10,0 calc(var(--u) * .55) 0 calc(var(--u) * .02) #131418,0 calc(var(--u) * 1.6) calc(var(--u) * 2.4) #0000008c,0 calc(var(--u) * 4) calc(var(--u) * 6) #0000004d;font-family:var(--gn-sans, "GN Inter", Helvetica, Arial, sans-serif);color:#f6f5f2;-webkit-user-select:none;user-select:none}.calc:after{content:"";position:absolute;z-index:-1;left:10%;right:10%;bottom:calc(var(--u) * -1.4);height:calc(var(--u) * 2.4);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.6),transparent 70%);filter:blur(calc(var(--u) * .5))}.calc .c-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:calc(var(--u) * 3.6);padding:0 var(--u);border-radius:var(--u) var(--u) calc(var(--u) * .45) calc(var(--u) * .45);background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000000a 1px 2px),linear-gradient(180deg,#c3c6cc,#9a9ea6 52%,#868a92);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #00000059,0 calc(var(--u) * .12) calc(var(--u) * .25) #0000008c}.calc .c-brand{font:400 calc(var(--u) * 1.7)/1 var(--gn-ma, sans-serif);letter-spacing:.04em;color:#17181c;text-shadow:0 1px 0 rgba(255,255,255,.5)}.calc .c-solar{display:flex;gap:calc(var(--u) * .1);padding:calc(var(--u) * .16);border-radius:calc(var(--u) * .22);background:#0b0b0d;box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff73}.calc .c-solar i{width:calc(var(--u) * 2);height:calc(var(--u) * 1.55);background:linear-gradient(165deg,#54465c,#2c2434 42%,#403549 58%,#241d2b);box-shadow:inset 0 0 0 1px #ffffff0f}.calc .c-model{justify-self:end;text-align:right;font:italic 700 calc(var(--u) * 1.2)/1 var(--gn-sans, sans-serif);color:#17181c}.calc .c-model b{color:#ff3b1f}.calc .c-model small{display:block;margin-top:calc(var(--u) * .3);font:normal 700 calc(var(--u) * .5)/1 var(--gn-sans, sans-serif);letter-spacing:.18em;color:#34373d}.calc .c-win{margin-top:calc(var(--u) * 1.1);padding:calc(var(--u) * .75) calc(var(--u) * .85) calc(var(--u) * .95);border-radius:calc(var(--u) * .8);background:linear-gradient(180deg,#111215,#1c1d21);box-shadow:inset 0 calc(var(--u) * .18) calc(var(--u) * .35) #000000f2,0 1px #ffffff1a}.calc .lcd{position:relative;overflow:hidden;padding:calc(var(--u) * .45) calc(var(--u) * .6) calc(var(--u) * .65);border-radius:calc(var(--u) * .28);background:linear-gradient(180deg,#ccd5bf,#bcc6ad);box-shadow:inset 0 calc(var(--u) * .3) calc(var(--u) * .55) #00000052,inset 0 0 0 1px #00000059}.calc .lcd:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.14) 20%,transparent 33%,transparent 72%,rgba(255,255,255,.07) 86%,transparent 100%)}.calc .c-ind{display:flex;gap:calc(var(--u) * .75);height:calc(var(--u) * .8);font:700 calc(var(--u) * .55)/1 var(--gn-sans, sans-serif);color:#1d2a22}.calc .c-ind b{opacity:.08}.calc .c-ind b.on{opacity:.85}.calc .lcd svg,.gn-lcd{display:block;width:100%;height:auto;background-image:radial-gradient(circle,rgba(27,39,31,.07) 0 38%,transparent 44%)}.calc .lcd svg{margin-top:calc(var(--u) * .25)}.calc .lcd .px,.gn-lcd .px{fill:#1b271f}.calc .c-keys{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--u) * 1.15);margin-top:calc(var(--u) * 1.3)}.calc .k{position:relative;display:flex;align-items:center;justify-content:center;white-space:nowrap;color:#f6f5f2;font:600 calc(var(--u) * .7)/1 var(--gn-sans, sans-serif);border-radius:calc(var(--u) * .5) calc(var(--u) * .5) calc(var(--u) * .75) calc(var(--u) * .75);background:linear-gradient(180deg,#50535b,#373940 46%,#2b2d32);box-shadow:inset 0 1px #ffffff3d,inset 0 calc(var(--u) * -.14) calc(var(--u) * .12) #00000059,0 calc(var(--u) * .24) 0 #0f1013,0 calc(var(--u) * .36) calc(var(--u) * .5) #0000008c;transition:transform .08s ease-out,box-shadow .08s ease-out}.calc .k[data-s]:before,.calc .k[data-a]:after{position:absolute;bottom:calc(100% + var(--u) * .3);font:700 calc(var(--u) * .46)/1 var(--gn-sans, sans-serif);white-space:nowrap}.calc .k[data-s]:before{content:attr(data-s);left:0;color:#e8b53c}.calc .k[data-a]:after{content:attr(data-a);right:0;color:#ff6a55}.calc .k.down{transform:translateY(calc(var(--u) * .18));box-shadow:inset 0 1px #ffffff2e,inset 0 calc(var(--u) * -.1) calc(var(--u) * .1) #00000059,0 calc(var(--u) * .06) 0 #0f1013,0 calc(var(--u) * .12) calc(var(--u) * .2) #00000080}.calc .k.sh{color:#e8b53c}.calc .k.al{color:#ff6a55}.calc .c-fn{display:grid;grid-template-columns:1fr 1fr 2.3fr 1fr 1fr;grid-template-rows:repeat(2,calc(var(--u) * 1.8));gap:calc(var(--u) * 1.05) calc(var(--u) * .55)}.calc .c-fn .k{font-size:calc(var(--u) * .58);border-radius:calc(var(--u) * .9)}.calc .c-pad{grid-column:3;grid-row:1 / span 2;align-self:center;justify-self:center;position:relative;width:calc(var(--u) * 6.4);height:calc(var(--u) * 4.7);border-radius:50%;background:radial-gradient(ellipse at 50% 32%,#555861,#34363c 55%,#232428);box-shadow:inset 0 1px #ffffff38,0 calc(var(--u) * .26) 0 #0f1013,0 calc(var(--u) * .4) calc(var(--u) * .6) #0000008c}.calc .c-pad i{position:absolute;width:0;height:0;border:calc(var(--u) * .32) solid transparent}.calc .c-pad .u{left:50%;top:calc(var(--u) * .45);transform:translate(-50%);border-top-width:0;border-bottom-color:#d9d7d2}.calc .c-pad .d{left:50%;bottom:calc(var(--u) * .45);transform:translate(-50%);border-bottom-width:0;border-top-color:#d9d7d2}.calc .c-pad .l{top:50%;left:calc(var(--u) * .6);transform:translateY(-50%);border-left-width:0;border-right-color:#d9d7d2}.calc .c-pad .r{top:50%;right:calc(var(--u) * .6);transform:translateY(-50%);border-right-width:0;border-left-color:#d9d7d2}.calc .c-pad b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--u) * 2.3);height:calc(var(--u) * 1.5);border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#3c3e44,#26272b);box-shadow:inset 0 1px 2px #0009;font:700 calc(var(--u) * .34)/calc(var(--u) * 1.5) var(--gn-sans, sans-serif);letter-spacing:.08em;color:#8d8f95;text-align:center}.calc .c-sci{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:calc(var(--u) * 1.75);gap:calc(var(--u) * 1.05) calc(var(--u) * .5)}.calc .c-sci .k{border-radius:calc(var(--u) * .9) / calc(var(--u) * .8);font-size:calc(var(--u) * .62)}.calc .c-num{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:calc(var(--u) * 3);gap:calc(var(--u) * 1.05) calc(var(--u) * .6)}.calc .c-num .k{font:500 calc(var(--u) * 1.3)/1 var(--gn-sans, sans-serif);color:#16171b;background:linear-gradient(180deg,#f1eee7,#d8d4ca 58%,#c9c4b9);box-shadow:inset 0 1px #fff,inset 0 calc(var(--u) * -.16) calc(var(--u) * .14) #00000029,0 calc(var(--u) * .24) 0 #77736a,0 calc(var(--u) * .36) calc(var(--u) * .5) #00000080}.calc .c-num .k.down{box-shadow:inset 0 1px #fff,0 calc(var(--u) * .06) 0 #77736a,0 calc(var(--u) * .12) calc(var(--u) * .2) #00000073}.calc .c-num .k.op{font-size:calc(var(--u) * 1.4)}.calc .c-num .k.eq{font-size:calc(var(--u) * 1.5)}.calc .c-num .k.aps{color:#ff3b1f;font:400 calc(var(--u) * 1.05)/1 var(--gn-ma, sans-serif);letter-spacing:.04em}.calc .c-num .k.r{color:#fff;font-size:calc(var(--u) * .9);font-weight:700;background:linear-gradient(180deg,#ff6c50,#e5401f 56%,#cc361a);box-shadow:inset 0 1px #fff6,inset 0 calc(var(--u) * -.16) calc(var(--u) * .14) #0003,0 calc(var(--u) * .24) 0 #7a1d0c,0 calc(var(--u) * .36) calc(var(--u) * .5) #00000080}.calc .c-num .k.r.down{box-shadow:inset 0 1px #ffffff4d,0 calc(var(--u) * .06) 0 #7a1d0c,0 calc(var(--u) * .12) calc(var(--u) * .2) #00000073}@media(prefers-reduced-motion:reduce){.calc .k{transition:none}}
