@font-face{font-family:Shag;src:url('/assets/Shag-Lounge.otf') format('opentype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#edf9ff;color:#202b33;font-family:Arial,sans-serif;min-height:100dvh}nav{max-width:1050px;margin:auto;padding:25px;display:flex;align-items:center;justify-content:space-between}nav a{color:#4e6878;text-decoration:none;font-size:14px;font-weight:600}#sound{border:1px solid #cfdee5;background:transparent;padding:8px 12px;border-radius:20px;color:#4e6878;cursor:pointer}main{max-width:420px;margin:15px auto 0;padding:0 20px 30px}.calculator{padding:22px 12px 16px}h1{font:29px Shag,Arial,sans-serif;margin:0 0 5px}#status{height:18px;font-size:12px;margin:8px 0;color:#a42525}#display{height:82px;background:white;border-radius:16px;overflow-x:auto;overflow-y:hidden;padding:15px 13px;margin-bottom:18px;scrollbar-width:thin;scrollbar-color:#ccd9df transparent}#digits{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:100%;width:max-content;height:44px}#digits img{width:37px;height:44px;object-fit:fill;flex-shrink:0}#digits img.constant{object-fit:contain;width:44px}#digits img.period{width:20px;height:20px;align-self:flex-end}#digits img.minus{object-fit:contain}#digits img.special{width:110px;object-fit:contain}#digits .plain{font-size:34px;color:#202b33}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.keys{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.key{display:flex;align-items:center;justify-content:center;height:58px;border:0;border-radius:12px;background:white;box-shadow:0 2px 0 #dce8ee;font:23px Arial,sans-serif;color:#111;cursor:pointer;transition:transform .08s,background .1s;min-width:0}.key img{width:42px;height:40px;object-fit:contain;pointer-events:none}.key[data-key="AC"],.key[data-key="⌫"]{font-family:Shag,Arial,sans-serif;font-size:22px}.key[data-key="2763"] img{width:52px}.key:hover{background:#f8fcff;transform:translateY(-1px)}.key:active,.key.pressed{transform:translateY(2px);box-shadow:none;background:#e4f3fc}.key:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,#display:focus-visible{outline:3px solid #508fb3;outline-offset:4px}.hint{text-align:center;color:#637d8a;font-size:12px;line-height:1.8;margin:18px 0}.hint span{font-size:11px}.credit{text-align:center;color:#8ca0aa;font-size:11px;margin-top:28px}dialog{border:0;border-radius:22px;padding:23px;background:#676767;color:white;width:min(370px,calc(100% - 26px));box-shadow:0 22px 100px #0005;font-family:Shag,Arial,sans-serif}dialog::backdrop{background:#142c3b75;backdrop-filter:blur(5px)}dialog h2{font-size:23px;text-align:center;margin:0 0 23px}.message-row{display:flex;gap:15px;align-items:center}.message-row>img{width:70px;height:115px;object-fit:contain}#speech{background:#777;border:2px solid #525252;border-radius:14px;min-height:135px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;flex:1;font-size:21px;line-height:1.25}#confirm{display:block;margin:22px auto 0;background:#777;color:white;border:2px solid #525252;border-radius:12px;font:25px Shag,Arial,sans-serif;min-width:130px;padding:10px 20px;cursor:pointer}@media(max-width:380px){main{padding:0 10px}.keys{gap:7px}.key{height:53px}.key img{width:37px}h1{font-size:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}