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