:root{--font-heading: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-heading: 600;--font-weight-body: 400}html,body{font-family:sans-serif;margin:0;height:100%;-webkit-tap-highlight-color:transparent}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding:1rem}body{font-family:var(--font-body);font-weight:var(--font-weight-body)}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--font-weight-heading)}:root{--seal-fg: #1a1a1a;--seal-fg-muted: #6b6b6b;--seal-bg: #ffffff;--seal-bg-subtle: #f7f7f5;--seal-border: #e5e5e0;--seal-radius: 6px;--seal-line: 1.65;--seal-content-max: 640px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;-webkit-tap-highlight-color:transparent}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--seal-fg);background:var(--seal-bg);line-height:var(--seal-line)}.seal-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.seal-screen__centered{max-width:var(--seal-content-max);text-align:center}.seal-screen__title{font-size:2rem;font-weight:600;margin:0 0 1rem}.seal-screen__lede{font-size:1.125rem;color:var(--seal-fg);margin:0 0 1.25rem}.seal-screen__hint{color:var(--seal-fg-muted);font-size:.95rem}.seal-screen__hint code{background:var(--seal-bg-subtle);border:1px solid var(--seal-border);border-radius:var(--seal-radius);padding:.1em .4em;font-size:.85em;word-break:break-all}.seal-sign{min-height:100vh;background:var(--seal-bg-subtle)}.seal-sign__shell{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}.seal-sign__header{margin-bottom:1.75rem;border-bottom:1px solid var(--seal-border);padding-bottom:1.25rem}.seal-sign__brand{font-size:1.5rem;font-weight:600;margin:0}.seal-sign__brand-sub{color:var(--seal-fg-muted);font-size:.95rem;margin:.25rem 0 0;text-transform:uppercase;letter-spacing:.04em}.seal-sign__loading{color:var(--seal-fg-muted);text-align:center;padding:3rem 0}.seal-sign__intro{margin-bottom:1.75rem}.seal-sign__intro p{margin:0 0 .5rem}.seal-sign__lede{font-weight:500}.seal-sign__document{background:var(--seal-bg);border:1px solid var(--seal-border);border-radius:var(--seal-radius);padding:1.5rem;margin-bottom:1.75rem}.seal-sign__document-heading{font-size:1.1rem;font-weight:600;margin:0 0 1rem}.seal-sign__document-empty{color:var(--seal-fg-muted);font-style:italic;text-align:center;padding:2rem 0}.seal-sign__doc-data{display:grid;grid-template-columns:minmax(140px,max-content) 1fr;gap:.5rem 1.25rem;margin:0 0 1rem}.seal-sign__doc-data dt{font-weight:600;color:var(--seal-fg)}.seal-sign__doc-data dd{margin:0;color:var(--seal-fg);word-wrap:break-word;word-break:break-word}.seal-sign__doc-nested{display:block;margin-top:.25rem;padding-left:.75rem;border-left:2px solid var(--seal-border)}.seal-sign__doc-nested dt{font-size:.95em}.seal-sign__doc-list{margin:.25rem 0;padding-left:1.5rem}.seal-sign__doc-list li{margin-bottom:.25rem}.seal-sign__hash{margin:1rem 0 0;padding-top:.75rem;border-top:1px dashed var(--seal-border);font-size:.85rem;color:var(--seal-fg-muted)}.seal-sign__hash .seal-sign__hash-label{text-transform:uppercase;letter-spacing:.04em;margin-right:.5rem}.seal-sign__hash .seal-sign__hash-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8em;word-break:break-all}.seal-sign__form{background:var(--seal-bg);border:1px solid var(--seal-border);border-radius:var(--seal-radius);padding:1.5rem}.seal-sign__form-heading{font-size:1.1rem;font-weight:600;margin:0 0 1rem}.seal-sign__label{display:block;margin-bottom:1rem;font-weight:500}.seal-sign__name-input{display:block;width:100%;margin-top:.5rem;padding:.65rem .85rem;font-size:1.1rem;font-family:Brush Script MT,Lucida Handwriting,cursive;color:var(--seal-fg);background:var(--seal-bg);border:1px solid var(--seal-border);border-radius:var(--seal-radius);box-sizing:border-box}.seal-sign__name-input:focus{outline:2px solid var(--seal-fg);outline-offset:-2px}.seal-sign__mode-tabs{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid var(--seal-border)}.seal-sign__mode-tab{font:inherit;background:transparent;border:1px solid transparent;border-bottom:none;padding:.5rem 1rem;cursor:pointer;color:var(--seal-fg-muted);border-radius:var(--seal-radius) var(--seal-radius) 0 0;margin-bottom:-1px}.seal-sign__mode-tab:hover{color:var(--seal-fg);background:var(--seal-bg-subtle)}.seal-sign__mode-tab--active{color:var(--seal-fg);background:var(--seal-bg);border-color:var(--seal-border);border-bottom-color:var(--seal-bg);font-weight:500}.seal-sign__mode-typed,.seal-sign__mode-drawn{margin-bottom:1rem}.seal-sign__mode-typed[hidden],.seal-sign__mode-drawn[hidden]{display:none}.seal-sign__sigpad-mount{display:block;margin-top:.5rem}.seal-sigpad{display:block}.seal-sigpad__canvas{display:block;width:100%;background:var(--seal-bg);border:1px solid var(--seal-border);border-radius:var(--seal-radius);cursor:crosshair}.seal-sigpad__clear{font:inherit;margin-top:.5rem;padding:.4rem .85rem;background:var(--seal-bg);color:var(--seal-fg-muted);border:1px solid var(--seal-border);border-radius:var(--seal-radius);cursor:pointer}.seal-sigpad__clear:hover{color:var(--seal-fg);background:var(--seal-bg-subtle)}.seal-sigpad__hint{margin:.5rem 0 0;font-size:.85rem;color:var(--seal-fg-muted)}.seal-sign__consent{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:1.25rem;font-size:.95rem;line-height:1.5;color:var(--seal-fg)}.seal-sign__consent input{margin-top:.2rem;flex:0 0 auto}.seal-sign__error{color:#b00;background:#fff0f0;border:1px solid #f8c0c0;border-radius:var(--seal-radius);padding:.6rem .85rem;margin:0 0 1rem;font-size:.95rem}.seal-sign__actions{display:flex;gap:.75rem;align-items:center}.seal-sign__btn{font:inherit;padding:.65rem 1.25rem;border-radius:var(--seal-radius);cursor:pointer;border:1px solid var(--seal-border);background:var(--seal-bg);color:var(--seal-fg)}.seal-sign__btn:disabled{opacity:.6;cursor:wait}.seal-sign__btn--primary{background:var(--seal-fg);color:var(--seal-bg);border-color:var(--seal-fg);font-weight:500}.seal-sign__btn--secondary{background:var(--seal-bg);color:var(--seal-fg)}.seal-sign__terminal{background:var(--seal-bg);border:1px solid var(--seal-border);border-radius:var(--seal-radius);padding:2rem 1.5rem;text-align:center;margin-top:1rem}.seal-sign__terminal--success{border-left:4px solid #2a9c4d}.seal-sign__terminal--info{border-left:4px solid #3776c1}.seal-sign__terminal--warn{border-left:4px solid #d09030}.seal-sign__terminal--error{border-left:4px solid #b03020}.seal-sign__terminal-title{font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.seal-sign__terminal-body{margin:0;color:var(--seal-fg)}