:root{color-scheme:dark;--bg:#111c30;--surface:#1b2a43;--field:#142139;--ink:#f4f6fc;--muted:#b3c0d6;--accent:#f4c778;--line:#34455f;--danger:#ffb4a9;--focus:#ffe0a0;font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font-size:1rem;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.6;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}header{max-width:1160px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:650;font-size:1.25rem;letter-spacing:-.02em}.mark{display:grid;place-items:center;width:32px;height:36px;font-family:Georgia,serif;font-size:2rem;color:var(--accent)}.connection-note{font-size:.875rem;color:var(--muted)}main{max-width:1160px;margin:auto;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}h1{font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 22px;letter-spacing:-.025em}h2{font-size:1rem;font-weight:600;margin:0}.workspace,.solution{min-width:0}.method-picker{margin-bottom:22px}.method-picker>label{display:block;margin-bottom:7px;font-size:.875rem;color:var(--muted)}select,input:not([type=range]):not([type=checkbox]){background:var(--field);border:0;border-radius:8px;min-height:44px;padding:10px 12px;max-width:100%;font-size:1rem}select{cursor:pointer}#method{width:100%;padding-right:32px;background:var(--surface);font-weight:550}.row{display:flex;align-items:center;justify-content:space-between;gap:14px}label{font-size:.875rem;color:var(--muted)}.input-card{padding:18px;background:var(--surface);border-radius:12px}.text-button{background:transparent;color:var(--muted);font-size:.875rem;padding:10px 6px;min-height:44px}.text-button:hover{color:var(--ink)}textarea{display:block;width:100%;background:transparent;color:var(--ink);border:0;outline:none;resize:vertical;min-height:72px;font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace;font-size:1.125rem;line-height:1.65;margin:10px 0 0;word-spacing:normal;letter-spacing:normal}.math-preview{font-size:1rem;color:var(--muted);min-height:34px;overflow:auto;padding:5px 0;scrollbar-width:thin}.settings{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.settings:not(:has(label:not([hidden]))){display:none}.settings label{display:flex;align-items:center;gap:8px;margin-top:12px}.settings select,.settings input{max-width:86px}.variable-keys{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:14px 0}.variable-keys>span{font-size:.875rem;color:var(--muted);margin-right:8px}.variable-keys button,.keyboard button{background:var(--surface);border-radius:7px;min-width:44px;min-height:44px;padding:8px;font-size:1rem}.variable-keys button:hover,.keyboard button:hover{background:#30435f}.complex-settings{padding:0;margin:18px 0}.complex-settings>div{margin:0 0 14px}.complex-settings label{display:block}.complex-settings input,.complex-settings select{display:block;width:100%;margin:6px 0 12px}.contour-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.contour-fields label:last-child{grid-column:1/-1}.method-help,.syntax-help{font-size:.875rem;color:var(--muted);padding:0;border:0;margin-top:12px}summary{cursor:pointer;font-size:.875rem;min-height:44px;display:list-item;align-content:center;font-weight:550}details>p{font-size:.875rem;color:var(--muted);line-height:1.65;margin:4px 0 12px}.hint{font-size:.875rem;line-height:1.6;color:var(--muted);margin:8px 0 12px}.keyboard{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:18px 0}.actions{display:flex;gap:12px;align-items:stretch}.primary{border-radius:9px;background:var(--accent);color:#152033;font-weight:650;min-height:48px;padding:12px 22px;flex:1;text-align:center}.primary:hover{background:#ffda96}.camera{display:flex;gap:8px;align-items:center;justify-content:center;background:var(--surface);min-height:48px;padding:12px 18px;border-radius:9px;font-size:.875rem}.camera svg{width:21px;height:21px}.syntax-help{margin-top:10px}.topic-examples{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr;gap:0}.topic-examples h2{margin-bottom:10px}.topic-examples button{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;background:transparent;border-radius:6px;min-height:48px;padding:10px 5px;color:var(--ink)}.topic-examples button:hover{background:var(--surface)}.topic-examples button>span{font-size:.875rem;color:var(--muted)}.topic-examples button>strong{font-size:1rem;font-weight:500;white-space:nowrap}.solution{background:var(--surface);border-radius:12px;padding:22px 24px}.solution>.row{margin-bottom:14px}.result{color:#17253d;background:#f4f6fc;border-radius:8px;min-height:96px;padding:22px 18px;overflow-x:auto;overflow-y:hidden;font-size:1.55rem;font-weight:400;line-height:1.5;scrollbar-width:thin}.result .katex{font-size:1em}.result .katex-display{margin:0;text-align:left}.result .katex-display>.katex{text-align:left}.result.is-message{font-size:1.125rem;font-weight:550;display:flex;align-items:center;line-height:1.5}.result.is-error{background:#382c36;color:#ffcbc3;font-size:1.125rem;font-weight:550}#resultNote{font-size:.875rem;line-height:1.65;color:var(--muted);margin:14px 0 20px}#details{border-top:1px solid var(--line);padding-top:8px}#details summary{color:var(--ink)}#steps{display:grid;gap:22px;padding:12px 0 5px}.step{display:flex;gap:12px;font-size:.875rem;line-height:1.65;min-width:0}.step>b{flex:0 0 22px;color:var(--muted);font-size:.8125rem;font-weight:500;line-height:26px}.step>div{min-width:0;overflow:auto;padding-bottom:4px}.formula{font-size:1rem;padding-top:10px;overflow-x:auto;scrollbar-width:thin}.formula .katex{font-size:1.08em}.graph-head{display:flex;justify-content:space-between;gap:10px;font-size:.875rem;color:var(--muted);margin:26px 0 12px}canvas#graph{display:block;width:100%;height:220px;background:var(--field);border-radius:8px}#graphNote:empty{display:none}.offline{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.offline>details{max-width:650px}.offline p{font-size:.875rem;line-height:1.65;color:var(--muted)}.offline button{background:var(--surface);min-height:44px;padding:10px 14px;border-radius:8px;font-size:.875rem;margin:4px 0 10px}footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.8125rem;padding:10px 0 0}dialog{background:var(--surface);color:var(--ink);border:0;border-radius:12px;width:min(94vw,500px);max-height:90dvh;overflow:auto;padding:22px}dialog::backdrop{background:#080e1bd9}dialog .row button{background:transparent;font-size:1.5rem;min-width:44px;min-height:44px}dialog textarea{background:var(--field);border-radius:8px;padding:12px;font-size:1rem;min-height:90px}dialog .primary{width:100%}#cropCanvas{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;touch-action:none;background:white;border-radius:6px;margin:14px 0}.crop-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.crop-controls label{font-size:.875rem}.crop-controls input{display:block;width:100%;min-width:0;accent-color:var(--accent);min-height:30px}.scan-actions{display:flex;align-items:center;gap:10px;margin:16px 0}.scan-actions>button:first-child{background:var(--field);min-height:44px;padding:10px 14px;border-radius:8px;font-size:.875rem}progress{width:100%;accent-color:var(--accent);margin:8px 0 18px}#scanStatus{font-size:.875rem;line-height:1.6}@media(max-width:760px){header{padding:16px 20px}main{display:block;padding:22px 20px}h1{font-size:1.375rem;margin-bottom:18px}.solution{margin:26px 0;padding:18px}.result{font-size:1.35rem;padding:20px 14px}.result.is-message{font-size:1.0625rem}.topic-examples{margin-top:24px}.offline{margin-top:24px}footer{margin-top:18px}.camera{padding:10px 14px}.keyboard{gap:6px}.variable-keys{gap:5px}.variable-keys button{min-width:40px}.topic-examples button{gap:10px}.topic-examples button>span{font-size:.8125rem}.topic-examples button>strong{font-size:.9375rem}}@media(max-width:370px){main{padding:18px 14px}.topic-examples button{flex-wrap:wrap;gap:2px}.topic-examples button>strong{white-space:normal}.variable-keys>span{flex-basis:100%}.solution{padding:15px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease,color .15s ease}button:active:not(:disabled){transform:translateY(1px)}}

#resultNote:empty{display:none}.variable-keys button{min-width:44px}@media(max-width:760px){.variable-keys button{min-width:44px}}

.app-status{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.wip-status{font-size:.8125rem;color:var(--accent);font-weight:550;letter-spacing:.01em}@media(max-width:450px){.app-status{gap:4px;flex-direction:column;align-items:flex-end}}

.legal{display:block;max-width:850px;margin:2rem auto;padding:1rem}.legal article{line-height:1.7}.legal h2{margin-top:2rem}footer{flex-wrap:wrap;gap:1rem}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f4c778;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}