:root{--bg: #0a0d12;--panel: rgba(20, 24, 33, .82);--panel-2: #1b2130;--border: #263041;--text: #e6ebf2;--muted: #8b97ab;--accent: #5eead4;--accent-2: #38bdf8;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}#bg{position:fixed;inset:0;z-index:0;display:block;cursor:grab;touch-action:none}#bg.grabbing{cursor:grabbing}#lens{position:fixed;top:0;left:0;z-index:2;pointer-events:none}.title{position:fixed;top:16px;left:16px;z-index:5;pointer-events:none;display:flex;align-items:center;gap:10px}.title h1{margin:0;font-size:16px;letter-spacing:-.01em;color:var(--text)}#info{pointer-events:auto;flex:none;width:26px;height:26px;padding:0;border-radius:50%;font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:14px;font-weight:700;line-height:1;color:var(--accent);background:#141821d9}#modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:24px;visibility:hidden;opacity:0;background:#04070cb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal-card{max-width:560px;width:100%;max-height:calc(100vh - 48px);overflow-y:auto;background:linear-gradient(180deg,#141821,#10141d);border:1px solid var(--border);border-radius:18px;padding:26px 28px 24px;box-shadow:0 30px 80px -24px #000000d9}.modal-card h2{margin:0 0 14px;font-size:22px;letter-spacing:-.02em}#modal-formula{background:#fbfdff;border-radius:12px;padding:18px 14px;overflow-x:auto;margin-bottom:16px;color:#0b1220;text-align:center}#modal-formula svg{max-width:100%;height:auto}.modal-card p{margin:0 0 12px;font-size:14px;line-height:1.65;color:#c7d0dd}.modal-card code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#0c111a;border:1px solid var(--border);border-radius:5px;padding:1px 5px;color:var(--accent)}.modal-card b{color:var(--text)}#modal-close{margin-top:8px;width:100%;padding:11px;font-size:14px}.readout{position:fixed;top:16px;right:18px;z-index:5;pointer-events:none;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--muted);line-height:1.6}.readout b{color:var(--accent);font-weight:600}.dock{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:10;background:var(--panel);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--border);border-radius:16px;padding:14px 16px 12px;box-shadow:0 24px 60px -20px #000c;max-width:calc(100vw - 24px)}.dock-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.dock-top .label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.dock-top .k{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--accent)}.editor-wrap{overflow-x:auto;display:flex;justify-content:center;padding:6px}#editor{display:block;image-rendering:pixelated;cursor:crosshair;touch-action:none}.controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;align-items:center}button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,transform .05s}button:hover{border-color:var(--accent)}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-2) 130%);color:#06121a;border-color:transparent;font-weight:600}.toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.toggle button{border:none;border-radius:0;background:transparent}.toggle button.active{background:var(--accent);color:#06121a}