.eq-app{--eq-accent:#2f80c9;--eq-accent-strong:#175b96;--eq-soft:#eaf4fc;--eq-border:#c9dbea;max-width:1120px;margin:18px auto 42px}
.eq-hero{position:relative;overflow:hidden;padding:30px;border:1px solid var(--eq-border);border-radius:24px;background:linear-gradient(135deg,#f8fcff 0%,#edf6fd 56%,#e5f1fb 100%);box-shadow:0 18px 50px rgba(20,63,99,.11)}
.eq-hero:after{content:"∑";position:absolute;right:24px;top:-42px;font:900 180px/1 Georgia,serif;color:rgba(47,128,201,.075);pointer-events:none}
.eq-eyebrow{margin:0 0 8px;color:#2878bc;font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.eq-hero h1{position:relative;z-index:1;margin:0;color:#173f67;font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.045em}
.eq-hero-copy{position:relative;z-index:1;max-width:780px;margin:14px 0 0;color:#4a6074;font-size:1.06rem;line-height:1.75}
.eq-badges{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.eq-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid #c7ddec;border-radius:999px;background:rgba(255,255,255,.78);color:#285779;font-size:.78rem;font-weight:800}
.eq-workspace{margin-top:18px;border:1px solid var(--eq-border);border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(19,60,94,.1);overflow:hidden}
.eq-mode-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px;border-bottom:1px solid var(--eq-border);background:#f5f9fc}
.eq-mode{min-height:46px;margin:0!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#315671!important;box-shadow:none!important;font-size:.9rem!important;font-weight:850!important}
.eq-mode:hover{background:#e8f2fa!important;color:#164f7d!important}
.eq-mode.active{background:linear-gradient(135deg,#2679bd,#175b96)!important;color:#fff!important;border-color:#216da9!important;box-shadow:0 8px 18px rgba(31,105,165,.22)!important}
.eq-main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);min-height:520px}
.eq-entry{padding:24px;border-right:1px solid var(--eq-border)}
.eq-output{padding:24px;background:#f8fbfd}
.eq-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.eq-label-row label,.eq-sub-label{color:#263e52;font-weight:850;font-size:.92rem}
.eq-shortcut{color:#6d8294;font-size:.75rem;font-weight:750}
.eq-input-wrap{position:relative}
.eq-input{display:block;width:100%!important;min-height:142px;height:auto!important;margin:0!important;padding:18px!important;border:2px solid #b9d0e1!important;border-radius:16px!important;background:#fbfdff!important;color:#152f45!important;font:600 1.12rem/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;resize:vertical;box-sizing:border-box;transition:border-color .16s,box-shadow .16s,background .16s}
.eq-input:focus{outline:0;border-color:#2f80c9!important;box-shadow:0 0 0 4px rgba(47,128,201,.14)!important;background:#fff!important}
.eq-system-second{margin-top:15px}
.eq-examples{margin-top:17px}
.eq-examples-title{display:flex;align-items:center;justify-content:space-between;color:#435f75;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.eq-example-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.eq-example{margin:0!important;padding:8px 11px!important;border:1px solid #c9dbea!important;border-radius:999px!important;background:#f3f8fc!important;color:#285779!important;box-shadow:none!important;font-size:.78rem!important;font-weight:780!important}
.eq-example:hover{border-color:#75acd5!important;background:#e7f2fa!important;color:#124b79!important}
.eq-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.eq-action-row button{min-height:46px;margin:0!important;padding:10px 16px!important;border-radius:12px!important;font-size:.9rem!important;font-weight:850!important;box-shadow:none!important}
.eq-solve{flex:1 1 190px;background:linear-gradient(135deg,#2f80c9,#175b96)!important;color:#fff!important;box-shadow:0 9px 22px rgba(28,101,159,.22)!important}
.eq-secondary{background:#edf4f9!important;color:#214e70!important;border:1px solid #c8dbe9!important}
.eq-status{display:flex;align-items:center;gap:8px;min-height:24px;margin:14px 0 0;color:#597084;font-size:.83rem}
.eq-status-dot{width:8px;height:8px;border-radius:50%;background:#57a977;box-shadow:0 0 0 4px rgba(87,169,119,.12)}
.eq-placeholder{display:grid;place-items:center;min-height:390px;padding:28px;text-align:center;border:1px dashed #bfd4e4;border-radius:18px;background:rgba(255,255,255,.7)}
.eq-placeholder-icon{display:grid;place-items:center;width:78px;height:78px;margin:auto;border-radius:22px;background:linear-gradient(135deg,#dceefb,#eef7fd);color:#1f6ca8;font:900 2.25rem/1 Georgia,serif;box-shadow:inset 0 0 0 1px #c8dfef}
.eq-placeholder h2{margin:17px 0 7px;color:#234d6d;font-size:1.35rem}
.eq-placeholder p{max-width:430px;margin:0;color:#637b8d;font-size:.93rem}
.eq-result[hidden],.eq-error[hidden],.eq-graph-card[hidden]{display:none!important}
.eq-result{animation:eqReveal .28s ease both}
@keyframes eqReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.eq-result-head{padding:20px;border:1px solid #b9d8c5;border-radius:18px;background:linear-gradient(135deg,#f1fbf5,#e9f7ef);box-shadow:0 10px 28px rgba(36,111,72,.09)}
.eq-result-kicker{color:#2f7b50;font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.eq-result h2{margin:6px 0 0;color:#194c34;font-size:1.18rem}
.eq-answer{margin-top:12px;color:#103e2a;font:800 clamp(1.35rem,3vw,2.15rem)/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.eq-summary{margin:10px 0 0;color:#426753;font-size:.9rem}
.eq-result-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.eq-result-tools button{margin:0!important;padding:8px 11px!important;border-radius:10px!important;background:#fff!important;color:#245b40!important;border:1px solid #b9d8c5!important;box-shadow:none!important;font-size:.78rem!important;font-weight:800!important}
.eq-steps{margin-top:16px}
.eq-steps h3,.eq-graph-card h3,.eq-history-card h3{margin:0 0 12px;color:#244d6c;font-size:1.05rem}
.eq-step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid #dbe7ef}
.eq-step:last-child{border-bottom:0}
.eq-step-number{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e4f1fa;color:#1d689f;font-size:.75rem;font-weight:900}
.eq-step strong{display:block;color:#294b64;font-size:.86rem}
.eq-step code{display:block;margin-top:4px;padding:0;background:transparent;color:#435f73;font:600 .88rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:normal;overflow-wrap:anywhere}
.eq-error{padding:16px;border:1px solid #efc1c5;border-radius:16px;background:#fff1f2;color:#7e2630}
.eq-error strong{display:block;margin-bottom:4px}.eq-error p{margin:0;color:#8e3b44;font-size:.88rem}
.eq-graph-card{margin-top:16px;padding:16px;border:1px solid #cbdde9;border-radius:17px;background:#fff}
.eq-canvas-wrap{position:relative;width:100%;aspect-ratio:16/9;min-height:220px}
#eqGraph{display:block;width:100%;height:100%;border-radius:12px;background:#fbfdff}
.eq-lower{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-top:18px}
.eq-guide,.eq-history-card{padding:22px;border:1px solid var(--eq-border);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(19,60,94,.07)}
.eq-guide h2{margin:0 0 10px;color:#194c74;font-size:1.35rem}.eq-guide p{margin:0;color:#536b7e;font-size:.94rem}
.eq-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.eq-capability{padding:13px;border:1px solid #d6e4ee;border-radius:14px;background:#f8fbfd}.eq-capability strong{display:block;color:#285779;font-size:.86rem}.eq-capability span{display:block;margin-top:4px;color:#6b7f90;font-size:.77rem;line-height:1.45}
.eq-history-list{display:grid;gap:8px;max-height:330px;overflow:auto}.eq-history-empty{color:#768a99;font-size:.84rem}.eq-history-item{position:relative;padding:11px 38px 11px 12px;border:1px solid #d5e3ec;border-radius:12px;background:#f9fbfd;cursor:pointer}.eq-history-item:hover{border-color:#8db9d8;background:#f0f7fc}.eq-history-item strong{display:block;color:#31536c;font:700 .79rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.eq-history-item span{display:block;margin-top:4px;color:#738797;font-size:.73rem}.eq-history-remove{position:absolute;right:7px;top:7px;width:27px;height:27px;min-width:0;margin:0!important;padding:0!important;border-radius:8px!important;background:transparent!important;color:#7f92a1!important;box-shadow:none!important;font-size:1rem!important}
.eq-article{max-width:1020px;margin:36px auto}.eq-article h2{margin-top:30px}.eq-article code{padding:2px 6px;border-radius:6px;background:#edf4f9;color:#244e6c}.eq-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.eq-article-card{padding:16px;border:1px solid #d3e2ed;border-radius:16px;background:#fff}.eq-article-card strong{color:#244f70}.eq-article-card p{margin:7px 0 0;font-size:.88rem}
body.oc-dark .eq-app{--eq-border:#355267}
body.oc-dark .eq-hero{background:linear-gradient(135deg,#162a39,#172f42 60%,#183950);border-color:#35566e;box-shadow:none}
body.oc-dark .eq-hero h1{color:#9bd9ff!important}body.oc-dark .eq-hero-copy{color:#c9d8e3}body.oc-dark .eq-eyebrow{color:#72bff0}
body.oc-dark .eq-badge{background:rgba(13,35,50,.7);border-color:#3d617a;color:#c9e5f7}
body.oc-dark .eq-workspace,body.oc-dark .eq-guide,body.oc-dark .eq-history-card{background:#142633;border-color:#355267;box-shadow:none}
body.oc-dark .eq-mode-tabs{background:#10222f;border-color:#355267}body.oc-dark .eq-mode{color:#b8ccda!important}body.oc-dark .eq-mode:hover{background:#1c394d!important;color:#e5f5ff!important}
body.oc-dark .eq-entry{border-color:#355267}body.oc-dark .eq-output{background:#11232f}
body.oc-dark .eq-label-row label,body.oc-dark .eq-sub-label{color:#d4e3ed}body.oc-dark .eq-shortcut,body.oc-dark .eq-status{color:#9fb3c1}
body.oc-dark .eq-input{background:#10212e!important;border-color:#496a80!important;color:#f0f7fb!important}body.oc-dark .eq-input:focus{background:#122938!important;border-color:#62b6ed!important}
body.oc-dark .eq-example,body.oc-dark .eq-secondary{background:#1a3548!important;border-color:#42647c!important;color:#cce8fa!important}
body.oc-dark .eq-placeholder{background:#142b39;border-color:#46667c}body.oc-dark .eq-placeholder-icon{background:#1c3c51;color:#8fd5ff;box-shadow:inset 0 0 0 1px #42657d}body.oc-dark .eq-placeholder h2,body.oc-dark .eq-steps h3,body.oc-dark .eq-graph-card h3,body.oc-dark .eq-history-card h3{color:#9bd9ff!important}body.oc-dark .eq-placeholder p{color:#aec1ce}
body.oc-dark .eq-result-head{background:linear-gradient(135deg,#163527,#163e2c);border-color:#3d7555;box-shadow:none}body.oc-dark .eq-result-kicker{color:#81dfa8}body.oc-dark .eq-result h2,body.oc-dark .eq-answer{color:#c1f4d4!important}body.oc-dark .eq-summary{color:#a9d4b9}body.oc-dark .eq-result-tools button{background:#1a4430!important;border-color:#4c805e!important;color:#d2f5df!important}
body.oc-dark .eq-step{border-color:#2e485a}body.oc-dark .eq-step-number{background:#1d4056;color:#9bd9ff}body.oc-dark .eq-step strong{color:#c9dfec}body.oc-dark .eq-step code{color:#aebfca}
body.oc-dark .eq-error{background:#3b2025;border-color:#74434a;color:#ffd0d4}body.oc-dark .eq-error p{color:#efb7bd}
body.oc-dark .eq-graph-card{background:#142936;border-color:#36576d}body.oc-dark #eqGraph{background:#10232f}
body.oc-dark .eq-guide h2{color:#9bd9ff!important}body.oc-dark .eq-guide p{color:#bacbd6}body.oc-dark .eq-capability,body.oc-dark .eq-history-item{background:#172d3b;border-color:#355267}body.oc-dark .eq-capability strong,body.oc-dark .eq-history-item strong{color:#cce7f7}body.oc-dark .eq-capability span,body.oc-dark .eq-history-item span,body.oc-dark .eq-history-empty{color:#9fb4c2}
body.oc-dark .eq-article code{background:#1c3546;color:#bde3fa}body.oc-dark .eq-article-card{background:#142936;border-color:#355267}body.oc-dark .eq-article-card strong{color:#9bd9ff}
@media(max-width:980px){.eq-main{grid-template-columns:1fr}.eq-entry{border-right:0;border-bottom:1px solid var(--eq-border)}.eq-lower{grid-template-columns:1fr}.eq-history-list{max-height:none}}
@media(max-width:680px){.eq-app{margin-top:10px}.eq-hero{padding:22px 18px;border-radius:18px}.eq-hero:after{font-size:120px;right:4px}.eq-workspace{border-radius:18px}.eq-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.eq-entry,.eq-output{padding:17px}.eq-input{min-height:118px;font-size:1rem!important}.eq-action-row{display:grid;grid-template-columns:1fr 1fr}.eq-solve{grid-column:1/-1}.eq-lower{gap:12px}.eq-guide,.eq-history-card{padding:17px;border-radius:16px}.eq-capabilities,.eq-article-grid{grid-template-columns:1fr}.eq-canvas-wrap{min-height:190px}.eq-answer{font-size:1.25rem}}
@media(max-width:410px){.eq-mode-tabs{grid-template-columns:1fr 1fr}.eq-mode{font-size:.78rem!important}.eq-action-row{grid-template-columns:1fr}.eq-solve{grid-column:auto}.eq-example-grid{display:grid;grid-template-columns:1fr}.eq-example{border-radius:10px!important;text-align:left}.eq-result-tools{display:grid;grid-template-columns:1fr 1fr}}