.diag-page{--dg-bg:#0e1020;--dg-surface:#181b30;--dg-card:#1e2138;--dg-border:rgba(201, 173, 167, 0.11);--dg-text:#f2e9e4;--dg-muted:rgba(242, 233, 228, 0.5);--dg-gold:#f4c430;--dg-gold-bg:rgba(244, 196, 48, 0.1);--dg-gold-border:rgba(244, 196, 48, 0.3);--dg-radius:18px;color:#22223b;padding-top:clamp(60px,10vw,110px)}.diag-page .diag-hero{text-align:center;padding:clamp(18px,4vw,32px) 16px clamp(20px,3.5vw,28px);max-width:700px;margin:0 auto}.diag-page .diag-h1{font-size:clamp(1.5rem, 4.5vw, 2.3rem);font-weight:800;color:#22223b;margin:0 0 10px;line-height:1.3}.diag-page .diag-sub{color:#4a4a68;font-size:clamp(.88rem, 1.8vw, 1.02rem);max-width:58ch;margin:0 auto;line-height:1.85}.diag-page .diag-wrapper{max-width:1180px;margin:0 auto clamp(36px,5vw,60px);padding:0 clamp(12px,3vw,24px)}.diag-page .diag-layout{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}.diag-page .diag-graph-wrap{position:relative;background:var(--dg-surface);border:1px solid var(--dg-border);border-radius:var(--dg-radius);overflow:hidden;min-height:400px;box-shadow:0 10px 36px rgba(0,0,0,.45)}.diag-page .diag-graph-toolbar{position:absolute;top:8px;right:8px;z-index:20;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 16px);pointer-events:auto}.diag-page .diag-toolbar-btn{width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(8,10,24,.55);color:var(--dg-text);cursor:pointer;font-size:1.15rem;line-height:1;backdrop-filter:blur(8px);transition:background .15s,border-color .15s,color .15s;touch-action:manipulation}.diag-page .diag-toolbar-btn:hover{background:rgba(244,196,48,.18);border-color:var(--dg-gold-border);color:var(--dg-gold)}.diag-page .diag-toolbar-btn[aria-pressed=true]{background:rgba(244,196,48,.22);border-color:rgba(244,196,48,.45);color:var(--dg-gold)}.diag-page .diag-graph{width:100%;height:500px;touch-action:none}@media (max-width:860px){.diag-page .diag-layout{grid-template-columns:1fr}.diag-page .diag-graph-wrap{order:-1;min-height:300px}.diag-page .diag-graph{height:320px}}@media (max-width:540px){.diag-page .diag-graph{height:270px}}.diag-page .diag-graph svg{display:block;touch-action:none}.diag-page .diag-graph svg g.tip{display:none!important;pointer-events:none!important}.diag-page .diag-graph .x.axis line,.diag-page .diag-graph .x.axis path,.diag-page .diag-graph .y.axis line,.diag-page .diag-graph .y.axis path{stroke:rgba(201,173,167,0.22)}.diag-page .diag-graph .x.axis path.domain,.diag-page .diag-graph .y.axis path.domain{stroke:rgba(242,233,228,0.55);stroke-width:1.35px}.diag-page .diag-graph .annotations path{stroke:rgba(244,196,48,0.55)!important;stroke-width:1.25px!important;stroke-dasharray:4 3}.diag-page .diag-graph .top-right-legend{display:none!important}.diag-page .diag-graph .tick text{fill:rgba(242,233,228,0.45);font-size:11px}.diag-page .diag-graph .grid line{stroke:rgba(255,255,255,0.05)}.diag-page .diag-graph-empty{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--dg-muted)}.diag-page .diag-graph-empty svg{width:68px;height:68px}.diag-page .diag-graph-empty span{font-size:.88rem}.diag-page .diag-panel{display:flex;flex-direction:column;gap:14px;background:rgba(255,255,255,.92);border:1px solid rgba(34,34,59,.12);border-radius:16px;padding:16px 14px;box-shadow:0 8px 28px rgba(0,0,0,.08)}.diag-page .diag-type-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:rgba(34,34,59,.06);border:1px solid rgba(34,34,59,.1);border-radius:12px;padding:4px}.diag-page .diag-type-tab{padding:8px 4px;border:none;border-radius:9px;background:0 0;color:#454560;font-size:.78rem;font-family:inherit;font-weight:600;cursor:pointer;transition:background .18s,color .18s}.diag-page .diag-type-tab.is-active{background:linear-gradient(135deg,rgba(244,196,48,.45) 0,rgba(244,196,48,.65) 100%);color:#3d3200;border:1px solid rgba(180,145,30,.55)}.diag-page .diag-type-tab:hover:not(.is-active){background:rgba(34,34,59,.08);color:#22223b}.diag-page .diag-fns{display:flex;flex-direction:column;gap:7px}.diag-page .diag-fn-row{display:flex;align-items:center;gap:8px;background:var(--dg-card);border:1px solid var(--dg-border);border-radius:11px;padding:8px 10px}.diag-page .diag-fn-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.diag-page .diag-fn-label{font-size:.78rem;color:rgba(242,233,228,.72);white-space:nowrap;min-width:44px}.diag-page .diag-fn-input{flex:1;background:rgba(255,255,255,.05);border:1px solid var(--dg-border);border-radius:8px;color:var(--dg-text);font-size:.9rem;font-family:"Courier New",monospace;padding:6px 9px;transition:border-color .18s;outline:0;min-width:0}.diag-page .diag-fn-input:focus{border-color:var(--dg-gold-border)}.diag-page .diag-fn-del{background:0 0;border:1px solid transparent;color:var(--dg-muted);cursor:pointer;font-size:.78rem;border-radius:7px;padding:4px 7px;transition:background .15s,color .15s;flex-shrink:0}.diag-page .diag-fn-del:hover{background:rgba(192,57,43,.15);color:#e57373}.diag-page .diag-add-btn{background:rgba(34,34,59,.04);border:1px dashed rgba(34,34,59,.22);border-radius:11px;color:#4a4a68;font-size:.82rem;font-family:inherit;padding:9px;cursor:pointer;transition:background .18s,color .18s,border-color .18s;display:flex;align-items:center;justify-content:center;gap:6px}.diag-page .diag-add-btn:hover{background:rgba(244,196,48,.18);color:#3d3200;border-color:rgba(180,145,30,.45)}.diag-page .diag-add-btn span{font-size:1rem;font-weight:700}.diag-page .diag-add-btn[hidden]{display:none}.diag-page .diag-math-strip{display:flex;flex-wrap:wrap;gap:5px}.diag-page .diag-mb{padding:5px 9px;background:#e8eaf2;border:1px solid #c5c9d4;border-radius:7px;color:#22223b;font-size:.78rem;font-family:"Courier New",monospace;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.diag-page .diag-mb:hover{background:rgba(244,196,48,.35);color:#3d3200;border-color:rgba(180,145,30,.55)}.diag-page .diag-range-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.diag-page .diag-range-label{font-size:.8rem;color:#4a4a68;white-space:nowrap}.diag-page .diag-range-inp{width:70px;background:#fff;border:1px solid rgba(34,34,59,.18);border-radius:8px;color:#22223b;font-size:.88rem;font-family:"Courier New",monospace;padding:5px 8px;text-align:center;outline:0;transition:border-color .18s}.diag-page .diag-range-inp:focus{border-color:rgba(180,145,30,.75)}.diag-page .diag-range-sep{font-size:.78rem;color:#4a4a68}.diag-page .diag-actions{display:flex;gap:8px}.diag-page .diag-plot-btn{flex:1;padding:clamp(11px,2.5vw,14px) 16px;background:linear-gradient(135deg,#c39c27 0,#f4c430 100%);border:none;border-radius:12px;color:#22223b;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:box-shadow .18s;box-shadow:0 5px 16px rgba(244,196,48,.24)}.diag-page .diag-plot-btn:hover{box-shadow:0 7px 22px rgba(244,196,48,.38)}.diag-page .diag-plot-btn:active{transform:scale(.97)}.diag-page .diag-share-btn{flex-shrink:0;padding:11px 14px;background:#fff;border:1px solid rgba(34,34,59,.18);border-radius:12px;color:#3a3a55;font-size:.82rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .18s,border-color .18s,color .18s;white-space:nowrap;touch-action:manipulation}.diag-page .diag-share-btn:hover{background:#f4f6fb;border-color:rgba(244,196,48,.55);color:#22223b}.diag-page .diag-reset-btn{padding:11px 14px;background:#eef0f6;border:1px solid rgba(34,34,59,.14);border-radius:12px;color:#3a3a55;font-size:1.1rem;cursor:pointer;transition:background .18s,color .18s}.diag-page .diag-reset-btn:hover{background:#e2e6ef;color:#22223b}.diag-page .diag-examples{display:flex;flex-direction:column;gap:7px}.diag-page .diag-examples-label{font-size:.76rem;color:#4a4a68;font-weight:600}.diag-page .diag-example-chips{display:flex;flex-wrap:wrap;gap:5px}.diag-page .diag-chip{padding:5px 11px;background:#fff;border:1px solid rgba(34,34,59,.14);border-radius:999px;color:#3a3a55;font-size:.77rem;font-family:inherit;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.diag-page .diag-chip:hover{background:rgba(244,196,48,.22);color:#3d3200;border-color:rgba(180,145,30,.45)}.diag-page .diag-error{padding:10px 14px;background:rgba(192,57,43,.1);border:1px solid rgba(192,57,43,.35);border-radius:10px;color:#8b2c20;font-size:.82rem;direction:rtl;line-height:1.6}.diag-page.diag-page--graph-fs{padding-top:0}.diag-page.diag-page--graph-fs .diag-hero,.diag-page.diag-page--graph-fs .diag-panel{display:none!important}.diag-page.diag-page--graph-fs .diag-wrapper{max-width:none;margin:0;padding:0}.diag-page.diag-page--graph-fs .diag-layout{display:block}.diag-page.diag-page--graph-fs .diag-graph-wrap{position:fixed;inset:0;z-index:10100;width:100vw;width:100dvw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;max-width:none;border-radius:0;border:none;box-shadow:none;display:flex;flex-direction:column}.diag-page.diag-page--graph-fs .diag-graph{flex:1;min-height:0;height:auto;width:100%}@media (max-width:860px){.diag-page.diag-page--graph-fs .diag-graph{height:auto}}@media (max-width:540px){.diag-page.diag-page--graph-fs .diag-graph{height:auto}}body.diag-fs-lock{overflow:hidden}