:root{--bg: #ffffff;--panel: #ffffff;--text: #1f2328;--muted: #6a717b;--grid: #d1d5db;--axis: #202020;--accent: #5c5be5;--border: #e1e4ea;--shadow: 0 6px 24px rgba(28, 28, 28, .12);--radius: 10px;--font: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--font);color:var(--text);background:var(--bg);overflow:hidden}.app{height:100%;display:flex;flex-direction:column;transition:opacity .15s ease;min-height:0}.app.is-loading{opacity:0;visibility:hidden}.toolbar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;background:var(--panel);padding:10px 12px;border-bottom:1px solid var(--border)}.toolbar button{font:inherit;font-size:13px;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer}.expr-display-list{flex:1;min-width:0;display:grid;gap:6px}.expr-row{display:grid;grid-template-columns:12px 1fr;gap:8px;align-items:center;min-width:0}.expr-color{width:12px;height:24px;border-radius:6px;background:var(--accent);box-shadow:inset 0 0 0 1px #0000001f}.expr-display{min-width:0;font-size:16px;overflow:hidden;white-space:nowrap}.expr-display.katex-error{color:#e11d48}.expr-hidden{display:none}.canvas-wrap{position:relative;width:100%;flex:1;min-height:0;overflow:hidden}#graph{width:100%;height:100%;display:block;touch-action:none}.hint{position:absolute;left:12px;bottom:12px;color:var(--muted);font-size:12px;background:#ffffffbf;padding:4px 8px;border-radius:8px}.credit{font-size:12px;text-align:right;color:var(--muted);padding:6px 10px}.credit a{color:inherit;text-decoration:none}.constants-embed{padding:10px 12px;border-top:1px solid var(--border);background:#fafbfc}.constants-title{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:6px}.constants-list{display:grid;gap:8px}.const-row{display:grid;grid-template-columns:18px 1fr 56px;gap:8px;align-items:center}.const-label{font-weight:600;font-size:12px}.const-range{width:100%}.const-value{font-size:12px;text-align:right;color:var(--text)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--panel)}.panel-body{padding:10px}.keyboard{display:grid;grid-template-columns:1fr;gap:12px;max-width:900px;margin:0 auto}.key-group-title{font-size:12px;color:var(--muted);margin-bottom:6px}.key-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.key-grid-numbers{grid-template-columns:repeat(4,minmax(46px,60px));justify-content:start}.key{border-radius:10px;border:1px solid var(--border);background:#fff;padding:8px 0;font-weight:600;font-size:14px;min-width:0}.key-accent{background:#2c2c2c;color:#fff;border-color:#2c2c2c}.key-wide{grid-column:span 4}@media (max-width: 720px){.key-grid-numbers{grid-template-columns:repeat(4,minmax(40px,52px))}}@media (max-width: 530px){.key-grid-numbers{grid-template-columns:repeat(4,minmax(32px,1fr))}.key{padding:4px 0;font-size:11px}}