:root{color:#191816;font-synthesis:none;text-rendering:optimizelegibility;background:#f3efe5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.math-lab-panel{z-index:3;background:#fcfaf5f5;border:1px solid #3f392f29;border-radius:16px;max-width:620px;padding:16px;font-size:14px;line-height:1.45;position:absolute;top:112px;left:16px;right:16px}.math-lab-heading{justify-content:space-between;gap:16px;display:flex}.math-lab-heading a{color:#2f6070}.lab-link{color:#2f6070;pointer-events:auto;font-size:13px}.math-lab-panel p{margin:8px 0 12px}.math-lab-panel label{align-items:center;gap:8px;display:flex}.math-lab-panel{max-height:65dvh;overflow:auto}.math-lab-panel label{flex-wrap:wrap}.math-lab-panel input,.math-lab-panel select,.math-correction input{color:#191816;min-width:0;max-width:100%;font:inherit;background:#fffdf8;border:1px solid #bdb8ae;border-radius:8px;flex:1;padding:8px;font-size:16px}.math-lab-panel button,.math-correction button{color:#24211b;cursor:pointer;background:#e7e2d6;border-radius:8px;padding:9px 12px}.math-lab-panel button:disabled{opacity:.45;cursor:default}.math-lab-panel summary{cursor:pointer;padding:10px 0 0}.math-lab-panel table{border-collapse:collapse;table-layout:fixed;width:100%;margin:14px 0;font-size:12px}.math-lab-panel td,.math-lab-panel th{text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #d4cec3;padding:6px 3px}.math-lab-panel caption{text-align:left;margin-bottom:6px}.lab-actions{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.answer-controls{pointer-events:none;z-index:2;position:absolute;inset:0}.correct-answer{pointer-events:auto;color:#2f6070;cursor:pointer;background:#fcfaf1e8;border:1px solid #bacbd0;border-radius:8px;padding:5px 8px;font-size:12px;position:absolute}.math-correction{z-index:6;bottom:max(16px, env(safe-area-inset-bottom));background:#fffdf7;border:1px solid #b9b0a2;border-radius:16px;max-width:620px;padding:16px;position:absolute;left:16px;right:16px;box-shadow:0 5px 35px #19181622}.math-correction small{color:#625c52}.math-lab-panel output{color:#2f6070;margin-top:12px;font-weight:650;display:block}.math-lab-panel small{margin-top:6px;font-size:12px;display:block}@media (width<=620px){.math-lab-panel{padding:12px;font-size:13px;top:82px}.math-lab .topbar .brand small{display:none}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;border:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:fixed;overflow:hidden}.canvas-shell{isolation:isolate;background:#f3efe5;width:100%;height:100%;position:relative}.ink-stage{z-index:0;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.ink-stage canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ink-stage.tool-pen{cursor:crosshair}.ink-stage.tool-hand{cursor:grab}.ink-stage.tool-hand:active{cursor:grabbing}.save-state.error:before{background:#b44c2f}.measure-readout{z-index:2;left:max(12px, env(safe-area-inset-left));bottom:max(64px, calc(env(safe-area-inset-bottom) + 52px));color:#f7f2e8;background:#191816c7;border-radius:10px;max-width:calc(100% - 24px);padding:6px 10px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute}.topbar{z-index:2;top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(16px);background:#fbf9f3e0;border:1px solid #28251f24;border-radius:18px;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:16px;padding:10px 12px;display:grid;position:absolute;box-shadow:0 10px 35px #231d141a}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{color:#f7f2e8;background:#191816;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:24px;line-height:1;display:grid}.brand>span:last-child{display:grid}.brand strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:600;overflow:hidden}.brand small{color:#746e64;margin-top:1px;font-size:11px}.toolbar{align-items:center;gap:4px;display:flex}.toolbar button{color:#4d4942;background:0 0;border-radius:11px;min-height:38px;padding:0 12px;font-size:13px;font-weight:650}.toolbar button:hover:not(:disabled){background:#19181612}.toolbar button.active{color:#f8f4eb;background:#191816}.toolbar button.danger{color:#91422e}.toolbar button:disabled{cursor:default;opacity:.32}.toolbar-rule{background:#28251f24;width:1px;height:24px;margin:0 4px}.canvas-status{color:#746e64;justify-content:flex-end;gap:12px;font-size:11px;font-weight:650;display:flex}.save-state:before{content:"";background:#817b70;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.save-state.saved:before{background:#4f7757}.save-state.saving:before{background:#b28239}.canvas-hint{z-index:1;bottom:max(18px, env(safe-area-inset-bottom));color:#756f65;pointer-events:none;-webkit-backdrop-filter:blur(12px);background:#fbf9f3c7;border:1px solid #28251f1a;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #231d1414}.canvas-hint strong{color:#393631}.canvas-hint.command-hint{color:#8f442f;background:#fdf5edeb;border-color:#b44c2f52}.canvas-hint.command-hint strong{color:#8f442f}.canvas-hint.math-working{color:#2f6070;background:#eff8f9f0;border-color:#2f60704d}.canvas-hint.math-success{color:#3f6848;background:#f2f9f0f0;border-color:#4f775752}.canvas-hint.math-error{color:#8f442f;background:#fdf5edf0;border-color:#b44c2f52}.canvas-hint.math-working strong,.canvas-hint.math-success strong,.canvas-hint.math-error strong{color:inherit}@media (width<=850px){.topbar{grid-template-columns:1fr auto}.canvas-status{display:none}.toolbar button{padding:0 9px}.toolbar-rule,.toolbar button.danger{display:none}}@media (width<=580px){.topbar{top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));border-radius:16px;gap:8px;padding:8px}.brand-mark{border-radius:10px;width:34px;height:34px;font-size:21px}.brand strong{font-size:15px}.brand small,.toolbar button:nth-of-type(4){display:none}.toolbar button{min-height:34px;padding:0 8px;font-size:12px}.canvas-hint{white-space:nowrap;max-width:calc(100% - 24px)}.canvas-hint span{display:none}.canvas-hint.math-working,.canvas-hint.math-success,.canvas-hint.math-error{white-space:normal;border-radius:16px;flex-direction:column;align-items:flex-start;max-width:calc(100% - 32px)}.canvas-hint.math-working span,.canvas-hint.math-success span,.canvas-hint.math-error span{display:block}}@font-face{font-family:Alreate Noto Mono;src:url(/assets/NotoSansMono-BLPZfBlC.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:block}@font-face{font-family:Alreate Noto Sans;src:url(/assets/NotoSans-D7-AVeX-.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:block}@font-face{font-family:Alreate Noto Sans;src:url(/assets/NotoSans-Italic-fFyF0teQ.ttf)format("truetype");font-style:italic;font-weight:100 900;font-display:block}@font-face{font-family:Alreate Noto Serif;src:url(/assets/NotoSerif-Bg4eO4Bt.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:block}@font-face{font-family:Alreate Noto Serif;src:url(/assets/NotoSerif-Italic-CpDkVpCw.ttf)format("truetype");font-style:italic;font-weight:100 900;font-display:block}
