@font-face{font-family:Inter;src:url(/math-studio/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:NewCM;src:url(/math-studio/fonts/NewCM10-Regular.otf)format("opentype");font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#28392f;font-synthesis:none;--green:#285d49;--muted:#656e60;--line:#e4e7de;--soft:#f0f3eb;--plot-bg:#fffefb;--plot-border:#dce3d3;--plot-grid:#e4e7de;--plot-axis:#7c8972;--curve-1:#285d49;--curve-2:#aa4525;--curve-3:#6452a3;--curve-4:#226b94;--curve-5:#93600c;--curve-6:#a33871;background:#f7f7f2;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.34;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #488965}button{transition:background .15s,color .15s,border-color .15s}a{color:inherit}button svg{flex-shrink:0}button{border:0}button:not(:disabled):hover{color:var(--green)}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:none;height:88px;margin:auto;padding:0 clamp(16px,2vw,40px);display:flex}.brand{letter-spacing:-1.1px;align-items:center;gap:11px;font-size:24px;font-weight:650;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:37px;height:39px;font:29px Georgia,serif;display:grid;box-shadow:0 2px 3px #285d4914}.brand-light{font-weight:400}.brand-dot{color:#476c4c}.header-right{align-items:center;gap:25px;display:flex}.header-caption{color:var(--muted);font-size:12px}.header-divider{background:var(--line);width:1px;height:18px}.text-button{background:0 0;align-items:center;gap:9px;padding:9px 0;font-size:12px;font-weight:550;display:flex}.text-button:hover{color:#306f51}main{max-width:none;margin:auto;padding:45px clamp(16px,2vw,40px) 0}.intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.eyebrow{color:#526c57;letter-spacing:1.7px;align-items:center;gap:7px;font-size:10px;font-weight:650;display:flex}.eyebrow>span{background:#658b66;border-radius:50%;width:5px;height:5px}h1{letter-spacing:-1.5px;margin:12px 0 11px;font-family:Georgia,Times New Roman,serif;font-size:45px;font-weight:400;line-height:1.16}h1 em{color:var(--green);font-weight:400}h1+p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.examples-button{white-space:nowrap;background:#fffefa;border:1px solid #d9dfd2;border-radius:7px;align-items:center;gap:10px;margin-top:33px;padding:12px 15px;font-size:12px;font-weight:550;display:flex;box-shadow:0 2px 2px #263c3010}.examples-button:hover{background:var(--soft);border-color:#a7bba5}.workspace{grid-template-columns:1fr 1fr;align-items:stretch;gap:22px;display:grid}.panel{background:#fff;border:1px solid #dde2d7;border-radius:10px;min-width:0;overflow:hidden;box-shadow:0 3px 8px #34423103}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:58px;padding:0 22px;display:flex}.panel-heading h2{align-items:center;gap:10px;margin:0;font-size:13px;font-weight:600;display:flex}.panel-heading h2 svg{color:#5a6b56}.language-tag{color:#5e6757;background:#f3f5ef;border:1px solid #e9ede3;border-radius:4px;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.editor-toolbar,.preview-toolbar{background:#fdfdfb;border-bottom:1px solid #f0f1eb;justify-content:space-between;align-items:center;gap:6px;min-height:44px;padding:0 15px;display:flex}.toolbar-group,.zoom-controls{align-items:center;gap:3px;display:flex}.icon-button{color:#636a5f;background:0 0;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;display:inline-flex}.icon-button:not(:disabled):hover{background:#eaf0e4}.toolbar-separator{background:var(--line);width:1px;height:13px;margin:0 7px}.toolbar-caption{color:#62655e;font-size:10px}.source-editor{background:#fff;height:226px;display:flex;position:relative}.math-editor{width:100%;min-width:0;height:100%;min-height:0}.math-editor .cm-editor{height:100%}.math-editor .cm-scroller{min-height:0}.math-editor .cm-search{font:11px/1.6 Inter,sans-serif}.math-editor .cm-search label{white-space:nowrap}.math-editor .math-function{color:#236249}.math-editor .math-symbol{color:#704390}.math-editor .math-number{color:#96551b}.math-editor .math-string{color:#8c3e55}.math-editor .math-comment{color:#677160;font-style:italic}.math-editor .math-keyword{color:#754083}.math-editor .math-operator{color:#536575}.math-editor .math-bracket{color:#526448}.shortcut-table{margin-top:18px}.source-editor:focus-within{box-shadow:inset 3px 0 #82a57a}.editor-meta{color:#656a60;border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 19px 12px;font-size:9px;display:flex}.hint-symbol{color:#5d6a53;margin-right:5px;font-size:13px}.symbols-panel{background:#fcfcf9;padding:19px 20px 18px}.symbols-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.symbols-heading h3{letter-spacing:.1px;margin:0;font-size:11px;font-weight:600}.symbols-heading>span{color:#66685e;font-size:10px}.quick-symbols{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin-bottom:17px;display:grid}.quick-symbol{color:#4c6347;background:#fff;border:1px solid #e1e6d9;border-radius:5px;place-items:center;height:37px;padding:0;font:21px NewCM,Georgia,serif;display:grid;box-shadow:0 1px 1px #34423105}.quick-symbol:hover{background:#edf3e7;border-color:#b6c7a9;transform:translateY(-1px)}.palette-search{color:#61665b;background:#fff;border:1px solid #e2e6db;border-radius:6px;align-items:center;gap:8px;height:35px;padding:0 10px;display:flex}.palette-search:focus-within{outline-offset:1px;outline:2px solid #95b98c}.palette-search input{color:#40573c;background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%;font-size:11px}.palette-search input::placeholder{color:#656961}.palette-search input:focus-visible{outline:none}.search-hint{white-space:nowrap;color:#63685e;font-family:Georgia,serif;font-size:12px}.category-tabs{scrollbar-width:thin;gap:3px;margin:13px -3px 10px;padding:2px 3px 4px;display:flex;overflow-x:auto}.category-tabs button{color:#646a5e;white-space:nowrap;background:0 0;border-radius:4px;padding:6px 8px;font-size:10px}.category-tabs button:hover{background:#f0f3ea}.category-tabs button.selected{color:#49623b;background:#e7efdf;font-weight:600}.symbol-grid{scrollbar-width:thin;scrollbar-color:#d9dfd1 transparent;grid-template-columns:repeat(8,minmax(0,1fr));align-content:start;gap:6px;min-height:116px;max-height:140px;padding:2px;display:grid;overflow-y:auto}.symbol-button{color:#52644a;background:#fff;border:1px solid #e8ebdf;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;height:53px;padding:3px 1px;display:flex}.symbol-button:hover{background:#eef3e9;border-color:#afc3a4}.symbol-glyph{font-family:NewCM,Georgia,serif;font-size:22px;line-height:25px}.symbol-name{color:#606658;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 2px;font-size:8px;overflow:hidden}.no-symbols{text-align:center;color:#62685b;grid-column:1/-1;padding:28px 12px;font-size:11px}.preview-panel{flex-direction:column;display:flex}.preview-icon{color:#566a51;font:italic 23px/1 Georgia,serif}.live-badge{color:#476f42;letter-spacing:.2px;background:#f0f6e9;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;display:flex}.live-badge>span{background:#679155;border-radius:50%;width:5px;height:5px}.live-badge.has-errors{color:#80613a;background:#faf3e7}.live-badge.has-errors>span{background:#b3894b}.preview-toolbar{color:#656a60;padding:0 17px;font-size:10px}.preview-toolbar-detail{color:#656860}.zoom-value{color:#616859;background:0 0;min-width:37px;padding:5px 0;font-size:10px}.preview-paper{background-color:#fff;background-image:radial-gradient(#cbd4c066 .7px,#0000 .7px);background-size:18px 18px;flex:1;min-height:390px;padding:21px 24px 20px;position:relative}.formula-list{position:relative}.formula-card{background:#ffffffed;border:1px solid #e9ede3;border-radius:7px;min-height:124px;margin-bottom:15px;padding:11px 14px 20px;transition:border-color .2s;position:relative;box-shadow:0 2px 5px #3c493406}.formula-card.active{border-color:#b8cbb0;box-shadow:0 0 0 2px #edf4e7}.formula-card-top{justify-content:space-between;align-items:center;height:17px;margin-bottom:10px;display:flex}.formula-number{color:#606659;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.edit-formula{color:#656a5f;opacity:0;background:0 0;align-items:center;gap:3px;padding:3px;font-size:9px;display:flex}.formula-card:hover .edit-formula,.formula-card:focus-within .edit-formula{opacity:1}.formula-scroll{scrollbar-width:thin;scrollbar-color:#d9dfd1 transparent;align-items:center;min-height:58px;display:flex;overflow-x:auto}.formula-image{flex-shrink:0;max-width:none;height:auto;margin:auto;display:block}.formula-card.formula-error{background:#fffdf8;border-color:#edd9b8}.formula-diagnostic{color:#806036;align-items:flex-start;gap:10px;padding:10px 0;font-size:12px;display:flex}.formula-diagnostic>svg{flex-shrink:0}.formula-diagnostic p{overflow-wrap:anywhere;margin:0 0 8px;line-height:1.5}.formula-diagnostic button{color:#806137;text-underline-offset:3px;background:0 0;align-items:center;gap:5px;padding:0;font-size:10px;text-decoration:underline;display:flex}.formula-placeholder{justify-content:center;align-items:center;gap:8px;height:64px;display:flex}.formula-placeholder span{background:#d8e2cf;border-radius:50%;width:5px;height:5px}.preview-end{justify-content:center;align-items:center;gap:10px;margin-top:23px;display:flex}.preview-end>span:not(.end-diamond){background:#e5eade;width:38px;height:1px}.end-diamond{color:#616959;font-size:15px}.preview-footer{border-top:1px solid var(--line);color:#63675d;background:#fcfdf9;justify-content:space-between;gap:8px;padding:13px 20px;font-size:9px;display:flex}.render-status{color:#5a6851;align-items:center;gap:5px;display:flex}.warning{color:#7d5e34!important}.below-workspace{justify-content:space-between;align-items:center;gap:20px;padding:20px 0 32px;display:flex}.friendly-tip{color:#636a5c;align-items:center;gap:9px;display:flex}.tip-icon{color:#5a694e;display:flex}.friendly-tip p{flex-wrap:wrap;align-items:center;gap:5px;margin:0;font-size:10px;line-height:1.7;display:flex}.friendly-tip code{color:#586e46;background:#eaf0e3;border:1px solid #e1e8d8;border-radius:3px;padding:1px 4px;font-size:10px}.friendly-tip button{color:#566e44;background:0 0;align-items:center;gap:4px;margin-left:6px;padding:0;font-size:10px;display:flex}.save-status{color:#606956;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}.site-footer{border-top:1px solid var(--line);color:#616759;justify-content:space-between;max-width:none;margin:0 auto;padding:20px clamp(16px,2vw,40px) 28px;font-size:10px;display:flex}.site-footer>span:last-child{align-items:center;gap:6px;display:flex}.empty-preview{text-align:center;color:#606858;padding:65px 8px 70px}.empty-formula{color:#626a59;font:italic 49px Georgia,serif}.empty-preview h3{color:#51654a;margin:24px 0 13px;font:21px Georgia,serif}.empty-preview p{margin-bottom:22px;font-size:12px;line-height:1.8}.small-button{color:#516e44;background:#fff;border:1px solid #d9e2cf;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:inline-flex}.small-button:hover{background:#f0f5e9}.renderer-message{color:#816038;background:#fffaf1;border:1px solid #ead6b6;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:15px;padding:14px;font-size:12px;display:flex}.renderer-message p{flex:1;min-width:150px;margin:0;line-height:1.6}.loading-message{color:#566b49;background:#f4f7ef;border:1px solid #e2e9da;border-radius:6px;align-items:center;gap:10px;margin-bottom:15px;padding:13px;font-size:11px;display:flex}.loading-detail{color:#616a59;margin-top:5px;font-size:10px;display:block}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-dialog{color:#344530;background:#fcfdf9;border:1px solid #dce3d3;border-radius:13px;width:min(580px,100vw - 32px);max-height:85dvh;padding:28px;box-shadow:0 25px 100px #23321f33}.app-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1d302258}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dialog-heading h2{letter-spacing:-.6px;margin:12px 0 0;font:28px Georgia,serif}.dialog-intro{color:#606a58;margin:16px 0 22px;font-size:12px;line-height:1.8}.example-list{gap:9px;display:grid}.example-item{text-align:left;background:#fff;border:1px solid #e2e8d9;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:14px;display:flex}.example-item:hover{background:#f2f6ec;border-color:#afc59e}.example-item>div{min-width:0}.example-item strong{margin-bottom:5px;font-size:12px;font-weight:600;display:block}.example-item span{color:#5e6855;margin-bottom:8px;font-size:10px;display:block}.example-item code{color:#526a45;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;display:block}.example-item>svg{color:#5c6852}.guide-table{border:1px solid #e4e9dc;border-radius:7px;overflow:hidden}.guide-table>div{border-bottom:1px solid #e7ebdf;grid-template-columns:40% 60%;gap:8px;padding:11px 13px;font-size:11px;display:grid}.guide-table>div:first-child{color:#5c6b52;background:#edf2e6;font-size:10px;font-weight:600}.guide-table>div:last-child{border-bottom:none}.guide-table code{overflow-wrap:anywhere;white-space:pre-wrap;color:#517046;font-size:10px}.guide-note{color:#5d6854;margin:20px 0;font-size:11px;line-height:1.9}.documentation-link{color:#3f704c;align-items:center;gap:7px;font-size:11px;text-decoration:none;display:flex}.documentation-link:hover{text-decoration:underline}.toast{color:#fffef6;opacity:0;pointer-events:none;z-index:5;background:#2d5140;border-radius:7px;align-items:center;gap:9px;max-width:calc(100vw - 30px);padding:12px 18px;font-size:12px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,10px);box-shadow:0 4px 20px #23352622}.toast.visible{opacity:1;transform:translate(-50%)}@media (width>=1500px){main{padding-top:58px}.intro{margin-bottom:39px}.source-editor{height:256px}.preview-paper{padding:27px}.formula-card{min-height:140px}.symbol-grid{min-height:123px}}@media (width<=1100px){.site-header{padding:0 4%}main{padding:35px 4% 0}.workspace{gap:16px}.panel-heading{padding:0 17px}.toolbar-caption{font-size:9px}.toolbar-separator{margin:0 4px}.symbols-panel{padding:17px 14px}.category-tabs button{padding:6px;font-size:9px}.quick-symbols{gap:4px}.symbol-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.preview-paper{padding:19px 17px}.below-workspace{align-items:flex-start}.friendly-tip p{max-width:480px}.preview-toolbar-detail{display:none}.save-status{padding-top:3px}.site-footer{padding-left:4%;padding-right:4%}}@media (width<=800px){.header-caption,.header-divider{display:none}.site-header{height:73px}.header-right{gap:0}main{padding-top:30px}.intro{align-items:flex-start;margin-bottom:25px}h1{font-size:38px}.intro p{max-width:320px;font-size:12px}.examples-button{gap:7px;margin-top:31px;padding:10px;font-size:11px}.workspace{grid-template-columns:1fr;gap:21px}.source-editor{height:210px}.symbol-grid{grid-template-columns:repeat(8,minmax(0,1fr));min-height:116px;max-height:126px}.quick-symbols{gap:8px}.symbols-panel{padding:18px 20px}.category-tabs button{padding:6px 9px;font-size:11px}.symbol-name{font-size:9px}.symbol-glyph{font-size:24px}.preview-paper{min-height:320px;padding:22px}.formula-card{min-height:130px}.edit-formula{opacity:1}.preview-toolbar-detail{display:inline}.below-workspace{flex-direction:column;gap:13px;padding-bottom:26px}.friendly-tip p{max-width:none}.toolbar-caption{font-size:10px}.panel-heading{height:54px}.formula-card:last-child{margin-bottom:0}.site-footer{font-size:9px}.save-status{margin-left:24px}}@media (width<=480px){.site-header{padding:0 19px}.brand{gap:8px;font-size:21px}.brand-mark{width:32px;height:35px;font-size:26px}.guide-button{gap:6px;font-size:11px}.guide-button>svg:last-child{display:none}main{padding:27px 15px 0}.intro{flex-direction:column;gap:15px}.eyebrow{letter-spacing:1.5px;font-size:9px}h1{margin-top:11px;font-size:37px}.intro p{max-width:none;font-size:11px}.examples-button{margin:0;padding:9px 12px;font-size:11px}.editor-toolbar{padding:0 9px}.toolbar-caption{font-size:8.5px}.toolbar-group{gap:0}.editor-toolbar .toolbar-separator{margin:0 3px}.editor-meta{gap:3px;padding-left:13px;padding-right:13px;font-size:8px}.symbols-panel{padding:17px 13px}.quick-symbols{gap:4px}.quick-symbol{height:34px;font-size:19px}.category-tabs{gap:1px}.category-tabs button{padding:6px;font-size:9px}.symbol-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.symbol-name{font-size:7px}.symbol-glyph{font-size:22px}.preview-paper{padding:17px 13px}.preview-footer{padding-left:13px;padding-right:13px;font-size:8px}.preview-toolbar-detail{font-size:9px}.panel-heading{padding:0 15px}.site-footer{align-items:flex-start;gap:16px;padding:18px 18px 24px;line-height:1.6}.site-footer>span:last-child{max-width:155px}.app-dialog{padding:22px 18px}.dialog-heading h2{font-size:24px}.guide-table>div{grid-template-columns:38% 62%;padding:10px;font-size:10px}.guide-table code{font-size:9px}.toast{white-space:normal;width:max-content;font-size:11px;bottom:15px}.friendly-tip{align-items:flex-start}.friendly-tip p,.friendly-tip code{font-size:9px}}#root{flex-direction:column;height:100dvh;display:flex}.site-header,.site-footer{flex:none;width:100%}.site-header{height:62px}.site-footer{padding-top:10px;padding-bottom:10px}main{flex-direction:column;flex:1;width:100%;min-height:0;margin:0 auto;padding-top:18px;display:flex}.intro{flex:none;margin-bottom:18px}.intro h1{margin:8px 0;font-size:35px}.examples-button{margin-top:12px}.workspace{flex:1;grid-template-rows:minmax(0,1fr);min-height:0}.panel{min-height:0}.editor-panel{flex-direction:column;display:flex}.panel-heading,.editor-toolbar,.preview-toolbar,.editor-meta,.preview-footer{flex:none}.panel-heading{height:48px}.source-editor{flex:1;height:auto;min-height:72px}.symbols-panel{overscroll-behavior:contain;scrollbar-width:thin;flex:0 auto;min-height:44px;max-height:45%;padding:12px 18px;overflow:auto}.symbols-heading{cursor:pointer;list-style:none}.symbols-heading::-webkit-details-marker{display:none}.symbols-heading>span{align-items:center;gap:6px;display:flex}.symbols-panel:not([open]) .symbols-heading{margin:0}.symbols-panel[open] .symbols-heading svg{transform:rotate(180deg)}.symbols-heading:focus-visible{outline-offset:3px;outline:2px solid #488965}.preview-paper{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bbc9b2 transparent;overflow-anchor:none;min-height:0;padding:14px 18px;overflow:auto}.formula-card{min-height:0;margin-bottom:12px;padding:8px 12px 10px}.formula-card-top{margin-bottom:6px}.formula-scroll{min-height:0}.empty-preview{padding:28px 8px}.below-workspace{flex:none;padding:10px 0}@media (height<=850px){.intro .eyebrow,.intro p{display:none}.intro{margin-bottom:12px}.intro h1{margin:0;font-size:30px}.examples-button{margin-top:0}.site-header{height:56px}main{padding-top:12px}}@media (width<=800px){.site-header{height:56px}main{padding-top:10px}.intro{flex-direction:row;align-items:center;gap:8px;margin-bottom:10px}.intro .eyebrow,.intro p{display:none}.intro h1{margin:0;font-size:25px}.examples-button{margin:0;padding:8px}.examples-button span{white-space:normal;max-width:80px;font-size:10px}.examples-button>svg:last-child{display:none}.workspace{grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}.panel-heading{height:38px}.editor-toolbar,.preview-toolbar{min-height:32px}.editor-meta,.preview-footer{padding-top:6px;padding-bottom:6px}.source-editor{min-height:48px}.symbols-panel{min-height:38px;max-height:40%;padding:10px 13px}.palette-search input{font-size:16px}.preview-paper{padding:12px}.below-workspace{padding:7px 0}.friendly-tip,.site-footer{display:none}.save-status{margin-left:0;padding:0}}@media (height<=550px){.intro,.site-footer,.friendly-tip{display:none}.site-header{height:48px}.workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.view-switcher{flex:none;gap:6px;margin-bottom:12px;display:flex}.view-switcher button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 14px;font-size:12px}.view-switcher button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.writing-view,.plot-view,.field-view{flex-direction:column;flex:1;min-height:0;display:flex}[hidden]{display:none!important}.field-frame{background:#f8f7f3;border:1px solid #dde2d7;border-radius:10px;flex:1;width:100%;min-height:0;display:block}.plot-workspace{flex:1;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:20px;min-height:0;padding-bottom:14px;display:grid}.plot-controls,.plot-preview{flex-direction:column;min-width:0;display:flex}.plot-settings{padding:0 18px 18px;overflow:auto}.plot-help{color:var(--muted);font-size:12px;line-height:1.7}.plot-settings h2{margin:22px 0 12px;font-size:13px}.plot-formula{grid-template-columns:32px minmax(0,1fr) 28px;align-items:center;gap:6px;margin-bottom:12px;display:grid}.plot-formula label{font-size:13px;font-weight:600}.plot-settings input{color:#28392f;background:#fffefb;border:1px solid #bbc9b2;border-radius:5px;width:100%;min-width:0;padding:9px 7px;font-size:14px}.plot-settings input[aria-invalid=true]{border-color:#aa4525}.plot-error{color:#993918;grid-column:1/-1;margin:0;font-size:12px;line-height:1.5}.plot-examples{flex-wrap:wrap;gap:6px;display:flex}.plot-ranges{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.plot-ranges label{font-size:12px}.plot-ranges input{margin-top:6px}.plot-canvas{flex:1;min-height:0;padding:15px;display:flex}.plot-canvas svg{width:100%;height:100%;min-height:0}.plot-canvas text{fill:#52634c;font:13px Inter,sans-serif}.plot-legend{overflow-wrap:anywhere;flex-wrap:wrap;gap:12px;max-height:100px;padding:12px 18px;font-size:12px;display:flex;overflow:auto}@media (width<=800px){.plot-view{overflow:auto}.plot-workspace{flex-direction:column;flex:none;gap:12px;display:flex}.plot-settings{overflow:visible}.plot-preview{min-height:330px}.plot-canvas{min-height:260px}.plot-settings input{font-size:16px}}.plot-controls .panel-heading h1{letter-spacing:normal;margin:0;font:600 13px Inter,sans-serif}.site-header{gap:24px;height:54px}.site-header .brand{font-size:21px}.site-header .brand-mark{width:30px;height:32px;font-size:25px}.site-header .view-switcher{margin:0 auto 0 0}.site-header .header-right{gap:20px}main{padding-top:10px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=800px){.site-header{grid-template-columns:auto 1fr;gap:0 12px;height:92px;padding-top:5px;padding-bottom:5px;display:grid}.site-header .header-right{justify-self:end;gap:12px}.site-header .view-switcher{grid-area:2/1/auto/-1;width:100%}.site-header .view-switcher button{flex:1;min-width:0;padding-inline:4px;font-size:11px}.site-header .text-button{gap:5px;font-size:11px}.site-header .guide-button>svg:last-child{display:none}.site-header .brand{gap:6px;font-size:19px}.site-header .brand-mark{width:27px;height:29px}}.theme-toggle{border:1px solid var(--line);flex:none;width:32px;height:32px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5eee6;--green:#94d1ad;--muted:#a8b7ab;--line:#35433a;--soft:#28362c;--plot-bg:#1d2521;--plot-border:#415448;--plot-grid:#2d3b32;--plot-axis:#758c7b;--curve-1:#9fe2ad;--curve-2:#f0a684;--curve-3:#c9a9f1;--curve-4:#8dccf0;--curve-5:#eac078;--curve-6:#efa6c8;background:#171d1b}:root[data-theme=dark] .brand-mark{background:#36765b}:root[data-theme=dark] .brand-dot,:root[data-theme=dark] .eyebrow,:root[data-theme=dark] h1 em{color:#a2d8ad}:root[data-theme=dark] .view-switcher button,:root[data-theme=dark] .examples-button,:root[data-theme=dark] .small-button{color:#dce9dd;background:#25312a;border-color:#3a4d3e}:root[data-theme=dark] .view-switcher button[aria-pressed=true]{color:#fff;background:#36765b;border-color:#36765b}:root[data-theme=dark] .panel,:root[data-theme=dark] .app-dialog{color:#e5eee6;background:#202824;border-color:#3a493e}:root[data-theme=dark] .panel-heading h2 svg,:root[data-theme=dark] .preview-icon,:root[data-theme=dark] .tip-icon{color:#add5b3}:root[data-theme=dark] .language-tag,:root[data-theme=dark] .live-badge,:root[data-theme=dark] .friendly-tip code{color:#bde3c2;background:#2b3c30;border-color:#3b5140}:root[data-theme=dark] .editor-toolbar,:root[data-theme=dark] .preview-toolbar,:root[data-theme=dark] .preview-footer{border-color:var(--line);background:#222c26}:root[data-theme=dark] .source-editor,:root[data-theme=dark] .math-editor .cm-editor,:root[data-theme=dark] .math-editor .cm-scroller{color:#e5eee6;background:#202824}:root[data-theme=dark] .math-editor .cm-gutters,:root[data-theme=dark] .math-editor .cm-search{color:#9dad9f;border-color:var(--line);background:#1c241f}:root[data-theme=dark] .math-editor .cm-activeLine,:root[data-theme=dark] .math-editor .cm-activeLineGutter{background:#2a382d}:root[data-theme=dark] .math-editor .cm-cursor{border-left-color:#d8eedc}:root[data-theme=dark] .math-editor .cm-selectionBackground,:root[data-theme=dark] .math-editor .cm-focused .cm-selectionBackground{background:#42634a!important}:root[data-theme=dark] .math-editor .cm-search input,:root[data-theme=dark] .math-editor .cm-search button{color:#e5eee6;border-color:var(--line);background:#2a382e}:root[data-theme=dark] .math-editor .math-function{color:#94dcaf}:root[data-theme=dark] .math-editor .math-symbol,:root[data-theme=dark] .math-editor .math-keyword{color:#c7a9e8}:root[data-theme=dark] .math-editor .math-number{color:#efbf89}:root[data-theme=dark] .math-editor .math-string{color:#e8a9bc}:root[data-theme=dark] .math-editor .math-comment{color:#a6b5a5}:root[data-theme=dark] .math-editor .math-operator,:root[data-theme=dark] .math-editor .math-bracket{color:#bfd3c2}:root[data-theme=dark] .symbols-panel{background:#1e2821}:root[data-theme=dark] .quick-symbol,:root[data-theme=dark] .symbol-button,:root[data-theme=dark] .palette-search,:root[data-theme=dark] .example-item{color:#dbeadd;background:#27342b;border-color:#3b4d3f}:root[data-theme=dark] .palette-search input,:root[data-theme=dark] .plot-settings input{color:#e5eee6}:root[data-theme=dark] .category-tabs button.selected,:root[data-theme=dark] .quick-symbol:hover,:root[data-theme=dark] .symbol-button:hover,:root[data-theme=dark] .example-item:hover{color:#e5f4e8;background:#334936}:root[data-theme=dark] .preview-paper{background-color:#1a211d;background-image:radial-gradient(#5b715c66 .7px,#0000 .7px)}:root[data-theme=dark] .formula-card{background:#26332b;border-color:#3b5140}:root[data-theme=dark] .formula-card.active{border-color:#87b394;box-shadow:0 0 0 2px #3b5943}:root[data-theme=dark] .formula-card.formula-error,:root[data-theme=dark] .renderer-message{color:#f2cc9c;background:#392d26;border-color:#795c40}:root[data-theme=dark] .formula-image{filter:invert()hue-rotate(180deg)}:root[data-theme=dark] .loading-message{color:#c4e4c8;background:#2b3b2e;border-color:#426047}:root[data-theme=dark] .plot-settings input{background:#27342b;border-color:#4b6451}:root[data-theme=dark] .plot-canvas text{fill:#b4c9b7}:root[data-theme=dark] .app-dialog::backdrop{background:#060b09bb}:root[data-theme=dark] .guide-table,:root[data-theme=dark] .guide-table>div,:root[data-theme=dark] .example-item{border-color:var(--line)}:root[data-theme=dark] .guide-table>div:first-child{color:#d3e7d4;background:#2b3d30}:root[data-theme=dark] .field-frame{background:#171d1b;border-color:#3a493e}:root[data-theme=dark] .icon-button:not(:disabled):hover,:root[data-theme=dark] .small-button:hover,:root[data-theme=dark] .examples-button:hover{background:#334936}:root[data-theme=dark] .language-tag,:root[data-theme=dark] .toolbar-caption,:root[data-theme=dark] .editor-meta,:root[data-theme=dark] .hint-symbol,:root[data-theme=dark] .symbols-heading>span,:root[data-theme=dark] .category-tabs button,:root[data-theme=dark] .search-hint,:root[data-theme=dark] .no-symbols,:root[data-theme=dark] .symbol-name,:root[data-theme=dark] .formula-number,:root[data-theme=dark] .edit-formula,:root[data-theme=dark] .preview-toolbar,:root[data-theme=dark] .preview-toolbar-detail,:root[data-theme=dark] .preview-footer,:root[data-theme=dark] .zoom-value,:root[data-theme=dark] .render-status,:root[data-theme=dark] .empty-preview,:root[data-theme=dark] .empty-formula,:root[data-theme=dark] .empty-preview h3,:root[data-theme=dark] .loading-detail,:root[data-theme=dark] .friendly-tip,:root[data-theme=dark] .friendly-tip button,:root[data-theme=dark] .save-status,:root[data-theme=dark] .site-footer,:root[data-theme=dark] .dialog-intro,:root[data-theme=dark] .example-item span,:root[data-theme=dark] .example-item code,:root[data-theme=dark] .guide-table code,:root[data-theme=dark] .guide-note{color:#afc0b1}:root[data-theme=dark] .icon-button,:root[data-theme=dark] .palette-search input::placeholder{color:#bdcdbf}:root[data-theme=dark] .plot-error,:root[data-theme=dark] .formula-diagnostic,:root[data-theme=dark] .formula-diagnostic button{color:#ffbd9b}:root[data-theme=dark] .warning{color:#f1c797!important}