@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}button,input,select,textarea{font:inherit}:root{color:#e9edf7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;background:#090d18;font-family:Inter,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app{background:radial-gradient(at 50% 0,#15264a 0%,#0000 48%),#090d18;min-height:100vh}.navbar{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;max-width:1180px;height:82px;margin:auto;padding:0 28px;display:flex}.logo{color:#fff;letter-spacing:-1px;align-items:center;gap:9px;font-size:21px;font-weight:800;text-decoration:none;display:flex}.logo>span:last-child{color:#65a6ff;margin-left:-8px}.logo-icon{color:#fff;background:linear-gradient(135deg,#3987ff,#8055ff);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.navbar nav{gap:34px;display:flex}.navbar nav a{color:#a8b2c8;font-size:13px;text-decoration:none;transition:color .2s}.navbar nav a:hover{color:#fff}.navbar-actions{align-items:center;gap:12px;display:flex}.version-label{color:#8998b1;white-space:nowrap;opacity:.8;font-size:10px;font-weight:500}.login-button{color:#fff;cursor:pointer;background:#17243d;border:1px solid #30415e;border-radius:9px;padding:11px 18px}.hero{text-align:center;max-width:850px;margin:auto;padding:95px 24px 65px}.hero-badge{color:#9cc3ff;letter-spacing:1px;background:#142442;border:1px solid #34548a;border-radius:30px;align-items:center;gap:9px;padding:9px 14px;font-size:10px;font-weight:700;display:inline-flex}.status-dot{background:#55e3a2;border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-3px;margin:28px 0 20px;font-size:clamp(38px,7vw,65px);font-weight:800;line-height:1.12}.hero h1 span{color:#6ca8ff}.hero>p{color:#9ba8bf;max-width:580px;margin:auto;font-size:15px;line-height:1.8}.solver{background:linear-gradient(145deg,#151f32,#101827);border:1px solid #263653;border-radius:19px;max-width:790px;margin:0 auto;padding:35px;box-shadow:0 25px 80px #00000040}.solver-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.solver-heading h2{margin:0 0 8px;font-size:21px}.solver-heading p,.subjects>p,.how-it-works>p{color:#94a1b8;font-size:13px;line-height:1.7}.free-badge{color:#63e6a7;white-space:nowrap;background:#123629;border:1px solid #286c54;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:800}.field-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{flex-direction:column;gap:10px;margin-bottom:23px;display:flex}.field label{color:#cbd5e7;font-size:12px;font-weight:700}.field select,.field textarea{color:#e8edf7;background:#0c1423;border:1px solid #2c3c57;border-radius:9px;outline:none;width:100%;padding:14px}.field select:focus,.field textarea:focus{border-color:#579aff;box-shadow:0 0 0 3px #579aff18}.field textarea{resize:vertical;min-height:145px;font-size:13px;line-height:1.7}.field textarea::placeholder{color:#69778e}.upload-area{cursor:pointer;background:#111c2e;border:1px dashed #405576;border-radius:10px;align-items:center;gap:14px;padding:17px;display:flex}.upload-icon{color:#8ab9ff;background:#203c67;border-radius:9px;place-items:center;width:39px;height:39px;font-size:25px;display:grid}.upload-area strong,.upload-area small{display:block}.upload-area strong{font-size:12px}.upload-area small{color:#8998b1;margin-top:5px;font-size:11px}.upload-area input{display:none}.image-name{color:#8ab9ff;font-size:12px}.solve-button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#347ff5,#7955f5);border:none;border-radius:9px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:22px;padding:16px;font-weight:700;transition:transform .2s,opacity .2s;display:flex}.solve-button:hover{opacity:.92;transform:translateY(-2px)}.solve-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.answer-area{background:#142442;border:1px solid #34548a;border-radius:10px;margin-top:24px;padding:20px}.answer-area h3{color:#8ab9ff;margin-top:0}.answer-area p{color:#d0d9e9;font-size:13px;line-height:1.8}.markdown-answer{overflow-wrap:anywhere;min-width:0}.markdown-answer h1{color:#8ab9ff;letter-spacing:-.4px;overflow-wrap:break-word;margin:0 0 20px;font-size:20px;font-weight:700;line-height:1.4}.markdown-answer h2{color:#8ab9ff;letter-spacing:-.2px;overflow-wrap:break-word;margin:25px 0 12px;font-size:16px;font-weight:700;line-height:1.5}.markdown-answer h3{color:#8ab9ff;margin:20px 0 10px;font-size:14px;font-weight:700;line-height:1.5}.markdown-answer h1:first-child,.markdown-answer h2:first-child,.markdown-answer h3:first-child{margin-top:0}.markdown-answer p{color:#d0d9e9;margin:0 0 14px;font-size:13px;line-height:1.8}.markdown-answer strong{color:#fff}.markdown-answer ul,.markdown-answer ol{margin:10px 0 18px;padding-left:24px}.markdown-answer li{color:#d0d9e9;margin-bottom:8px;font-size:13px;line-height:1.7}.markdown-answer>:last-child{margin-bottom:0}.markdown-answer hr{border:0;border-top:1px solid #ffffff20;margin:22px 0}.subjects{text-align:center;max-width:1050px;margin:105px auto;padding:0 24px}.subjects h2,.how-it-works h2{letter-spacing:-1px;font-size:27px}.subject-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px;display:grid}.subject-card{background:#121c2c;border:1px solid #263653;border-radius:14px;padding:25px;transition:transform .2s,border-color .2s}.subject-card:hover{border-color:#579aff;transform:translateY(-5px)}.subject-symbol{color:#8dbaff;background:#203d69;border-radius:12px;place-items:center;width:46px;height:46px;font-size:25px;display:grid}.subject-card h3{font-size:17px}.subject-card p{color:#98a6bc;font-size:12px;line-height:1.8}.how-it-works{text-align:center;max-width:700px;margin:100px auto;padding:0 24px}footer{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:auto;padding:30px 28px;display:flex}footer p,footer small{color:#8390a7;font-size:11px}.method-field{margin-top:25px}.method-field select{width:100%}.method-description{color:#8998b1;font-size:11px;line-height:1.6}.custom-method{color:#e8edf7;resize:vertical;width:100%;font:inherit;background:#0c1423;border:1px solid #579aff;border-radius:9px;outline:none;padding:14px;font-size:13px;line-height:1.7}.resolution-settings{background:#0e192a;border:1px solid #263b5b;border-radius:13px;margin:28px 0 24px;padding:19px}.settings-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.settings-heading h3{color:#e9edf7;margin:0 0 6px;font-size:14px}.settings-heading p{color:#8998b1;margin:0;font-size:11px;line-height:1.6}.settings-icon{color:#8ab9ff;background:#203c67;border-radius:9px;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:18px;display:grid}.setting-item{background:#121f33;border:1px solid #293b57;border-radius:9px;margin-top:9px;overflow:hidden}.setting-toggle{color:#e9edf7;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:63px;padding:12px 15px;transition:background .2s;display:flex}.setting-toggle:hover{background:#192a43}.setting-text{flex-direction:column;gap:5px;display:flex}.setting-text strong{font-size:12px;font-weight:700}.setting-text small{color:#8fa2c0;font-size:10px;line-height:1.4}.setting-chevron{color:#8ab9ff;font-size:20px;transition:transform .2s}.setting-chevron.is-open{transform:rotate(180deg)}.setting-options{border-top:1px solid #293b57;flex-direction:column;gap:12px;padding:14px 15px 16px;animation:.2s settingAppear;display:flex}@keyframes settingAppear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.option-label{color:#cbd5e7;cursor:pointer;align-items:center;gap:10px;font-size:11px;display:flex}.option-label input{accent-color:#579aff;cursor:pointer;width:15px;height:15px;margin:0}.custom-units-input{color:#e8edf7;background:#0c1423;border:1px solid #34548a;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-size:12px}.custom-units-input:focus{border-color:#579aff;box-shadow:0 0 0 3px #579aff18}.custom-units-input::placeholder{color:#69778e}.setting-done{color:#dceaff;cursor:pointer;background:#203c67;border:1px solid #34548a;border-radius:7px;align-self:flex-end;margin-top:4px;padding:8px 16px;font-size:11px;font-weight:600;transition:background .2s}.setting-done:hover{background:#2b5289}.markdown-answer table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%;margin:18px 0;font-size:12px;line-height:1.6;display:block;overflow-x:auto}.markdown-answer thead{background:#203c67}.markdown-answer th,.markdown-answer td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border:1px solid #405576;padding:11px 13px}.markdown-answer th{color:#fff;font-weight:700}.markdown-answer td{color:#d0d9e9}.markdown-answer tbody tr:nth-child(2n){background:#ffffff08}.markdown-answer tbody tr:hover{background:#579aff12}.markdown-answer sup{vertical-align:super;font-size:.72em;line-height:0;position:relative}.markdown-answer sub{vertical-align:sub;font-size:.72em;line-height:0}.markdown-answer code{color:#a9cbff;overflow-wrap:anywhere;background:#0c1423;border-radius:4px;padding:2px 5px;font-size:.92em}.markdown-answer blockquote{background:#ffffff08;border-left:3px solid #579aff;border-radius:0 7px 7px 0;margin:15px 0;padding:10px 15px}.markdown-answer blockquote p{margin:0}.markdown-answer a{color:#8ab9ff;overflow-wrap:anywhere}.input-editor{background:#0c1423;border:1px solid #2c4265;border-radius:11px;width:100%;transition:border-color .2s,box-shadow .2s;overflow:hidden}.input-editor:focus-within{border-color:#579aff;box-shadow:0 0 0 3px #579aff18}.input-editor-toolbar{background:#111e32;border-bottom:1px solid #263b5b;justify-content:space-between;align-items:center;gap:10px;min-height:49px;padding:7px 10px;display:flex}.input-mode-tabs{align-items:center;gap:5px;display:flex}.input-mode-tab{color:#91a1bb;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:33px;padding:7px 12px;font-size:11px;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:flex}.input-mode-tab:hover{color:#fff;background:#1b2d49}.input-mode-tab.active{color:#c8ddff;background:#203c67;border-color:#34548a}.input-mode-tab span{font-size:14px}.editor-version{color:#667d9f;letter-spacing:.8px;font-size:9px;font-weight:700}.input-editor>textarea{color:#e8edf7;resize:vertical;width:100%;min-height:145px;box-shadow:none;background:0 0;border:none;border-radius:0;outline:none;margin:0;padding:15px;font-size:13px;line-height:1.7;display:block}.input-editor>textarea:focus{box-shadow:none;border:none}.input-editor>textarea::placeholder{color:#69778e}.editor-footer{color:#71839f;background:#101b2c;border-top:1px solid #263b5b;justify-content:space-between;align-items:center;gap:10px;min-height:35px;padding:6px 12px;font-size:10px;display:flex}.editor-clear{color:#8eacd5;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 7px;font-size:10px}.editor-clear:hover:not(:disabled){color:#fff;background:#203c67}.editor-clear:disabled{opacity:.35;cursor:not-allowed}.calculator-panel{padding:14px;animation:.18s calculatorAppear}@keyframes calculatorAppear{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.calculator-page-count{color:#a9cbff;white-space:nowrap;background:#172b49;border:1px solid #34548a;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700}@media (width<=700px){.navbar{flex-wrap:wrap;gap:15px;height:auto;min-height:75px;padding:15px 20px}.navbar nav{order:3;justify-content:center;gap:20px;width:100%}.navbar nav a{font-size:11px}.hero{padding:70px 20px 45px}.hero h1{letter-spacing:-2px}.solver{margin:0 15px;padding:22px}.field-row{grid-template-columns:1fr;gap:0}.subject-grid{grid-template-columns:1fr}.subjects{margin:75px auto}footer{text-align:center;flex-wrap:wrap;justify-content:center}.resolution-settings{padding:14px}.markdown-answer h1{font-size:18px}.markdown-answer h2{font-size:15px}.markdown-answer table{font-size:11px}.markdown-answer th,.markdown-answer td{padding:9px 10px}.input-editor-toolbar{padding:7px}.input-mode-tab{padding:7px 9px;font-size:10px}.calculator-panel{padding:11px}.calculator-keys{gap:5px}.calculator-key{min-height:39px;font-size:11px}}@media (width<=390px){.solver{padding:17px}.calculator-keys{grid-template-columns:repeat(4,minmax(0,1fr))}.calculator-panel{padding:9px}.calculator-pagination{gap:12px}.page-tabs{gap:7px}.editor-version{display:none}}.input-editor>textarea.calculator-display{resize:vertical;color:#fff;letter-spacing:.3px;overflow-wrap:anywhere;cursor:default;background:linear-gradient(135deg,#101e34,#11182a);border:none;border-radius:0;outline:none;width:100%;min-height:92px;max-height:150px;margin:0;padding:19px 16px;font-family:Inter,sans-serif;font-size:19px;font-weight:500;line-height:1.6;display:block;box-shadow:inset 0 -1px #263b5b}.input-editor>textarea.calculator-display:focus{border:none;box-shadow:inset 0 -1px #263b5b}.input-editor>textarea.calculator-display::placeholder{color:#71839f;font-size:13px;font-weight:400}.calculator-panel{background:#0c1423;padding:15px;animation:.18s calculatorAppear}.calculator-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.calculator-panel-heading strong,.calculator-panel-heading small{display:block}.calculator-panel-heading strong{color:#e8edf7;font-size:13px}.calculator-panel-heading small{color:#899bb8;margin-top:4px;font-size:10px}.calculator-keys{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.calculator-key{color:#dce8fb;cursor:pointer;background:#17263e;border:1px solid #2c4265;border-radius:7px;min-width:0;min-height:42px;padding:7px 4px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,transform .15s}.calculator-key:hover{background:#25436c;border-color:#579aff;transform:translateY(-1px)}.calculator-key:active{transform:scale(.96)}.calculator-key.function{color:#9fc5ff;background:#192d4a}.calculator-key.constant{color:#c5b8ff;background:#29244b;border-color:#51458b}.calculator-key.operator{color:#fff;background:#263653;border-color:#405576}.calculator-key.number{color:#fff;background:#101b2c}.calculator-bottom{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.calculator-control{cursor:pointer;border-radius:7px;min-height:37px;font-size:10px;font-weight:700;transition:background .2s}.calculator-control.delete{color:#ffb49c;background:#3a2525;border:1px solid #80503d}.calculator-control.delete:hover{background:#58332d}.calculator-control.clear{color:#c5ddff;background:#203c67;border:1px solid #34548a}.calculator-control.clear:hover{background:#2b5289}.calculator-pagination{justify-content:center;align-items:center;gap:18px;margin-top:15px;display:flex}.page-arrow{color:#b8d3ff;cursor:pointer;background:#172b49;border:1px solid #34548a;border-radius:6px;place-items:center;width:30px;height:28px;font-size:14px;display:grid}.page-arrow:hover:not(:disabled){background:#25436c;border-color:#579aff}.page-arrow:disabled{opacity:.3;cursor:not-allowed}.page-tabs{align-items:center;gap:9px;display:flex}.page-dot{cursor:pointer;background:#435674;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.page-dot:hover{background:#8ab9ff}.page-dot.active{background:#6ca8ff;transform:scale(1.35)}.calculator-note{color:#7f91ad;text-align:center;margin:12px 0 0;font-size:10px;line-height:1.6}@media (width<=700px){.calculator-panel{padding:11px}.calculator-keys{gap:5px}.calculator-key{min-height:40px;font-size:11px}.input-editor>textarea.calculator-display{min-height:82px;padding:15px 12px;font-size:17px}}@media (width<=390px){.calculator-keys{grid-template-columns:repeat(4,minmax(0,1fr))}.calculator-panel{padding:9px}.calculator-pagination{gap:12px}.page-tabs{gap:7px}.editor-version{display:none}}.server-status{color:#aab8ce;background:#121c2c;border:1px solid #34445e;border-radius:30px;justify-content:center;align-items:center;gap:9px;width:fit-content;margin:22px auto 0;padding:10px 15px;font-size:12px;display:flex}.server-status-dot{background:#aab8ce;border-radius:50%;width:8px;height:8px}.server-status.online{color:#72e5ad;border-color:#286c54}.server-status.online .server-status-dot{background:#55e3a2}.server-status.offline{color:#ff9292;border-color:#743b43}.server-status.offline .server-status-dot{background:#ff6565}
