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