:root{--ground: #081619;--panel: #0f272c;--panel-lift: #143138;--edge: #1d434b;--ink: #e6f4f1;--ink-dim: #7d9ea4;--in: #00e08f;--warn: #fbbf24;--alarm: #ff5c7a;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 3px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans)}input,textarea,select{font-family:inherit;font-size:16px;background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);color:var(--ink);padding:12px 14px;width:100%}button{font-family:inherit;color:inherit;cursor:pointer}.record-button{width:96px;height:96px;border-radius:50%;border:3px solid var(--alarm);background:var(--panel);display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.record-button.active{background:var(--alarm)}.record-button:active{transform:scale(.96)}.record-dot{width:32px;height:32px;border-radius:50%;background:var(--alarm)}.record-button.active .record-dot{border-radius:6px;background:var(--ground)}.signature-pad{width:100%;height:160px;border:1px solid var(--edge);border-radius:var(--radius);background:#fff;touch-action:none}