@charset "utf-8";
.sci-calc-wrap{max-width:900px;margin:28px auto 0;padding:0 24px;display:grid;grid-template-columns:500px 1fr;gap:24px;align-items:start}
.sci-display{background:#0f172a;padding:18px 18px 12px;min-height:100px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.sci-display__history{font-size:.75rem;color:rgba(255,255,255,.35);text-align:right;min-height:18px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sci-display__main{font-family:var(--font-head);font-weight:700;font-size:2rem;color:var(--white);text-align:right;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sci-display__main.long{font-size:1.3rem}
.sci-display__mode{position:absolute;top:10px;left:12px;font-size:.68rem;color:rgba(255,255,255,.4);font-family:var(--font-head);font-weight:600;letter-spacing:.4px}
.sci-display__mem{position:absolute;top:10px;right:12px;font-size:.68rem;color:#fbbf24;font-family:var(--font-head);font-weight:600}
.sci-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#1e293b}
.sb{padding:13px 4px;font-family:var(--font-head);font-size:.78rem;font-weight:600;border:none;cursor:pointer;transition:filter .1s,transform .08s;user-select:none;color:var(--white);background:#1e293b;line-height:1.2}
.sb:active{filter:brightness(1.4);transform:scale(.95)}
.sb-func{background:#1e3a5f;color:#93c5fd}.sb-trig{background:#14532d;color:#86efac}
.sb-num{background:#1e293b;color:var(--white)}.sb-op{background:var(--orange);color:var(--white)}
.sb-eq{background:var(--green);color:var(--white)}.sb-mem{background:#4c1d95;color:#c4b5fd;font-size:.7rem}
.sb-clear{background:#7f1d1d;color:#fca5a5}.sb-deg{background:#713f12;color:#fde68a;font-size:.72rem}
.sb-num:hover{background:#334155}.sb-op:hover{background:#e05a1e}.sb-eq:hover{background:var(--green-d)}
.sb-func:hover,.sb-trig:hover,.sb-mem:hover{filter:brightness(1.2)}
.history-panel{background:var(--white);border-radius:16px;border:1px solid var(--gray-l);overflow:hidden;box-shadow:var(--shadow)}
.history-panel__head{background:var(--light);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray-l)}
.history-panel__title{font-family:var(--font-head);font-weight:700;font-size:.88rem;color:var(--navy);display:flex;align-items:center;gap:6px}
.history-panel__title i{color:var(--green)}
.history-clear-btn{background:none;border:none;font-size:.75rem;color:var(--gray);cursor:pointer}
.history-clear-btn:hover{color:#dc2626}
.history-list{max-height:380px;overflow-y:auto}
.history-item{padding:9px 14px;border-bottom:1px solid rgba(229,231,235,.5);cursor:pointer;transition:background .15s}
.history-item:hover{background:var(--light)}
.history-item__expr{font-size:.75rem;color:var(--gray);margin-bottom:2px}
.history-item__result{font-family:var(--font-head);font-weight:700;font-size:.92rem;color:var(--navy)}
.history-empty{padding:28px 16px;text-align:center;font-size:.82rem;color:var(--gray)}
.history-empty i{display:block;font-size:1.8rem;margin-bottom:8px;opacity:.3}
.keyboard-hint{text-align:center;font-size:.68rem;color:rgba(255,255,255,.3);padding:6px 0 8px;background:#0f172a}
.keyboard-hint kbd{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:3px;padding:0 4px;font-size:.66rem;font-family:monospace;color:rgba(255,255,255,.5)}
@media(max-width:900px){.sci-calc-wrap{grid-template-columns:1fr;max-width:520px}.history-list{max-height:180px}}
@media(max-width:460px){.sb{padding:11px 2px;font-size:.7rem}.sci-display__main{font-size:1.6rem}}