@import "https://fonts.googleapis.com/css2?family=VT323&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-page:#e2e8f0;--calc-body:#1e293b;--calc-body-inner:#0f172a;--lcd-bg:#94a3b8;--lcd-text:#020617;--btn-num:#e2e8f0;--btn-num-text:#0f172a;--btn-func:#334155;--btn-func-text:#f8fafc;--btn-mode:#1d4ed8;--btn-ac:#b91c1c;--btn-shift:#ca8a04;--btn-alpha:#991b1b}body{background-color:var(--bg-page);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Inter,sans-serif;display:flex}*{box-sizing:border-box}.calculator-shell{background:var(--calc-body);border:1px solid #334155;border-radius:24px;flex-direction:column;gap:20px;width:100%;max-width:460px;padding:24px 20px;display:flex;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080,inset 0 2px 4px #ffffff1a}.screen-bezel{background:var(--calc-body-inner);border-radius:12px;padding:16px;box-shadow:inset 0 4px 6px #000c}.lcd-display{background:var(--lcd-bg);height:140px;color:var(--lcd-text);border-radius:4px;flex-direction:column;padding:8px 12px;font-family:VT323,monospace;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.lcd-indicators{gap:8px;height:20px;font-size:14px;font-weight:700;display:flex}.lcd-content{word-break:break-all;white-space:pre-wrap;flex-direction:column;flex:1;font-size:24px;line-height:1.2;display:flex;overflow-y:auto}.lcd-result{text-align:right;height:32px;margin-top:auto;font-size:28px}.screen-menu{grid-template-columns:1fr 1fr;gap:4px;font-size:20px;display:grid}.screen-menu.single-col{grid-template-columns:1fr}.stat-table-wrapper{width:100%;height:100%;font-size:18px;overflow-y:auto}.stat-table{border-collapse:collapse;width:100%}.stat-table th,.stat-table td{border:1px solid var(--lcd-text);text-align:right;padding:2px 4px}.stat-table th{text-align:center;border-bottom:2px solid var(--lcd-text)}.stat-table td.active-cell{background:var(--lcd-text);color:var(--lcd-bg)}.stat-summary{font-size:16px;line-height:1.1}.keypad{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:14px 0;font-size:14px;font-weight:600;transition:all .1s;display:flex;box-shadow:0 4px #00000080}.btn:active{transform:translateY(4px);box-shadow:0 0 #00000080}.btn-num{background:var(--btn-num);color:var(--btn-num-text);border-radius:10px;padding:18px 0;font-size:18px}.btn-func{background:var(--btn-func);color:var(--btn-func-text);border-radius:8px}.btn-mode{background:var(--btn-mode);color:#fff}.btn-ac{background:var(--btn-ac);color:#fff}.btn-shift{background:var(--btn-shift);color:#fff}.btn-alpha{background:var(--btn-alpha);color:#fff}.key-container{flex-direction:column;align-items:center;gap:4px;display:flex}.key-label{color:#94a3b8;height:12px;font-size:10px;font-weight:500}.key-label.shift{color:var(--btn-shift)}.key-label.alpha{color:#ef4444}@media (width<=480px),(height<=750px){.calculator-shell{border-radius:16px;gap:8px;padding:12px 10px}.keypad{gap:5px}.btn{padding:8px 0;font-size:11px;box-shadow:0 3px #00000080}.btn:active{transform:translateY(3px)}.btn-num{border-radius:8px;padding:10px 0;font-size:15px}.lcd-display{height:90px;padding:6px 8px}.lcd-content{font-size:18px}.lcd-result{height:26px;font-size:22px}.key-label{height:10px;font-size:9px}}@media (height<=600px){.calculator-shell{border-radius:12px;gap:4px;padding:8px 6px}.btn{padding:6px 0}.btn-num{padding:8px 0}.lcd-display{height:80px}}