*{box-sizing:border-box}body{margin:0;background:#14181c;color:#e6e6e6;font-family:system-ui,sans-serif}#app{max-width:880px;margin:0 auto;padding:16px;text-align:center}h1{font-size:1.4rem;margin:8px 0 4px}.rule{margin:4px 0 12px;color:#aaa}.controls{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center;margin-bottom:8px}.controls label{flex:1 1 300px;max-width:400px;text-align:left;font-size:.95rem}.controls input[type=range]{width:100%;height:34px;accent-color:#ffd54a}#equation{font-size:1.5rem;font-weight:700;margin:6px 0}#note{min-height:1.2em;color:#fbbf24;font-size:.9rem;margin:0 0 6px}#table svg{width:100%;height:auto;display:block}.c{color:#60a5fa}.a{color:#fbbf24}.t{color:#f87171}.foot{color:#888;font-size:.85rem;line-height:1.5}