.sc-calc{flex-direction:column;gap:10px;width:100%;max-width:460px;display:flex}.sc-display{border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--paper-2);min-width:0;padding:10px 12px 12px}.sc-top{min-height:20px;color:var(--muted-2);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.sc-top .sc-prev{text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1;min-width:0;overflow:hidden}.sc-badges{flex-shrink:0;gap:4px;display:flex}.sc-badge{letter-spacing:.06em;background:var(--stone-soft);color:var(--muted);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.sc-badge.on{background:var(--yellow);color:#0a0a0a}.sc-expr{width:100%;color:var(--ink);text-align:right;caret-color:var(--accent);background:0 0;border:0;outline:none;padding:2px 0;font:600 20px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.sc-expr::placeholder{color:var(--muted-2)}.sc-result{font-family:var(--font-display);text-align:right;color:var(--ink);overflow-wrap:anywhere;min-height:1.2em;font-size:clamp(24px,8cqi,34px);font-weight:700;line-height:1.2}.sc-result.preview{color:var(--muted);font-size:clamp(20px,6cqi,26px)}.sc-result.error{color:#b42318;font-family:inherit;font-size:15px;font-weight:600}.sc-readas{color:var(--muted-2);text-align:right;overflow-wrap:anywhere;margin-top:2px;font-size:12px}.sc-keys{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.sc-key{border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-2);min-height:44px;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;font-size:16px;font-weight:700;line-height:1.1;font-family:var(--font-display);padding:4px 2px}.sc-key:active{box-shadow:none;transform:translate(1px,1px)}.sc-key:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.sc-key.fn{background:var(--stone-soft);font-size:14px}.sc-key.op{background:var(--blue-soft);font-size:20px}.sc-key.num{font-size:19px}.sc-key.mem{background:var(--purple-soft);min-height:36px;font-size:13px}.sc-key.clr{background:var(--rose-soft);font-size:14px}.sc-key.eq{background:var(--accent);color:#fff;font-size:22px}.sc-key.on{background:var(--yellow);color:#0a0a0a}.sc-key sup{font-size:.7em}.sc-gap{grid-column:1/-1;height:2px}.sc-hist{flex-direction:column;gap:6px;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.sc-hist li{border:2px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--paper-2);flex-direction:column;align-items:flex-end;gap:0;padding:6px 10px;display:flex}.sc-hist button{color:inherit;text-align:right;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;max-width:100%;padding:0}.sc-hist .h-expr{color:var(--muted);font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.sc-hist .h-val{font-family:var(--font-display);color:var(--ink);font-size:17px;font-weight:700}.sc-hist .h-mode{color:var(--muted-2);font-size:10px}html[data-theme=dark] .sc-result.error{color:#fca5a5}html[data-theme=dark] .sc-key.eq{color:#0a0a0a}