.casio-v2-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;margin:16px auto}
.casio-v2{width:100%}
.bezel{background:#0e0f12;border-radius:18px;border:1px solid #0b0c0f;box-shadow:0 12px 30px rgba(0,0,0,.35);padding:16px;color:#e9eef4}
.theme-light .bezel{background:#fff;border-color:#e5e7eb;color:#111;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.header{display:flex;justify-content:space-between;align-items:center;font-weight:800;margin-bottom:10px}
.header .series{color:#d8a4ff}
.screen{background:#dfe6ec;color:#111;border-radius:8px;padding:8px 10px;margin-bottom:12px;box-shadow:inset 0 0 0 2px rgba(0,0,0,.06)}
.theme-light .screen{background:#f3f6f9}
.screen .meta{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;opacity:.85}
.screen .expr{min-height:48px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:6px;padding:6px 8px;overflow-x:auto;white-space:nowrap}
.screen .result{font-size:28px;font-weight:800;text-align:right}
.key{border:none;border-radius:8px;background:#e6ebf1;color:#111;padding:12px 10px;font-weight:800;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 -2px 0 rgba(0,0,0,.06);cursor:pointer}
.theme-light .key{background:#eef2f6;color:#111}
.key.equals{background:#ffa24b}
.key.ans{background:#d9f5df}
/* Updated colors */
.key.del{background:#f1c40f;color:#111}
.key.ac{background:#e74c3c;color:#fff}
.top-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}
.func-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}
.numpad-wrap{display:grid;grid-template-columns:3fr 1fr;gap:8px}
.num-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ops-grid{display:grid;grid-template-columns:1fr;gap:8px}
.bottom-row{display:grid;grid-template-columns:3fr 1fr;gap:8px;margin-top:8px}
.casio-v2-notes{width:100%}
.casio-v2-notes .inner{max-width:860px;margin:0 auto;background:#0e0f12;border:1px solid #0b0c0f;border-radius:14px;padding:14px;color:#e8eef4;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.theme-light .casio-v2-notes .inner{background:#fff;color:#111;border-color:#e5e7eb;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.casio-v2-notes h3{margin:0 0 6px}
.casio-v2-notes ul{padding-left:18px;margin:8px 0}
.casio-v2-notes .note{opacity:.8;font-style:italic}
@media (max-width:520px){ .key{padding:14px 8px;font-size:15px} .screen .result{font-size:24px} }