:root{--sci-screen:#15181b;--sci-key:#fff;--sci-key-soft:#f2efec;--sci-accent:#A51C30;--sci-accent-dark:#7D1525;--sci-line:#d8d2cd}
.scientific-app-page{background:#e9e7e4;min-height:100vh;overflow-x:hidden}
.sci-app-bar{position:sticky;top:0;z-index:50;background:#fff;border-top:4px solid var(--crimson);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 18px;box-shadow:0 6px 20px rgba(30,30,30,.08)}
.sci-app-bar>a,.sci-app-bar button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;color:var(--ink);font-weight:800;cursor:pointer}.sci-app-bar>a{justify-self:start}.sci-app-bar h1{font-size:1rem;margin:0;text-align:center}.sci-app-bar .sci-bar-actions{justify-self:end;display:flex;gap:8px}
.sci-app-shell{width:min(1280px,100%);margin:auto;padding:18px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:18px;align-items:start}
.sci-calculator{background:#202326;border-radius:28px;padding:16px;box-shadow:0 24px 55px rgba(30,30,30,.22);border:1px solid #101214;min-width:0}
.sci-calculator-top{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:2px 5px 12px;gap:12px}.sci-calculator-top strong{letter-spacing:.03em}.sci-mode-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.sci-mode-controls label{font-size:.7rem;color:#ddd}.sci-mode-controls select{display:block;background:#303438;color:#fff;border:1px solid #555;border-radius:8px;padding:5px 7px;margin-top:2px}
.sci-display{background:linear-gradient(180deg,#fff,#f4f3ef);border-radius:15px;padding:15px;min-height:190px;display:flex;flex-direction:column;gap:10px;border:4px solid #111;box-shadow:inset 0 2px 10px rgba(30,30,30,.08)}
.sci-expression-label{display:flex;justify-content:space-between;gap:10px;font-size:.72rem;color:#6b625c;text-transform:uppercase;letter-spacing:.06em;font-weight:850}.sci-expression{width:100%;min-height:70px;resize:vertical;border:0;background:transparent;font:600 1.15rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;outline:none;color:#1e1e1e}.sci-result-row{display:flex;align-items:end;justify-content:space-between;gap:12px;border-top:1px solid #d8d2cd;padding-top:10px}.sci-result{font:800 clamp(1.65rem,4vw,2.65rem)/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;text-align:right;margin-left:auto}.sci-detail{font-size:.78rem;color:#6b625c;max-width:55%}.sci-status{min-height:24px;color:#ddd;padding:8px 5px 2px;font-size:.82rem}.sci-status[data-kind="error"]{color:#ffb9c4}.sci-status[data-kind="success"]{color:#c7e4bd}
.sci-function-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:12px 0}.sci-function-strip button,.sci-keypad button,.sci-advanced-grid button{border:1px solid #676b6e;border-radius:10px;background:#32373a;color:#fff;min-height:48px;font-weight:850;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.18)}.sci-function-strip button:hover,.sci-keypad button:hover,.sci-advanced-grid button:hover{filter:brightness(1.13)}
.sci-keypad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.sci-keypad button{background:var(--sci-key);color:#111;border-color:#ccc;font-size:1.05rem}.sci-keypad .sci-op{background:#e3ddd8;color:#4d181f}.sci-keypad .sci-accent{background:var(--sci-accent);color:#fff;border-color:var(--sci-accent-dark)}.sci-keypad .sci-dark{background:#35393c;color:#fff;border-color:#555}.sci-keypad .sci-equals{grid-row:span 2;background:var(--sci-accent);color:#fff;border-color:var(--sci-accent-dark);font-size:1.35rem}
.sci-tool-panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.sci-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#f6f4f2}.sci-tabs button{border:0;background:transparent;padding:14px 7px;font-weight:850;color:#5a524d;cursor:pointer;border-bottom:3px solid transparent}.sci-tabs button.active{color:var(--crimson);border-color:var(--crimson);background:#fff}.sci-panel{padding:20px}.sci-panel h2{margin:0 0 8px;font-size:1.35rem}.sci-panel p{color:var(--muted)}.sci-panel label{display:block;font-weight:800;margin:12px 0}.sci-panel input,.sci-panel textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px}.sci-panel textarea{min-height:120px;resize:vertical}.sci-advanced-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sci-advanced-grid button{background:#f6f3f1;color:#2b2724;border-color:var(--line);min-height:44px}.sci-stats-output{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.sci-stats-output>div{border:1px solid var(--line);border-radius:11px;padding:10px;background:#faf9f8}.sci-stats-output span{display:block;color:var(--muted);font-size:.76rem}.sci-stats-output strong{display:block}.sci-table-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sci-table-wrap{max-height:330px;overflow:auto;margin-top:14px;border:1px solid var(--line);border-radius:12px}.sci-table-wrap table{font-size:.88rem}.sci-history-list{display:grid;gap:8px;max-height:470px;overflow:auto}.sci-history-item{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px;text-align:left;cursor:pointer}.sci-history-item span{display:block;color:var(--muted);font-family:ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sci-history-item strong{display:block;margin-top:3px}.sci-empty{padding:18px;border:1px dashed var(--line);border-radius:12px}.sci-error{color:var(--crimson-dark)}.sci-panel-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sci-small-button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}.sci-examples{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.sci-examples button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer;color:var(--crimson-dark);font-weight:750}
@media(max-width:900px){.sci-app-shell{grid-template-columns:1fr;max-width:760px}.sci-tool-panel{order:2}.sci-calculator{order:1}.sci-app-bar{grid-template-columns:auto 1fr auto}.sci-app-bar h1{text-align:left}}
@media(max-width:600px){.sci-app-shell{padding:0}.sci-calculator{border-radius:0;border-left:0;border-right:0;padding:10px}.sci-app-bar{padding:8px}.sci-app-bar h1{font-size:.88rem}.sci-app-bar>a{font-size:0}.sci-app-bar>a:after{content:'←';font-size:1rem}.sci-app-bar .sci-bar-actions button:first-child{display:none}.sci-function-strip{grid-template-columns:repeat(4,1fr)}.sci-keypad{gap:6px}.sci-keypad button{min-height:52px}.sci-mode-controls{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.sci-calculator-top{align-items:flex-start;flex-direction:column}.sci-display{min-height:175px}.sci-detail{max-width:48%}.sci-tool-panel{border-radius:0;border-left:0;border-right:0}.sci-tabs{position:sticky;top:61px;z-index:2}.sci-tabs button{font-size:.76rem}.sci-panel{padding:16px}.sci-stats-output{grid-template-columns:1fr 1fr}}