@font-face{font-display:"swap";font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(../media/KaTeX_AMS-Regular.25ieegmnh38ts.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(../media/KaTeX_Caligraphic-Bold.06b-ya9t43ioz.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(../media/KaTeX_Caligraphic-Regular.2eph4dlhid_m9.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(../media/KaTeX_Fraktur-Bold.2sasz-d-jtw8y.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(../media/KaTeX_Fraktur-Regular.2d10y4xmjvzlf.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(../media/KaTeX_Main-BoldItalic.14r2naom8mrec.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(../media/KaTeX_Main-Bold.3-rowy8o6_4ky.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(../media/KaTeX_Main-Italic.0lig0v9j0700p.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(../media/KaTeX_Main-Regular.1ryvsdzh2w1_e.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(../media/KaTeX_Math-BoldItalic.1oopuu636h4il.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(../media/KaTeX_Math-Italic.32405s1aq8vas.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(../media/KaTeX_SansSerif-Bold.0h3wi2z_eouyg.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(../media/KaTeX_SansSerif-Italic.0wkjc4dm2kcit.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(../media/KaTeX_SansSerif-Regular.2peiewu59z3d-.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(../media/KaTeX_Script-Regular.11h14300o9pd0.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(../media/KaTeX_Size1-Regular.03lhvx36ekcou.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(../media/KaTeX_Size2-Regular.14s5gg-puz6h-.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(../media/KaTeX_Size3-Regular.1n1rgzz84z8r9.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(../media/KaTeX_Size4-Regular.2sgotkdv3dcyv.woff2)format("woff2")}@font-face{font-display:"swap";font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(../media/KaTeX_Typewriter-Regular.11gr2d2wuwz77.woff2)format("woff2")}:root{--ML__static-fonts:true}
.graphs-body{width:100%;height:calc(100vh - 70px);position:relative;overflow:hidden}.graph-generator{z-index:10;background:linear-gradient(135deg,#fff,#fcfcfc);border:1px solid #e5e7eb;border-left:none;border-radius:0 16px 16px 0;width:500px;height:80%;transition:transform .3s;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:4px 0 24px #00000014}.generator-wrapper{z-index:10;flex-direction:column;gap:24px;width:100%;height:100%;padding:24px;display:flex;position:relative;overflow:hidden auto}.hide-graph-generator{transform:translate(-100%)translateY(-50%)}.generator-header{justify-content:flex-start;align-items:center;display:flex;position:relative}.graph-generator .form-title h3{color:#1f2937;margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:20px;font-weight:600}.hide-btn{color:#fff;cursor:pointer;z-index:20;background-color:#6b7280;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:10px;font-size:20px;display:flex;position:absolute;top:5px;right:5px}.hide-btn:hover{color:#fff;background-color:#5d636f}.hidden{right:-50px}.generator-form{flex-direction:column;display:flex}.form-row{align-items:center;gap:6px;display:flex}.input-group{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;flex-grow:1;align-items:center;gap:6px;min-width:0;padding:4px 6px 4px 12px;display:flex}.input-group:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.math-prefix{color:#6b7280;white-space:nowrap;flex-shrink:0;margin-right:8px;font-family:Courier New,Courier,monospace;font-size:15px;font-weight:700}.function-input{color:#374151;white-space:nowrap;scrollbar-width:none;border:none;outline:none;flex-grow:1;min-width:0;padding:8px 0;font-family:Courier New,Courier,monospace;font-size:16px;overflow-x:auto}.function-input::placeholder{color:#9ca3af}.add-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings-btn{color:#fff;cursor:pointer;background-color:#6b7280;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.settings-btn:hover{background-color:#4b5563}.settings-wrapper{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;flex-direction:column;display:flex}.settings-list{flex-direction:column;gap:12px;display:flex}@media (max-width:768px){.graph-generator{border-bottom:none;border-left:1px solid #e5e7eb;border-radius:16px 16px 0 0;width:100%;height:50vh;top:auto;bottom:0;left:0;transform:translateY(0)}.hide-graph-generator{transform:translateY(100%)}.hide-btn{right:5px;transform:rotate(-90deg)}.hidden{top:-50px}}.settings-option{justify-content:space-between;align-items:center;width:100%;padding:8px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.settings-option:hover{border-color:#9ca3af;box-shadow:0 2px 8px #0000000a}.setting-label{color:#374151;font-family:system-ui,-apple-system,sans-serif;font-size:15px;font-weight:500}.action-btn{color:#4b5563;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.action-btn:hover{color:#1f2937;background-color:#e5e7eb;border-color:#9ca3af}.add-btn:hover{background-color:#1d4ed8}.derivative:hover{background-color:#ef4456}.math-sheet-container{z-index:1;background-color:#fcfcfc;position:absolute;inset:0}.math-grid{background-image:linear-gradient(#e5e7eb 1px,#0000 1px),linear-gradient(90deg,#e5e7eb 1px,#0000 1px);background-position:50%;background-size:20px 20px;position:absolute;inset:0}.axis-x{background-color:#1f2937;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.axis-y{background-color:#1f2937;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.axis-label{color:#1f2937;font-family:Times New Roman,Times,serif;font-size:20px;font-style:italic;font-weight:700;position:absolute}.axis-x .axis-label{bottom:8px;right:24px}.axis-y .axis-label{top:24px;left:8px}.origin-label{color:#1f2937;font-family:Times New Roman,Times,serif;font-size:18px;font-style:italic;font-weight:700;position:absolute;top:calc(50% + 4px);left:calc(25% + 8px)}.go-back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-right:12px;padding:8px;font-size:20px;transition:background-color .2s,color .2s;display:flex}.go-back-btn:hover{color:#111827;background-color:#f3f4f6}math-field{color:#374151;padding:8px 0;font-family:system-ui,-apple-system,sans-serif}math-field::part(container):focus,math-field:focus-within{outline:none}math-field::part(menu-toggle){display:none}.showcase-transition-wrapper{opacity:0;max-height:0;margin-top:0;transition:max-height .4s,opacity .3s,margin-top .3s;overflow:hidden}.showcase-transition-wrapper.open{opacity:1;max-height:400px;margin-top:8px}.latex-derivative{background-color:#fff;flex-direction:column;gap:12px;width:100%;margin-top:0;padding:12px;display:flex}.derivative-wrapper{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:flex;overflow-x:auto}.derivative-input{color:#6b7280;white-space:nowrap;font-family:Courier New,Courier,monospace;font-size:15px;font-weight:700}.derivative-controls{border-top:1px solid #e5e7eb;flex-direction:column;gap:16px;width:100%;margin-top:8px;padding-top:16px;display:flex}.control-group{flex-direction:column;gap:6px;width:100%;display:flex}.control-group label{color:#4b5563;font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500}.control-input{color:#374151;box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.control-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.color-input-wrapper{align-items:center;gap:8px;width:100%;display:flex}.control-color-circle{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:38px;height:38px;padding:0}.control-color-circle::-webkit-color-swatch-wrapper{padding:0}.control-color-circle::-webkit-color-swatch{border:1px solid #d1d5db;border-radius:50%}.control-color-circle::-moz-color-swatch{border:1px solid #d1d5db;border-radius:50%}.control-range{cursor:pointer;accent-color:#2563eb;width:100%}.derivative-overlay{z-index:20;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;border:1px solid #d1d5db;border-radius:8px;flex-direction:column;gap:4px;padding:12px 16px;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 4px 12px #00000014}.overlay-label{color:#6b7280;font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:500}.overlay-value{font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700}.domain-showcase{border-radius:8px;flex-direction:column;gap:12px;width:100%;padding:12px;display:flex}.domain-title{color:#4b5563;font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500}.domain-inputs-wrapper{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.domain-separator{color:#6b7280;white-space:nowrap;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700}.change-color{padding:12px}.critical-point-tooltip{z-index:50;pointer-events:none;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:6px 12px;position:absolute;transform:translate(-50%,calc(-100% - 15px));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.critical-point-tooltip:after{content:"";filter:drop-shadow(0 1px 1px #0000001a);border:6px solid #0000;border-top-color:#fff;border-bottom-width:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}