.scx{border:1px solid var(--atp-bd);background:var(--atp-card);width:100%;max-width:32rem;box-shadow:var(--atp-shadow);-webkit-user-select:none;user-select:none;border-radius:28px;gap:14px;padding:16px;display:grid}@media (min-width:700px){.scx{padding:20px}}.scx-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.scx-head>.hh-tile{border-radius:13px;width:40px;height:40px}.scx-title{margin:0;font-size:16px;font-weight:800}.scx-sub{color:hsl(var(--muted-foreground));margin:1px 0 0;font-size:13px}.scx-head-end{align-items:center;gap:8px;margin-left:auto;display:flex}.scx-mode{border:1px solid var(--atp-bd2);background:var(--atp-soft);border-radius:13px;padding:3px;display:inline-flex}.scx-mode button{min-width:44px;min-height:38px;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:10px;padding:0 10px;font-size:13px;font-weight:800}.scx-mode button[aria-pressed=true]{color:#fff;background:#b45309;box-shadow:0 2px #78350f}.scx-mode button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:1px}.scx-screen{color:#f8fafc;background:linear-gradient(#13203a,#0b1220);border-radius:20px;gap:4px;padding:12px 16px 14px;display:grid;box-shadow:inset 0 2px 10px #0000008c,inset 0 0 0 1px #94a3b82e,0 1px #ffffff80}.dark .scx-screen{box-shadow:inset 0 2px 10px #0009,inset 0 0 0 1px #94a3b838}.scx-screen-meta{color:#b8c6da;font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;font-size:12.5px;font-weight:700;display:flex}.scx-screen-meta b{color:#6ee7b7;font-weight:800}.scx-last{text-align:right;text-overflow:ellipsis;white-space:nowrap;color:#b8c6da;min-height:20px;font-size:14px;font-family:var(--font-mono,ui-monospace, monospace);overflow:hidden}.scx-input{text-align:right;width:100%;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:-.02em;color:#f8fafc;caret-color:#6ee7b7;background:0 0;border-radius:8px;outline:none;font-size:clamp(26px,6vw,34px);font-weight:800}.scx-input:focus-visible{box-shadow:0 0 0 2px #6ee7b7}.scx-tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.scx-keys{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.scx-keys[data-cols="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:420px){.scx-keys[data-cols="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}}.scx-keys[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.scx-group{gap:6px;display:grid}.scx-group-name{color:hsl(var(--muted-foreground));font-size:13px;font-weight:700}.scx-key{border:1px solid var(--atp-bd2);background:var(--atp-card);min-width:0;min-height:50px;color:hsl(var(--foreground));font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:inset 0 1px 0 #ffffffb3, 0 3px 0 var(--atp-bd2), 0 10px 16px -12px #0f172a80;border-radius:14px;place-items:center;padding:0 4px;font-size:18px;font-weight:800;transition:translate 80ms,box-shadow 80ms,filter .15s;display:grid}.dark .scx-key{box-shadow:inset 0 1px #ffffff12,0 3px #0000008c,0 10px 16px -12px #000c}.scx-key:hover{filter:brightness(1.04)}.scx-key:active{box-shadow:inset 0 1px 0 #ffffff80, 0 1px 0 var(--atp-bd2);translate:0 2px}.scx-key:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.scx-key svg{width:20px;height:20px}.scx-key[data-kind=fn]{background:var(--atp-soft);color:hsl(var(--foreground));font-size:15px;font-weight:750}.scx-key[data-kind=op]{color:#fff;background:linear-gradient(#2563eb,#1d4ed8);border-color:#0000;font-size:21px;box-shadow:inset 0 1px #ffffff4d,0 3px #1e3a8a,0 10px 16px -10px #2563ebb3}.scx-key[data-kind=op]:active{box-shadow:inset 0 1px #ffffff4d,0 1px #1e3a8a}.scx-key[data-kind=clear]{border-color:color-mix(in srgb, #e11d48 40%, var(--atp-bd2));background:color-mix(in srgb, #fb7185 16%, var(--atp-card));color:#9f1239;font-size:15px}.dark .scx-key[data-kind=clear]{color:#fecdd3}.scx-key[data-kind=del]{border-color:color-mix(in srgb, #d97706 40%, var(--atp-bd2));background:color-mix(in srgb, #fbbf24 18%, var(--atp-card));color:#92400e}.dark .scx-key[data-kind=del]{color:#fde68a}.scx-eq{gap:8px;width:100%;min-height:54px;font-size:16px}.scx-tape{gap:6px;max-height:13rem;margin:0;padding:0 2px 0 0;list-style:none;display:grid;overflow-y:auto}.scx-tape-empty{border:1px dashed var(--atp-bd2);color:hsl(var(--muted-foreground));border-radius:14px;padding:10px 12px;font-size:14px}.scx-row{border:1px solid var(--atp-bd);background:var(--atp-soft);border-radius:14px;align-items:center;gap:6px;min-width:0;padding:2px 2px 2px 4px;display:flex}.scx-row button{cursor:pointer;border-radius:10px;min-height:44px}.scx-row button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:1px}.scx-row-expr{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono,ui-monospace, monospace);color:hsl(var(--muted-foreground));flex:1;padding:0 8px;font-size:14px;overflow:hidden}.scx-row-ans{font-family:var(--font-mono,ui-monospace, monospace);color:hsl(var(--foreground));flex:none;padding:0 8px;font-size:15px;font-weight:800}.scx-row-expr:hover,.scx-row-ans:hover{background:var(--atp-card)}.scx-row-copy{width:44px;color:hsl(var(--muted-foreground));flex:none;place-items:center;display:grid}.scx-row-copy:hover{color:hsl(var(--foreground));background:var(--atp-card)}.scx-row-copy svg{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.scx-key{transition:none}.scx-key:active{translate:none}}