:root{--bg:#080a10;--card:#171d28;--card2:#222a38;--key:#2a3446;--txt:#eef3ff;--mut:#9ba8bd;--line:rgba(255,255,255,.11);--blue:#63d0ff;--green:#8ff0c6;--red:#ff6f7f;--yellow:#ffd166;--r:22px;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--font:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:24px;font-family:var(--font);color:var(--txt);background:radial-gradient(circle at 20% 10%,rgba(99,208,255,.16),transparent 34%),radial-gradient(circle at 90% 0,rgba(143,240,198,.12),transparent 32%),linear-gradient(135deg,#070910,#111826 55%,#080a10)}button,input,select{font:inherit}.app{max-width:1100px;margin:0 auto;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--r);box-shadow:0 24px 80px rgba(0,0,0,.45);overflow:hidden}.tabs{display:flex;gap:8px;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.035)}.tab{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:transparent;color:var(--mut);cursor:pointer}.tab.active{color:var(--txt);border-color:rgba(99,208,255,.55);background:rgba(99,208,255,.13)}.section{display:none;padding:18px}.section.active{display:block}.calc{max-width:570px;margin:0 auto;padding:18px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(36,45,61,.95),rgba(18,23,32,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.28)}.brand{display:flex;justify-content:space-between;gap:16px;padding:4px 2px 14px;color:var(--mut);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.brand strong{color:var(--txt)}.display{min-height:135px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,#111722,#090d14);box-shadow:inset 0 1px 24px rgba(0,0,0,.55);display:flex;flex-direction:column;justify-content:space-between;gap:10px}.expr{width:100%;border:0;outline:0;background:transparent;color:var(--mut);font-family:var(--mono);font-size:18px;text-align:right}.res{min-height:48px;text-align:right;font-family:var(--mono);font-size:clamp(30px,7vw,48px);line-height:1.05;overflow-wrap:anywhere}.status{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.04);color:var(--mut)}.click{cursor:pointer;color:var(--txt)}.keys{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:16px}.key{min-height:54px;border:1px solid rgba(255,255,255,.09);border-radius:16px;cursor:pointer;color:var(--txt);background:linear-gradient(180deg,#2b3547,#1a202c);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.22);user-select:none}.key:hover{filter:brightness(1.08);border-color:rgba(99,208,255,.36)}.key:active{transform:translateY(1px)}.op{background:linear-gradient(180deg,#313a50,#20283a)}.fn{color:#bdd1ee;background:linear-gradient(180deg,#273143,#161d29)}.clear{color:#ffdce1;background:linear-gradient(180deg,#53313b,#341a22)}.mem{color:#d9ffe9;background:linear-gradient(180deg,#253c36,#182823)}.eq{grid-column:span 2;background:linear-gradient(180deg,#37a9d7,#166b99);color:white}.zero{grid-column:span 2}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:7px;color:var(--mut);font-size:13px}.full{grid-column:1/-1}input,select{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(7,10,15,.72);color:var(--txt);padding:13px 12px;outline:0}input:focus,select:focus{border-color:rgba(99,208,255,.55)}.box{margin-top:16px;min-height:68px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);font-family:var(--mono);font-size:24px;overflow-wrap:anywhere}.tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.action{border:1px solid var(--line);border-radius:14px;padding:11px 14px;cursor:pointer;color:var(--txt);background:linear-gradient(180deg,#273143,#161d29)}.hist{display:grid;gap:9px;max-height:420px;overflow:auto}.histitem{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.035);cursor:pointer}.mut{color:var(--mut)}.ok{color:var(--green)}.err{color:var(--red)}.warn{color:var(--yellow)}.note{margin-top:10px;color:var(--mut);font-size:12px;line-height:1.45}@media(max-width:620px){body{padding:12px}.section{padding:12px}.calc{padding:12px}.keys{grid-template-columns:repeat(4,1fr)}.key{min-height:50px;font-size:14px}.grid{grid-template-columns:1fr}.tabs{flex-wrap:nowrap;overflow:auto}}