*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background:#000;height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;overflow:hidden}body{justify-content:center;align-items:center;display:flex}.phone{color:#fff;background:#000;flex-direction:column;width:100%;max-width:420px;height:100vh;max-height:920px;display:flex;position:relative;overflow:hidden}.top-actions{justify-content:space-between;align-items:center;padding:4px 24px 0;display:flex}.top-btn{color:#fff;cursor:pointer;background:#1c1c1e;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.display{flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-end;padding-bottom:8px;padding-left:14px;padding-right:14px;display:flex;position:relative;overflow:hidden}.expression{color:#8e8e93;white-space:nowrap;text-overflow:ellipsis;max-width:100%;min-height:38px;font-size:28px;font-weight:400;overflow:hidden}.result{white-space:nowrap;max-width:100%;font-weight:400;line-height:1.05;overflow:hidden}.result-wrapper{justify-content:flex-end;width:100%;max-width:100%;display:flex;position:relative}.result-wrapper:before,.result-wrapper:after{content:"";z-index:2;pointer-events:none;opacity:0;width:24px;position:absolute;top:0;bottom:0}.result-wrapper:before{background:linear-gradient(90deg,#000 10%,#0000 100%);left:0}.result-wrapper:after{background:linear-gradient(270deg,#000 10%,#0000 100%);right:0}.result-wrapper.shadow-left:before,.result-wrapper.shadow-right:after{opacity:1}.result-wrapper.scroll-mode .result{scrollbar-width:none;-ms-overflow-style:none;overflow:auto hidden}.result-wrapper.scroll-mode .result::-webkit-scrollbar{display:none}.keypad{touch-action:manipulation;padding:12px 16px calc(64px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.key{aspect-ratio:1;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#333;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:38px;font-weight:400;transition:transform .25s;display:flex;position:relative;overflow:hidden;transform:scale(1)}.key:after{content:"";opacity:0;pointer-events:none;background:#ffffff73;border-radius:50%;transition:opacity .45s;position:absolute;inset:0}.key.pressed{z-index:5;transition:transform .12s;transform:scale(1.15)}.key.pressed:after{opacity:1;transition:opacity}.key.func{background:#595959}.key.func.pressed:after{background:#fff6}.key.op{background:#ff9300;font-size:40px}.key.op.pressed:after{background:#ffffff8c}.key svg{display:block}@keyframes collapse-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.copy-tooltip{-webkit-backdrop-filter:blur(3px)saturate(180%);backdrop-filter:blur(3px)saturate(180%);opacity:0;pointer-events:none;z-index:100;white-space:nowrap;background:#3c3c438c;border:1px solid #ffffff1f;border-radius:16px;align-items:center;transition:opacity .1s,transform .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;right:14px;overflow:hidden;transform:scale(0);box-shadow:0 6px 22px #0006}.copy-tooltip.visible{opacity:1;pointer-events:auto;transform:scale(1)}.copy-tooltip.hiding{pointer-events:none;animation:.2s cubic-bezier(.4,0,.2,1) forwards collapse-out}.copy-tooltip button{color:#fff;cursor:pointer;letter-spacing:.01em;background:0 0;border:none;padding:10px 18px;font-family:inherit;font-size:15px;font-weight:400}.copy-tooltip button:active{background:#ffffff14}.copy-tooltip .divider{background:#ffffff40;flex-shrink:0;width:1px;height:16px}