:root{--bg:#030711;--panel:rgba(7,16,35,.84);--panel2:rgba(12,27,55,.72);--text:#eefbff;--muted:#88a9ba;--cyan:#45f3ff;--blue:#6d7cff;--violet:#ba65ff;--green:#63ffc4;--danger:#ff5d7c;--line:rgba(69,243,255,.22);--shadow:0 24px 80px rgba(0,0,0,.45);--r:24px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 15% 0%,rgba(70,85,255,.26),transparent 30%),radial-gradient(circle at 90% 12%,rgba(186,101,255,.2),transparent 28%),linear-gradient(145deg,#02040a,#071226 55%,#02050d);overflow-x:hidden}.bg-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(69,243,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(69,243,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 95%)}.orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:.25;pointer-events:none}.orb-a{width:360px;height:360px;background:var(--cyan);left:-210px;top:20%}.orb-b{width:380px;height:380px;background:var(--violet);right:-220px;bottom:0}.app-shell{width:min(1500px,100%);margin:auto;padding:18px}.glass{background:linear-gradient(155deg,rgba(13,27,57,.9),rgba(4,9,22,.92));border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(18px);border-radius:var(--r)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;margin-bottom:16px}.brand{display:flex;gap:14px;align-items:center}.logo-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;border:1px solid rgba(69,243,255,.4);background:rgba(69,243,255,.09);color:var(--cyan);font:700 2rem Cambria Math;box-shadow:0 0 22px rgba(69,243,255,.16)}h1,h2,h3,p{margin-top:0}.brand h1{margin-bottom:3px;font-size:clamp(1.2rem,2.4vw,2rem);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,#fff,var(--cyan),#d9b9ff);-webkit-background-clip:text;color:transparent}.brand p,.panel-head p,.results-head p{margin-bottom:0;color:var(--muted);font-size:.84rem}.top-actions{display:flex;gap:8px}.chip,.tab,.examples button,.range button,.icon-btn{border:1px solid rgba(100,185,255,.25);background:rgba(7,20,44,.9);color:var(--text);border-radius:999px;padding:9px 13px;cursor:pointer}.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px}.calculator,.results{padding:18px;min-width:0}.screen{position:relative;overflow:hidden;border:1px solid rgba(69,243,255,.32);border-radius:20px;background:linear-gradient(145deg,rgba(1,6,17,.98),rgba(7,20,42,.94));padding:14px 16px;box-shadow:inset 0 0 32px rgba(69,243,255,.06)}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.035),transparent 60%);transform:translateX(-100%);animation:scan 6s linear infinite}@keyframes scan{to{transform:translateX(100%)}}.screen-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.76rem}.screen-meta span:first-child{color:var(--cyan)}.previous{text-align:right;color:var(--muted);min-height:20px;margin-top:4px}.screen textarea{width:100%;min-height:108px;max-height:210px;resize:vertical;border:0;outline:0;background:transparent;color:#fff;text-align:right;font:650 clamp(1.35rem,3vw,2.35rem)/1.35 Cambria Math,Segoe UI Symbol,sans-serif;caret-color:var(--cyan);padding:8px 0;overflow-wrap:anywhere}.screen-help{text-align:right;color:var(--muted);font-size:.72rem}.tabs{display:flex;gap:8px;overflow:auto;padding:13px 0 10px}.tab{white-space:nowrap;font-weight:700;color:var(--muted)}.tab.active{color:#031218;background:linear-gradient(90deg,var(--cyan),#8dffd6);box-shadow:0 0 18px rgba(69,243,255,.2)}.keypad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.key{min-height:53px;border:1px solid rgba(128,164,255,.18);border-radius:14px;background:linear-gradient(145deg,rgba(28,45,81,.92),rgba(9,17,37,.98));color:#f5fdff;font:700 .96rem Cambria Math,Segoe UI Symbol,sans-serif;cursor:pointer;transition:.16s;box-shadow:0 7px 15px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)}.key:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 9px 20px rgba(0,0,0,.28),0 0 14px rgba(69,243,255,.18)}.key:active{transform:scale(.96)}.key.operator{color:var(--cyan);background:linear-gradient(145deg,rgba(7,69,88,.82),rgba(7,26,46,.96))}.key.function{color:#dfcaff}.key.danger{background:linear-gradient(145deg,#7d2140,#351326)}.key.equals{color:#031217;background:linear-gradient(135deg,var(--cyan),var(--green));border:0}.key.wide{grid-column:span 2}.examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.examples button{font-size:.78rem;color:var(--muted)}.examples button:hover{color:var(--cyan);border-color:var(--cyan)}.results{display:flex;flex-direction:column;gap:13px}.results-head,.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.results h2,.panel-head h2{margin-bottom:4px;color:var(--cyan);font-size:1.08rem}.icon-btn{width:40px;height:40px;border-radius:12px;padding:0;color:var(--cyan)}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{padding:11px;border-radius:14px;border:1px solid rgba(111,135,255,.18);background:rgba(14,25,52,.68)}.metric span{display:block;color:var(--muted);font-size:.72rem}.metric strong{display:block;margin-top:5px;color:#fff;font-size:1rem;overflow-wrap:anywhere}.result-block{border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.result-block h3{margin-bottom:9px;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#c9efff}.result-main{min-height:70px;padding:13px;border-radius:14px;background:rgba(3,12,27,.8);border:1px solid rgba(69,243,255,.16);font:600 1rem/1.6 Cambria Math,Segoe UI Symbol,sans-serif;overflow-wrap:anywhere}.solution{display:inline-block;margin:4px 6px 4px 0;padding:7px 10px;border-radius:10px;background:rgba(99,255,196,.1);border:1px solid rgba(99,255,196,.25);color:var(--green)}.steps{margin:0;padding-left:22px;color:#dceff7;line-height:1.55}.steps li{margin:8px 0}.steps code{color:var(--cyan);font-family:Cambria Math,monospace}.lower-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:16px;margin-top:16px}.graph-panel,.table-panel{padding:16px;min-width:0}.range{display:flex;align-items:end;gap:7px}.range label{display:grid;gap:4px;color:var(--muted);font-size:.72rem}.range input{width:78px;border:1px solid rgba(69,243,255,.2);background:#07142a;color:#fff;border-radius:10px;padding:7px}.range button{border-radius:11px;color:var(--cyan)}canvas{display:block;width:100%;height:clamp(260px,37vw,440px);margin-top:12px;border-radius:16px;background:linear-gradient(180deg,rgba(3,10,24,.96),rgba(4,15,31,.99));border:1px solid rgba(69,243,255,.18)}.legend{margin-top:8px;color:var(--muted);font-size:.78rem}.table-scroll{overflow:auto;margin-top:12px;max-height:440px}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{text-align:right;padding:10px;border-bottom:1px solid rgba(255,255,255,.07)}th{position:sticky;top:0;background:#0a1932;color:var(--cyan);font-size:.78rem}td{color:#deedf3}td:last-child{text-align:left}.root-row{background:rgba(99,255,196,.08)}.ok{color:var(--green)}footer{text-align:center;color:#668397;font-size:.75rem;padding:17px}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#08172a;border:1px solid var(--cyan);padding:10px 16px;border-radius:999px;transition:.22s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}body.alt{--cyan:#ff65d8;--green:#ffe07a;--violet:#6af6ff;--line:rgba(255,101,216,.28)}@media(max-width:1050px){.workspace,.lower-grid{grid-template-columns:1fr}.results{order:2}}@media(max-width:680px){.app-shell{padding:8px}.topbar{padding:11px;align-items:flex-start}.brand p{display:none}.logo-mark{width:46px;height:46px}.top-actions{flex-direction:column}.calculator,.results,.graph-panel,.table-panel{padding:12px;border-radius:18px}.keypad{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.key{min-height:48px;font-size:.88rem}.summary{grid-template-columns:1fr}.panel-head{flex-direction:column}.range{width:100%;flex-wrap:wrap}.range label{flex:1}.range input{width:100%}.range button{flex:1}.workspace,.lower-grid{gap:8px}.lower-grid{margin-top:8px}.examples{overflow:auto;flex-wrap:nowrap}.examples button{white-space:nowrap}}@media(max-width:380px){.brand h1{font-size:1rem}.chip{padding:7px 9px;font-size:.75rem}.key{font-size:.8rem;min-height:45px}.screen textarea{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}