:root{--bg: #030408;--card: rgba(10, 12, 22, .95);--neon-blue: #00f2ff;--neon-purple: #bc00ff;--text: #ffffff;--key-num: #161929;--key-op: #1e243d;--key-func: #2a2f4a}.app-container{width:100vw;height:100vh;background:var(--bg);display:flex;justify-content:center;align-items:center;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;position:relative}.cyber-card{width:350px;height:650px;background:var(--card);border:1px solid rgba(0,242,255,.2);border-radius:40px;padding:28px;display:flex;flex-direction:column;box-shadow:0 0 50px #000000e6,inset 0 0 30px #00f2ff0d;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);position:relative;z-index:10}.top-bar{display:flex;justify-content:space-between;margin-bottom:24px}.sync-tag,.brand-tag{display:flex;align-items:center;gap:6px;font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.sync-tag.active{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}.pulse-icon{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(1)}}.screen{height:150px;background:#0006;border-radius:24px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;margin-bottom:28px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 10px #00000080}.exp-layer{font-size:14px;color:var(--neon-blue);opacity:.7;min-height:20px;letter-spacing:1px;font-family:Courier New,monospace}.val-layer{font-size:48px;font-weight:300;color:var(--text);margin-top:10px;word-break:break-all;text-align:right;text-shadow:0 0 15px rgba(255,255,255,.2)}.grid-keys{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:14px;flex:1}.k-btn{border:none;border-radius:20px;font-size:22px;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text);position:relative;overflow:hidden}.k-btn:active{transform:scale(.92);filter:brightness(1.2)}.k-btn.num{background:var(--key-num);border:1px solid rgba(255,255,255,.03)}.k-btn.num:hover{background:#222740;border-color:#00f2ff4d}.k-btn.op{background:var(--key-op);color:var(--neon-blue)}.k-btn.func{background:var(--key-func);color:var(--neon-purple);font-size:18px}.k-btn.zero{grid-column:span 2;justify-content:flex-start;padding-left:32px}.k-btn.run{background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));box-shadow:0 0 20px #bc00ff80;color:#fff}.k-btn.run:hover{box-shadow:0 0 30px #00f2ff99}.footer-actions{display:flex;justify-content:space-around;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.icon-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:12px;transition:.3s;border-radius:50%}.icon-btn:hover{color:var(--neon-blue);background:#00f2ff1a;transform:translateY(-3px)}.history-panel{position:absolute;top:0;left:0;width:100%;height:100%;background:#080a12;border-radius:40px;z-index:100;padding:35px 25px;display:flex;flex-direction:column;box-shadow:-10px 0 30px #00000080}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.back-btn{background:none;border:none;color:var(--neon-blue);display:flex;align-items:center;cursor:pointer;font-size:16px;font-weight:600;gap:4px}.panel-title{color:#fff;font-weight:700;font-size:18px;letter-spacing:1px}.panel-body{flex:1;overflow-y:auto;padding-right:5px}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-thumb{background:var(--key-op);border-radius:10px}.h-card{padding:20px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:.2s}.h-card:hover{background:#00f2ff0d;border-radius:12px}.h-q{font-size:13px;color:#fff6;font-family:monospace}.h-a{font-size:24px;color:var(--text);margin-top:6px;font-weight:300}.glow-orb{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(100px);opacity:.15;z-index:1}.orb-1{top:-100px;left:-100px;background:var(--neon-blue)}.orb-2{bottom:-100px;right:-100px;background:var(--neon-purple)}.scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,242,255,.02) 50%);background-size:100% 4px;pointer-events:none;z-index:20}.empty-tip{text-align:center;color:#fff3;margin-top:120px;font-style:italic}