.mark-capture{margin:12px 0;padding:12px;border:1px solid #c6cccf;border-radius:14px;background:#f2f1eb}.mark-capture [hidden]{display:none!important}.mark-modes{display:flex;gap:8px;margin-bottom:8px}.mark-modes button{flex:1;min-height:44px;font:700 15px Arial,sans-serif;border:1px solid #051f41;border-radius:10px;background:#fffdf7;color:#051f41}.mark-modes [aria-pressed=true]{background:#ffc136}.mark-capture canvas{display:block;width:100%;height:auto;aspect-ratio:10/3;border:1px solid #829093;border-radius:8px;background:#fffdf7;touch-action:none;user-select:none}.mark-capture input{width:100%;min-height:44px;font:700 22px Arial,sans-serif}.mark-capture .mark-error:empty{display:none}.mark-capture button:focus-visible,.mark-capture input:focus-visible{outline:3px solid #0c5b87;outline-offset:2px}.initials-intro{margin:12px 0}.initials-intro h4{margin-bottom:4px}.initials-saved{font-weight:700;color:#154d38}