:root{font-family:DM Sans,system-ui,sans-serif;color:#283a35;background:#f2f3ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent;border-radius:5px;padding:8px 11px}button:hover{background:#e7ece7}button:focus-visible{outline:2px solid #588a75}header{display:flex;align-items:center;gap:24px;padding:20px 4vw;background:#fafbf8;border-bottom:1px solid #dfe4dc}.brand{display:flex;gap:12px;align-items:center;color:#345d4b;text-decoration:none;font:italic 32px Georgia}.brand span{font:600 17px DM Sans,sans-serif;color:#283a35}.status{font-size:12px;color:#718078;margin-right:auto}nav{display:flex;gap:4px;font-size:13px}.help-button{background:#e5ece3}.tools{display:flex;justify-content:center;align-items:center;gap:5px;padding:12px;position:sticky;top:0;background:#f2f3eff2;z-index:2;border-bottom:1px solid #e0e4dc;font-size:14px}.divider{height:22px;width:1px;background:#d8dfd5;margin:0 9px}main{max-width:850px;margin:32px auto}.page-label{font-size:10px;letter-spacing:1.6px;color:#78847b;margin:0 2px 13px}.page-label span{float:right;letter-spacing:1px}.page{background:#fff;min-height:900px;border:1px solid #e2e6dd;box-shadow:0 6px 35px #283a3505;padding:64px 76px}.tiptap{outline:none;min-height:760px;font:18px/1.85 "Source Serif 4",Georgia,serif;color:#303c37;overflow-wrap:anywhere}.tiptap h1,.tiptap h2,.tiptap h3{font-family:DM Sans,sans-serif;line-height:1.3;color:#253d32}.tiptap h1{font-size:34px;letter-spacing:-1px;margin:0 0 28px}.tiptap h2{font-size:25px;margin:30px 0 16px}.tiptap p{margin:0 0 16px}.tiptap li p{margin:0}.tiptap blockquote{border-left:3px solid #9aac9e;margin-left:0;padding-left:22px}.equation{border-radius:4px}.inline-equation{display:inline-block;vertical-align:middle;max-width:100%}.block-equation{display:block;text-align:center;margin:25px 0;max-width:100%;overflow-x:auto}.equation:focus-within{background:#f2f7f0;outline:1px solid #d5e1ce}math-field{width:max-content;border:0;background:transparent;font-size:1.1em;min-width:22px;padding:0;--caret-color: #356d52;--selection-background-color: #d4e7ce;max-width:100%}math-field::part(content){overflow-x:auto;overscroll-behavior-x:contain}math-field::part(container){touch-action:pan-x pan-y pinch-zoom}math-field::part(menu-toggle){display:none}footer{font-size:11px;color:#7b867e;margin:18px 2px 40px}footer span{float:right}aside{max-width:850px;margin:20px auto;padding:25px 32px;background:#e6ede2;border:1px solid #d6dfd0;border-radius:8px;font-size:13px;line-height:1.9}aside h2{font-size:17px;margin:0 0 12px}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:30px}kbd{font:12px ui-monospace,monospace;background:#f9fbf7;border:1px solid #d3ddce;border-radius:4px;padding:2px 5px}::selection{background:#dcebd3}@media(max-width:700px){header{flex-wrap:wrap;gap:10px;padding:14px}.status{font-size:10px}nav{width:100%;justify-content:space-between}.tools{gap:0;flex-wrap:wrap}.tools button{padding:8px}.tools button span{display:none}main{margin:20px 12px}.page{padding:30px 24px;min-height:75vh}.page-label span{display:none}.tiptap{font-size:17px;min-height:65vh}.shortcuts{grid-template-columns:1fr;gap:0}aside{margin:15px}footer span{float:none;display:block;margin-top:8px}}@media print{@page{size:A4;margin:20mm}body{background:#fff}header,.tools,aside,.page-label,footer{display:none!important}main{max-width:none;margin:0}.page{padding:0;border:0;box-shadow:none;min-height:0}.tiptap{min-height:0;font-size:12pt}.equation:focus-within{outline:none;background:none}.block-equation{break-inside:avoid}h1,h2,h3{break-after:avoid}p{orphans:3;widows:3}}.notes-controls{max-width:850px;margin:18px auto 8px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;padding:0 2px}.notes-toggle{background:#e5ece3;font-weight:600}.note-picker{display:flex;align-items:center;gap:10px;color:#6b7d72;flex:1;min-width:200px}.note-picker select{max-width:100%;width:100%;min-width:0;flex:1;font:inherit;color:#283a35;background:#fafbf8;border:1px solid #d5ded2;border-radius:5px;padding:9px}.notes-details{width:100%;display:flex;align-items:center;gap:8px;border-top:1px solid #dce3d7;padding-top:9px}.notes-details span{margin-right:auto;color:#718078;font-size:12px}.delete-note{color:#984c43}@media(max-width:700px){.notes-controls{margin:14px}.note-picker{min-width:160px}.notes-details{flex-wrap:wrap}.notes-details span{width:100%}}@media print{.notes-controls{display:none!important}}.math-done{display:none}@media not (any-pointer:coarse){math-field::part(virtual-keyboard-toggle){display:none}}@media(any-pointer:coarse){.equation{position:relative}.equation:focus-within .math-done{display:inline-block;font:600 12px system-ui,sans-serif;color:#345d4b;background:#e5ece3;padding:7px 10px;margin-left:6px;vertical-align:middle;min-height:36px}math-field{min-height:36px}}@media print{.math-done{display:none!important}}.equation{max-width:100%;overflow:visible}.generated-working{display:inline}.generated-step{display:inline-block;max-width:100%;vertical-align:middle}.generated-step math-field{pointer-events:none}.equation.selected .generated-step{background:#e5efe3;border-radius:4px}.calculation-panel{display:none;font:12px/1.5 system-ui,sans-serif;text-align:left;padding:6px;max-width:100%;color:#496354}.equation.selected .calculation-panel,.equation:focus-within .calculation-panel{display:block}.calculation-panel[hidden]{display:none!important}.calculation-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;min-height:44px;border-top:1px solid #dde7d9}.calculation-preview{max-width:65%;overflow-x:auto;pointer-events:none}.calculation-preview math-field{font-size:16px}.calculation-error{display:block;color:#9a3f32;background:#fff2ed;padding:7px}.definition-label{display:block;color:#708374}.calculation-panel input,.calculation-panel select{font:inherit;padding:8px;max-width:100%;border:1px solid #b9cbb7;border-radius:4px}.calculation-panel details button{display:block;text-align:left;overflow-wrap:anywhere}.inline-equation:has(.calculation-action){min-width:min(300px,100%)}@media(max-width:700px){.calculation-panel button{min-height:44px}.calculation-action{flex-wrap:wrap}.calculation-preview{max-width:100%}.unit-choice{display:block}}@media print{.calculation-panel{display:none!important}.generated-step{background:none!important}.generated-step math-field::part(virtual-keyboard-toggle){display:none}}math-field:focus-visible{outline:none}.equation>math-field:focus-within{outline:none}.note-picture{display:block;max-width:100%;height:auto;margin:20px auto;border-radius:4px;cursor:pointer}.note-picture.ProseMirror-selectednode{outline:3px solid #588a75;outline-offset:3px}.tools button:disabled{opacity:.5;cursor:wait}@media print{.note-picture{max-height:230mm;object-fit:contain;break-inside:avoid}.note-picture.ProseMirror-selectednode{outline:none}}.picture-node{position:relative;max-width:100%;margin:22px 0}.picture-frame{position:relative;overflow:hidden;border-radius:4px}.picture-node .note-picture{width:100%;margin:0;border-radius:0;max-height:none}.picture-node.ProseMirror-selectednode{outline:2px solid #588a75;outline-offset:4px}.picture-node .note-picture.ProseMirror-selectednode{outline:none}.picture-tools{display:none;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0;font:13px system-ui,sans-serif}.picture-tools button{min-height:40px;background:#e5ece3}.picture-node.ProseMirror-selectednode .picture-tools,.picture-node:focus-within .picture-tools{display:flex}.picture-surface{position:relative}.drag-handle{position:absolute;padding:0;border:1px solid white;border-radius:3px;background:#345d4b;width:24px;height:24px;z-index:2;touch-action:none}.picture-resize{display:none}.picture-node.ProseMirror-selectednode .picture-resize,.picture-node:focus-within .picture-resize{display:block}.handle-top-left{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.handle-top{left:50%;top:0;transform:translate(-50%,-50%);cursor:ns-resize}.handle-top-right{right:0;top:0;transform:translate(50%,-50%);cursor:nesw-resize}.handle-right{right:0;top:50%;transform:translate(50%,-50%);cursor:ew-resize}.handle-bottom-right{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}.handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%);cursor:ns-resize}.handle-bottom-left{left:0;bottom:0;transform:translate(-50%,50%);cursor:nesw-resize}.handle-left{left:0;top:50%;transform:translate(-50%,-50%);cursor:ew-resize}.picture-dialog{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #a9bda9;border-radius:12px;padding:24px;color:#283a35;background:#fafbf8;font:15px/1.5 system-ui,sans-serif}.picture-dialog::backdrop{background:#152d25a6}.picture-dialog h2{margin:0;font-size:22px}.picture-dialog p{margin:10px 0 18px}.enhancement-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.enhancement-controls label{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.enhancement-controls select{font:inherit;min-height:44px;max-width:100%;padding:6px}.enhancement-preview{display:block;width:100%;max-height:45dvh;object-fit:contain;background:#e5ece3}.enhancement-dialog button[aria-pressed=true]{outline:2px solid #345d4b;outline-offset:2px}.picture-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px}.picture-actions button{min-height:44px;background:#e5ece3}.picture-actions button:last-child{background:#345d4b;color:#fff}.picture-actions button:disabled{opacity:.45;cursor:default}.camera-dialog video{display:block;width:100%;max-height:55dvh;background:#18291f;border-radius:6px}.camera-dialog select{font:inherit;padding:8px;max-width:100%}.crop-area{position:relative;overflow:visible;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.crop-area img{display:block;width:100%;max-height:50dvh;object-fit:contain}.crop-area{width:fit-content;max-width:100%;margin:auto}.crop-area img{width:auto;max-width:100%}.crop-box{position:absolute;border:2px solid white;outline:1px solid #345d4b;box-shadow:0 0 0 100vmax #122a2588;pointer-events:auto;cursor:move}@media(max-width:700px){.picture-dialog{padding:16px}.picture-tools{font-size:12px}.enhancement-preview{max-height:34dvh}.enhancement-dialog .picture-actions{position:sticky;bottom:-16px;padding:10px 0;background:#fafbf8}}@media print{.picture-node{break-inside:avoid;outline:none!important}.picture-tools,.picture-resize,.picture-dialog{display:none!important}}.crop-box{pointer-events:auto;cursor:move}.crop-resize{width:24px;height:24px;background:#fff;border:2px solid #345d4b}.crop-area{isolation:isolate}.crop-box{box-shadow:0 0 0 100vmax #122a2588}.crop-dialog{overflow-x:hidden}.crop-area{margin:18px auto}.crop-window{position:relative;overflow:hidden}