:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#252d29;background:#f5f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #67a58d;outline-offset:3px}main{max-width:1080px;margin:auto;padding:40px 40px 20px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:58px}.brand{color:inherit;text-decoration:none;font-weight:650;font-size:24px;display:flex;align-items:center;gap:12px}.logo{display:inline-grid;place-items:center;background:#21694f;color:white;border-radius:13px;width:43px;height:43px;font-size:32px}.tag{font-size:12px;color:#8a8e84;font-weight:400;margin-left:14px}.quiet{background:none;color:#82867d;font-size:12px;padding:8px}.workspace{display:grid;grid-template-columns:1fr 420px;gap:70px;max-width:850px;margin:auto}aside{padding:20px 0;position:relative;min-height:610px}.aside-head{display:flex;justify-content:space-between;align-items:center}h2{font-size:19px;font-weight:600;margin:0}#count{font-size:11px;margin-left:12px;background:#e6e8df;padding:3px 7px;border-radius:10px;color:#777f72}.sub{color:#93968c;font-size:12px;line-height:1.8}.empty{text-align:center;padding-top:115px;color:#9a9e93}.empty>span{font-size:40px;color:#c5cabb}.empty p{font-size:14px}.empty small{font-size:12px;line-height:1.9;color:#a6aa9f}footer{position:absolute;bottom:15px;color:#aaaD9f;font-size:11px}.calculator{background:#fff;border:1px solid #e8e9e1;border-radius:28px;padding:24px;box-shadow:0 18px 55px #293b2210}.calc-head{display:flex;align-items:center;justify-content:space-between;color:#858c80;font-size:12px}.calc-head i{display:inline-block;width:6px;height:6px;background:#4a9673;border-radius:50%;margin-right:5px}#historyToggle{display:none}.screen{padding:40px 4px 23px;text-align:right}#expression{height:26px;font-size:14px;color:#9a9e92;white-space:nowrap;overflow-x:auto}#value{font-size:60px;font-weight:400;letter-spacing:-2px;line-height:1.4;overflow-x:auto;font-variant-numeric:tabular-nums;white-space:nowrap}.screen-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;color:#a0a497}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.keys button{height:66px;border-radius:17px;background:#f6f7f2;color:#30382d;font-size:24px;font-weight:450;transition:background .12s,transform .12s;touch-action:manipulation;user-select:none}.keys button:active{transform:scale(.94);background:#dde4d8}.keys .utility{background:#eef0e8;font-size:19px;color:#727b68}.keys .op{background:#e9f1e7;color:#42724a;font-size:29px}.keys .equals{background:#246d50;color:white;font-size:28px;box-shadow:0 5px 12px #246d5020}.keys .zero{grid-column:span 2;text-align:left;padding-left:30px}.note{display:flex;justify-content:space-between;color:#a7ac9e;font-size:10px;margin-top:23px}.bottom{text-align:center;color:#b1b4a7;font-size:11px;margin-top:36px;letter-spacing:2px}.record{width:100%;background:transparent;text-align:right;padding:20px 0;border-bottom:1px solid #e6e8de;display:block}.record small{color:#a2a699;float:left;font-size:10px}.record .expr{font-size:13px;color:#89917f;margin-bottom:7px}.record strong{font-size:25px;font-weight:450;color:#3c5841;word-break:break-all}#history{max-height:470px;overflow:auto}dialog{border:1px solid #e2e7dc;border-radius:24px;padding:30px;max-width:390px;width:90%;color:#303a2d}dialog::backdrop{background:#22372955;backdrop-filter:blur(5px)}dialog h2{margin-top:20px}dialog p,dialog li{font-size:14px;line-height:1.9}dialog ol{padding-left:20px}.close{float:right}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#254734;color:white;border-radius:20px;padding:12px 22px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}@media(max-width:700px){main{padding:20px 18px calc(12px + env(safe-area-inset-bottom));max-width:460px}header{margin-bottom:20px}.brand{font-size:21px}.logo{width:36px;height:36px;border-radius:11px;font-size:28px}.tag{display:none}.workspace{display:flex;flex-direction:column;gap:20px}.calculator{padding:20px;border-radius:24px;order:0}.screen{padding-top:35px}#value{font-size:56px}.keys button{height:65px}aside{display:none;order:1;min-height:250px;padding:18px}aside.visible{display:block}.empty{padding-top:25px;padding-bottom:50px}footer{position:static;margin-top:25px}#historyToggle{display:block}.bottom{margin-top:25px}.note span:last-child{display:none}}@media(max-height:720px) and (max-width:700px){.keys button{height:55px}.screen{padding-top:18px;padding-bottom:14px}header{margin-bottom:12px}.bottom{margin-top:15px}}