.rk{display:grid;grid-template-columns:minmax(0,1fr) 21rem;gap:1.75rem;padding:1.5rem 0 3rem;align-items:start}.rk-main{display:grid;gap:1.1rem}.rk-display{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius);padding:1.1rem 1.15rem .9rem;box-shadow:var(--shadow-1)}.rk-input{width:100%;border:0;background:transparent;padding:0;font:500 clamp(1.5rem,4vw,2.2rem)/1.25 var(--mono);letter-spacing:-.01em}.rk-input:focus{outline:none}.rk-input.is-shaking{animation:rk-shake .34s ease}@keyframes rk-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.rk-preview{display:block;min-height:2rem;font:600 clamp(1.2rem,3vw,1.7rem)/1.3 var(--mono);color:var(--accent);text-align:right}.rk-preview[data-state=pending]{color:var(--text-faint)}.rk-hint{margin:.15rem 0 0;font-size:.8rem;color:var(--text-faint);min-height:1.2rem}.rk-functions{display:flex;flex-wrap:wrap;gap:.35rem}.rk-fn{font:600 .8rem var(--mono);padding:.4rem .6rem;cursor:pointer;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-sm)}.rk-fn:hover{border-color:var(--accent);color:var(--accent)}.rk-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}#reckoner-root[data-keypad=off] .rk-keypad{display:none}.rk-key{font:600 1.1rem var(--sans);padding:.95rem .5rem;cursor:pointer;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-1)}.rk-key:hover{border-color:var(--rule-strong);background:var(--paper-sunk)}.rk-key:active{transform:translateY(1px)}.rk-key--op{color:var(--accent)}.rk-key--muted{color:var(--danger)}.rk-key--accent{background:var(--accent);border-color:var(--accent);color:#fff}.rk-subhead{font:600 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0}.rk-memory-wrap{display:grid;gap:.6rem}.rk-memory{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem}.rk-mem{display:flex;align-items:center;gap:.4rem;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:.4rem .5rem}.rk-mem--set{border-color:var(--accent);background:var(--accent-soft)}.rk-mem__name{font:700 .7rem var(--mono);color:var(--text-faint)}.rk-mem__value{flex:1;min-width:0;text-align:left;background:none;border:0;cursor:pointer;font:600 .85rem var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-mem:not(.rk-mem--set) .rk-mem__value{color:var(--text-faint);font-weight:400}.rk-mem__store,.rk-mem__clear{background:none;border:0;cursor:pointer;font:600 .72rem var(--mono);color:var(--text-faint);padding:.15rem .3rem;border-radius:4px}.rk-mem__store:hover,.rk-mem__clear:hover{background:#00000012;color:var(--text)}.rk-note{margin:0;font-size:.8rem;color:var(--text-faint)}.rk-note code{font:.9em var(--mono);background:var(--paper-sunk);padding:.1em .3em;border-radius:3px}.rk-tape-panel{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius);position:sticky;top:calc(var(--header-h) + 1rem);max-height:calc(100vh - var(--header-h) - 3rem);display:flex;flex-direction:column;overflow:hidden}.rk-tape-head{padding:.85rem .9rem;border-bottom:1px solid var(--rule);display:grid;gap:.5rem}.rk-tape-count{font-size:.78rem;color:var(--text-faint)}.rk-tape-actions{display:flex;flex-wrap:wrap;gap:.25rem}.rk-tape{list-style:none;margin:0;padding:.35rem;overflow-y:auto;display:grid;gap:.15rem}.rk-tape__row{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"expr meta remove" "result result result";gap:.1rem .5rem;padding:.45rem .5rem;border-radius:var(--radius-sm)}.rk-tape__row:hover{background:var(--paper-sunk)}.rk-tape__expr{grid-area:expr;text-align:left;background:none;border:0;cursor:pointer;padding:0;font:400 .82rem var(--mono);color:var(--text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-tape__expr:hover{color:var(--text);text-decoration:underline}.rk-tape__result{grid-area:result;text-align:left;background:none;border:0;cursor:pointer;padding:0;font:600 1rem var(--mono);color:var(--accent)}.rk-tape__result:hover{text-decoration:underline}.rk-tape__meta{grid-area:meta;font:.7rem var(--mono);color:var(--text-faint);align-self:center}.rk-tape__remove{grid-area:remove;background:none;border:0;cursor:pointer;color:var(--text-faint);font-size:1rem;line-height:1;padding:0 .15rem;opacity:0}.rk-tape__row:hover .rk-tape__remove{opacity:1}.rk-tape__remove:hover{color:var(--danger)}@media(max-width:940px){.rk{grid-template-columns:1fr}.rk-tape-panel{position:static;max-height:26rem}}