@font-face{font-family:MathText;src:url(vendor/fonts/KaTeX_Main-Regular.woff2) format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f8f9f6;color:#24372e;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea,math-field{touch-action:manipulation}button{cursor:pointer;color:inherit;border:1px solid #dce2da;background:white;border-radius:7px;padding:9px 13px;transition:background .12s,transform .12s}button:hover{background:#eaf0e7}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #46856c;outline-offset:3px}a{color:#215c47;text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}.site-header{max-width:1256px;padding:26px 28px;margin:auto;display:flex;align-items:center;border-bottom:1px solid #e0e5dc;gap:45px}.brand{display:flex;align-items:center;gap:0;font-weight:750;font-size:22px;letter-spacing:-1px;color:#233c2d}.brand>span:not(.brand-icon):not(.brand-dot){font-weight:400}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#215c47;color:#fff;border-radius:9px;font-size:22px;margin-right:10px;letter-spacing:-4px;padding-right:4px}.brand-icon span{font-size:13px;margin-top:9px}.brand-dot{color:#3e7b5a;font-weight:800}.site-header nav{display:flex;gap:28px;margin-left:20px;font-size:13px}.site-header nav a{color:#637066}.site-header nav .current{color:#1e4b38;font-weight:700}.header-note{margin-left:auto;color:#647167;font-size:12px;white-space:nowrap}.status-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#3c8161;margin-right:7px}main{max-width:1200px;margin:auto}.intro{padding:48px 4px 34px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#55715a}.intro h1{font-size:46px;line-height:1.13;letter-spacing:-2px;margin:14px 0 15px;font-weight:600}.intro h1 span{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#376b4b}.intro p{margin:0;color:#69756d;font-size:15px;line-height:1.65}.intro-mark{width:145px;height:130px;margin-right:36px;position:relative;color:#c1cdbb;font-family:Georgia,serif;font-style:italic;font-size:76px;transform:rotate(-9deg);opacity:.8}.intro-mark span{font-size:42px}.intro-mark i{position:absolute;font-size:41px;right:-22px;bottom:4px;color:#99ac8e}.workspace{background:white;border:1px solid #d9e0d6;border-radius:15px;box-shadow:0 7px 32px #24392408;overflow:hidden}.workspace-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #e7ebe3}.workspace-top>div{display:flex;align-items:center;gap:11px}.workspace h2{font-size:17px;margin:0;font-weight:600;letter-spacing:-.4px}.small-icon{font-size:21px;color:#457056}.tag,.session-tag{font-size:8px;letter-spacing:1px;font-weight:700;background:#edf3e8;padding:4px 7px;border-radius:4px;color:#557449}.text-button{border:0;background:none;padding:3px 4px;font-size:12px;color:#68766d}.mode-bar{padding:0 24px;display:flex;gap:25px;border-bottom:1px solid #e4e9e0;overflow:auto}.mode-bar button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:16px 0 13px;background:transparent;font-size:12px;color:#65736a;white-space:nowrap}.mode-bar button[aria-selected=true]{color:#215c47;border-bottom-color:#215c47;font-weight:700}.workspace-body{display:grid;grid-template-columns:minmax(0,1fr) 285px}.primary-pane{min-width:0;padding:21px 26px 15px}.settings{display:flex;align-items:center;gap:15px;margin-bottom:14px}.angle-switch{display:flex;border:1px solid #dfe5da;border-radius:5px;padding:2px;background:#f9faf7}.angle-switch button{font-size:10px;padding:4px 12px;border:0;background:transparent;border-radius:3px;letter-spacing:.7px}.angle-switch button.active{background:#e7eee0;color:#2a5536;font-weight:700}.precision-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#778177}.precision-label select{padding:2px 3px;border:0;background:transparent;color:#546258}.settings>span{margin-left:auto;font-size:10px;color:#778277;max-width:40%;overflow:hidden;text-overflow:ellipsis}.math-screen{border:1px solid #dce6d4;background:linear-gradient(110deg,#f9fbf5,#f3f7ed);border-radius:9px;padding:15px 19px 12px;min-height:171px}.math-screen label{font-size:9px;letter-spacing:1.4px;color:#607756;font-weight:700;display:flex;justify-content:space-between}.math-screen label span{font-size:10px;letter-spacing:0;font-weight:400;color:#7b8775}math-field{display:block;min-width:0;width:100%;background:transparent;border:1px solid #d7dfd2;border-radius:6px;padding:5px;font-size:24px;--caret-color:#215c47;--selection-background-color:#ddebd0;--contains-highlight-background-color:#e7f0e0}math-field::part(menu-toggle),math-field::part(virtual-keyboard-toggle){display:none}.math-screen math-field{border:0;padding:6px 0;font-size:27px;min-height:43px}math-field[read-only]{pointer-events:none}.answer-row{display:flex;align-items:center;justify-content:flex-end;gap:20px;color:#416035}.answer-row>span{font-size:17px;color:#8f9e87}.answer-row math-field{width:auto;max-width:90%;font-size:34px;min-height:50px}.decimal{font-size:11px;text-align:right;color:#687860;min-height:18px;overflow-wrap:anywhere}.key-toolbar{display:flex;gap:7px;margin:12px 0}.key-toolbar button{padding:4px 8px;font-size:10px;background:#fff;border:0;color:#6d776d}.key-toolbar button:first-child{border:1px solid #dfe6d8;background:#f6f9f0;color:#48713d}.key-toolbar button[aria-pressed=true]{background:#215c47;color:white}.key-toolbar button:last-child{margin-left:auto}.keypad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.keypad button{height:42px;padding:4px;font-size:16px;background:#f0f3ed;border:1px solid #e4e8df;box-shadow:0 1px 1px #15291c05;color:#43553e;font-family:Arial,sans-serif}.keypad button.number{background:#fff;color:#25372d;border-color:#dfe5dc;font-weight:500;font-size:21px}.keypad button.operator{background:#e9eee2;color:#3e6337;font-size:23px}.keypad button.control{background:#f7eeea;border-color:#efdfd5;color:#9b5d42;font-size:13px}.keypad button.equals{background:#225e46;border-color:#225e46;color:#fff;font-size:24px}.keypad button:hover{filter:brightness(.96)}.keypad button sup{font-size:10px}.keyboard-hint{font-size:9px;color:#758071;margin:12px 0 15px;display:flex;gap:5px;align-items:center;flex-wrap:wrap}kbd{font:9px Arial;padding:2px 4px;border:1px solid #dce2d7;border-radius:3px;background:#f9faf7;color:#63725e}.keyboard-hint>span{margin:0 5px}.examples{border-top:1px solid #e9ede4;padding-top:13px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.examples>span{font-size:9px;letter-spacing:1.3px;color:#78846f;margin-right:5px}.examples button{font-size:10px;border-radius:15px;padding:4px 10px;background:#fff}.side-pane{background:#fafbf8;border-left:1px solid #e5eade;padding:24px 21px 16px;display:flex;flex-direction:column;min-width:0}.side-title{display:flex;justify-content:space-between;align-items:center;gap:5px}.side-title h3{font-size:12px;margin:0}.session-tag{font-size:7px;letter-spacing:.6px;padding:3px 4px;background:#edf0e8;color:#748168}.history-top{display:flex;justify-content:space-between;align-items:center;margin:24px 0 10px;font-size:10px;color:#737f6b}.history-top button{font-size:10px}.empty-history{text-align:center;padding:42px 5px 52px}.empty-history>span{font-size:26px;color:#9da98e}.empty-history p{font-size:12px;margin:12px 0 7px;color:#627356}.empty-history small{font-size:10px;color:#849078;line-height:1.7}#history{max-height:265px;overflow:auto}.history-item{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #e5ebdf;border-radius:0;text-align:right;padding:9px 4px;font-size:12px}.history-item .history-input{font-size:11px;color:#7b886f;overflow:auto}.history-item .history-output{font-size:15px;margin-top:4px;color:#37552d}.side-bottom{margin-top:auto;border-top:1px solid #e4e9dd;padding:22px 0 5px}.tip-icon{width:30px;height:30px;background:#edf3e2;border:1px solid #e1e9d5;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#648346;font-size:20px}.side-bottom h4{font-family:Georgia,serif;font-size:16px;font-weight:400;margin:12px 0 8px}.side-bottom p{font-size:11px;line-height:1.75;color:#7b866f;margin:0 0 16px}.side-bottom a{display:flex;justify-content:space-between;font-size:11px;color:#557341}.privacy-note{font-size:9px;color:#859078;border-top:1px solid #e4e9dd;padding-top:14px;margin-bottom:0}.workspace-footer{padding:11px 24px;background:#f7f9f3;border-top:1px solid #e5eadf;display:flex;justify-content:space-between;color:#849078;font-size:9px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding:37px 5px 40px;border-bottom:1px solid #dfe6d9}.benefits>div+div{border-left:1px solid #dfe6d9;padding-left:35px}.benefits span{font-size:9px;color:#7c8a6d;letter-spacing:1.3px}.benefits h3{font-family:Georgia,serif;font-size:20px;font-weight:400;letter-spacing:-.3px;margin:12px 0 9px}.benefits p{font-size:12px;color:#7a8473;margin:0;line-height:1.75}.guide{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding:70px 5px;border-bottom:1px solid #dfe6d9}.section-intro h2{font-family:Georgia,serif;font-size:35px;font-weight:400;line-height:1.2;letter-spacing:-.7px;margin:16px 0}.section-intro>p{color:#7c8776;font-size:13px}.guide-items article{display:flex;gap:24px;padding-bottom:22px}.guide-items article>span{font-size:11px;color:#8a967f;padding-top:5px}.guide-items h3{font-size:14px;margin:0 0 7px;font-weight:600}.guide-items p{font-size:12px;line-height:1.8;margin:0;color:#7a8573}.reference{padding:55px 5px;border-bottom:1px solid #dfe6d9}.reference h2,.faq h2{font-family:Georgia,serif;font-weight:400;font-size:30px;letter-spacing:-.6px}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 55px}.reference h3{font-size:14px;font-weight:600}.reference p,.faq p,.editorial p{font-size:13px;line-height:1.85;color:#6f7c69}.reference a,.faq a,.editorial a{text-decoration:underline}.faq{padding:30px 5px 45px}.faq details{border-bottom:1px solid #dee5d7;padding:17px 0}.faq summary{cursor:pointer;font-size:14px}.faq p{max-width:850px}.editorial{border-top:1px solid #dee5d7;padding:24px 5px}.editorial h2{font-size:15px}.editorial p{max-width:850px}.editorial .note{font-size:11px}footer{max-width:1200px;margin:auto;border-top:1px solid #dee5d7;padding:25px 0 35px;display:flex;align-items:center;gap:30px;font-size:11px;color:#7a8770}footer>.brand{font-size:18px}footer>a:last-child{margin-left:auto}.skip{position:absolute;left:15px;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:15px}.panel-heading h3{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:0 0 7px}.panel-heading p{color:#75816d;font-size:12px;margin:0 0 20px}.tool-form{min-height:540px}.tool-form>label,.tool-form>div>label{display:block;font-size:12px;color:#5d7053;margin:15px 0}.tool-form input,.tool-form select,.tool-form textarea,.inline-fields input{display:block;width:100%;padding:10px 12px;background:#fafcf7;border:1px solid #d8e1d1;border-radius:6px;margin-top:7px;color:#263c2b}.tool-form textarea{resize:vertical;min-height:60px}.primary{background:#215c47;color:white;border-color:#215c47}.primary:hover{background:#164a36}.tool-result{padding:20px;background:#f2f7eb;border:1px solid #dce6d3;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:14px;margin-top:22px}.note{font-size:11px;color:#73816a;line-height:1.8}.inline-fields{display:flex;align-items:flex-end;gap:12px;margin:16px 0}.inline-fields label{flex:1;min-width:0;font-size:12px}.inline-fields button{height:42px}.graph-functions{display:grid;gap:9px}.graph-functions label{display:flex;align-items:center;gap:10px;font-family:Georgia,serif}.graph-functions math-field{font-size:20px;background:#fbfcf9}.curve-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#317755}.orange{background:#c77841}.purple{background:#8570ac}.graph-actions{display:flex;gap:7px;margin:14px 0;flex-wrap:wrap}.graph-actions button{font-size:11px}.graph-wrap{border:1px solid #dce4d6;border-radius:8px;overflow:hidden;background:#fff;position:relative}#graph{width:100%;height:340px;display:block;touch-action:none;cursor:crosshair}#graph-coordinate{display:block;font-size:10px;color:#6e7e62;background:#f7faf2;padding:5px 10px;min-height:25px}.table-details{margin-top:15px;font-size:12px}.table-details summary{cursor:pointer}.table-scroll{max-height:250px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:right}td,th{padding:8px 12px;border-bottom:1px solid #e3eadc}th{background:#f3f7ed;position:sticky;top:0}#error{background:#fff1e9;border:1px solid #e5bfa6;padding:12px 15px;border-radius:7px;color:#944727;font-size:12px}.noscript{background:#fff2d9;padding:20px;text-align:center}
@media(min-width:1450px){main{max-width:1200px}.intro{padding-top:55px}}@media(max-width:1260px){main,footer{margin-left:28px;margin-right:28px}.site-header{margin:0 10px}.workspace-body{grid-template-columns:minmax(0,1fr) 260px}.mode-bar{gap:20px}}@media(max-width:900px){.header-note{display:none}.site-header nav{margin-left:auto;gap:20px}.intro h1{font-size:38px}.workspace-body{grid-template-columns:minmax(0,1fr) 220px}.primary-pane{padding:18px}.side-pane{padding:20px 15px}.tag{display:none}.mode-bar{gap:20px}.benefits{gap:20px}.benefits>div+div{padding-left:20px}.guide{gap:30px}.side-title{flex-wrap:wrap}.keypad button{height:42px}.keypad{gap:6px}.keyboard-hint{font-size:8px}.graph-actions{gap:4px}}@media(max-width:700px){main,footer{margin-left:16px;margin-right:16px}.site-header{padding:20px 6px;margin:0 16px}.brand{font-size:20px}.site-header nav{gap:15px}.site-header nav a{font-size:11px}.site-header nav a:last-child{display:none}.intro{padding:30px 2px 25px}.eyebrow{font-size:8px}.intro h1{font-size:34px;letter-spacing:-1.4px}.intro p{font-size:13px}.intro-mark{display:none}.workspace-top{padding:15px}.workspace h2{font-size:15px}.mode-bar{padding:0 16px;gap:22px}.mode-bar button{padding:13px 0;font-size:11px}.workspace-body{display:block}.primary-pane{padding:15px 12px}.side-pane{border-left:0;border-top:1px solid #e5eade;padding:18px}.side-title{flex-wrap:nowrap}.side-bottom,.privacy-note{display:none}.history-top{margin-top:14px}.empty-history{padding:15px}.empty-history>span{display:none}.empty-history p{margin-top:0}.empty-history small br{display:none}#history{max-height:150px}.math-screen{padding:12px;min-height:165px}.math-screen label span{font-size:8px}.math-screen math-field{font-size:24px}.answer-row math-field{font-size:30px}.keypad button{height:43px;font-size:14px}.keypad button.number{font-size:20px}.key-toolbar{gap:2px}.key-toolbar button{font-size:9px;padding:5px 6px}.keyboard-hint{gap:3px;font-size:8px}.keyboard-hint>span{margin:0 2px}.examples{gap:5px}.examples button{font-size:9px;padding:4px 7px}.workspace-footer{padding:10px 15px;font-size:8px}.workspace-footer>span:last-child{display:none}.benefits{display:block;padding:15px 4px}.benefits>div{padding:20px 0!important;border-left:0!important}.benefits>div+div{border-top:1px solid #e0e6d9}.benefits h3{margin:8px 0}.guide{grid-template-columns:1fr;padding:35px 4px;gap:24px}.section-intro h2{font-size:30px}.section-intro h2 br{display:none}.section-intro>p{display:none}.reference{padding:35px 4px}.reference h2,.faq h2{font-size:27px}.reference-grid{grid-template-columns:1fr;gap:7px}.faq{padding:15px 4px 30px}.tool-form{min-height:440px}.inline-fields{gap:7px}.inline-fields input{padding:8px 6px}.inline-fields button{font-size:10px;padding:6px}.panel-heading h3{font-size:23px}.panel-heading p{font-size:11px}footer{flex-wrap:wrap;gap:15px}footer>a:last-child{margin-left:0}footer>span{display:none}#graph{height:290px}.precision-label{font-size:10px}.settings{gap:10px}.angle-switch button{padding:4px 9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}@media print{body{background:white}.site-header nav,.intro,.mode-bar,.keypad,.key-toolbar,.examples,.keyboard-hint,.benefits,.guide,.reference,.faq,.editorial,footer,.workspace-footer,.settings button,.graph-actions,.side-bottom,.privacy-note,.workspace-top button{display:none!important}.workspace{box-shadow:none}.workspace-body{display:block}.side-pane{border:0}.math-screen{background:white}.primary-pane{padding:10px}main{margin:0}.mode-panel[hidden]{display:none!important}}
