@font-face{font-family:Oparo ADA Hybrid;src:url(/fonts/OparoADAHybrid.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{color-scheme:light dark;--accent: #2f5fa8;--accent-strong: #244b86;--on-accent: #ffffff;--bg: #f7f8fa;--surface: #ffffff;--surface-2: #eef1f5;--border: #d5dbe3;--text: #1c2430;--text-soft: #4a5568;--text-mute: #5f6b7a;--danger: #b3372f;--ok: #256f4a;--focus: #1a6be0;--guest: #b45309;--guest-strong: #92400e;--radius: 10px;--radius-sm: 7px;--gap: 12px;--shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 4px 16px rgb(16 24 40 / 8%);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--fs: 15px;--oparo-background: var(--bg);--oparo-surface: var(--surface);--oparo-surface-raised: var(--surface);--oparo-surface-sunken: var(--surface-2);--oparo-surface-selected: color-mix(in srgb, var(--accent) 12%, var(--surface));--oparo-border: var(--border);--oparo-border-strong: var(--accent-strong);--oparo-text: var(--text);--oparo-text-muted: var(--text-mute);--oparo-text-on-accent: var(--on-accent);--oparo-accent: var(--accent);--oparo-accent-hover: var(--accent-strong);--oparo-accent-active: var(--accent-strong);--oparo-accent-subtle: color-mix(in srgb, var(--accent) 12%, var(--surface));--oparo-status-danger: var(--danger);--oparo-status-success: var(--ok);--oparo-focus-ring: var(--focus);--oparo-focus-width: 2px;--oparo-focus-offset: 2px;--oparo-space-1: 4px;--oparo-space-2: 8px;--oparo-space-3: var(--gap);--oparo-space-4: 16px;--oparo-space-5: 20px;--oparo-space-6: 24px;--oparo-space-8: 32px;--oparo-radius: var(--radius);--oparo-radius-sm: var(--radius-sm);--oparo-touch-min: 44px;--oparo-motion-ease: cubic-bezier(.2, 0, 0, 1);--oparo-font-size-xs: 12px;--oparo-font-size-sm: 14px;--oparo-font-size-md: var(--fs)}@media(prefers-color-scheme:dark){:root{--bg: #14181e;--surface: #1c222b;--surface-2: #232b36;--border: #37404d;--text: #e8ecf1;--text-soft: #b8c2ce;--text-mute: #97a3b1;--accent: #7aa7e8;--accent-strong: #9dbdf0;--guest: #e09a4a;--guest-strong: #f0b878;--on-accent: #101623}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:var(--fs)/1.5 var(--font)}.shell{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--oparo-space-2) var(--oparo-space-5);background:var(--surface);border-bottom:1px solid var(--border)}.topbar-brand{display:inline-flex;gap:var(--oparo-space-2);align-items:center;font-weight:650}.topbar-user{display:inline-flex;align-items:center;gap:var(--oparo-space-2);color:var(--text-soft);font-size:.92em}.body{display:flex;flex:1;min-height:0}.secondary{width:220px;border-inline-end:1px solid var(--border);background:var(--surface);overflow-y:auto}.sg-main{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}.skip-link{position:absolute;inset-inline-start:var(--oparo-space-2);top:-48px;z-index:60;background:var(--accent);color:var(--on-accent);padding:var(--oparo-space-2) 14px;border-radius:var(--radius-sm);transition:top .15s}.skip-link:focus{top:var(--oparo-space-2)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 13px;font:inherit;cursor:pointer;text-decoration:none;min-height:36px}.btn:hover{background:var(--surface-2)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-strong)}.btn-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.btn-sm{padding:5px 10px;font-size:.92em;min-height:32px}.empty{color:var(--text-mute);text-align:center;padding:28px 10px}.form-group{display:grid;gap:6px;margin-bottom:14px}.form-group label{color:var(--text-soft);font-size:.92em}.form-group input,.form-group textarea,.form-group select{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.signin{display:grid;place-items:center;min-height:100vh;padding:var(--oparo-space-6)}.signin-card{max-width:420px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:36px 32px;box-shadow:var(--shadow)}.signin-card h1{margin:0 0 8px;font-size:1.35em}.signin-card p{color:var(--text-soft);margin:0 0 20px}.signin-card p.signin-note{color:var(--text);font-weight:600;margin:0 0 10px}.sg-wsbadge{display:inline-flex;align-items:center;gap:var(--oparo-space-2);margin-inline-start:14px;padding:3px 10px;border:1px solid var(--border);border-radius:99px;font-size:.85em}.sg-wslogo{max-height:22px;max-width:110px;border-radius:4px}.sg-wsname{font-weight:600;white-space:nowrap}.sg-nav ul{list-style:none;margin:0;padding:var(--oparo-space-2);display:grid;gap:2px}.sg-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:none;color:inherit;border-radius:var(--radius-sm);cursor:pointer;font:inherit;text-align:start}.sg-nav button:hover{background:var(--surface-2)}.sg-nav button.active{background:var(--surface-2);color:var(--text);font-weight:600}.sg-split{display:flex;flex:1;min-height:0}.sg-list-pane{width:min(360px,38%);flex:none;display:flex;flex-direction:column;border-inline-end:1px solid var(--border);background:var(--surface);min-height:0}.sg-detail-pane{flex:1;min-width:0;overflow:auto;background:var(--bg)}.sg-list-head{padding:var(--oparo-space-4) var(--oparo-space-4) var(--oparo-space-2);display:grid;gap:var(--oparo-space-3)}.sg-title{margin:0;font-size:1.15rem}.sg-filters{display:flex;flex-wrap:wrap;gap:6px}.sg-filters button{min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:99px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.sg-filters button.on{border-color:var(--accent);background:var(--surface-2);font-weight:600}.sg-search label{display:block;font-size:.85em;color:var(--text-soft);margin-bottom:4px}.sg-search-row{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;background:var(--bg)}.sg-search-row input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;padding:6px 0}.sg-search-row input:focus{outline:none}.sg-search-row:focus-within{outline:2px solid var(--focus);outline-offset:2px}.sg-count{margin:0;color:var(--text-mute);font-size:.85em}.sg-list{flex:1;overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:2px}.sg-row{display:flex;flex-direction:column;gap:4px;width:100%;text-align:start;background:none;border:0;border-radius:var(--radius-sm);padding:11px 12px;font:inherit;color:var(--text);cursor:pointer}.sg-row:hover{background:var(--surface-2)}.sg-row.is-selected{background:var(--oparo-surface-selected);font-weight:600}.sg-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-row-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.82em;color:var(--text-soft);font-weight:400}.sg-chip{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:99px;border:1px solid var(--border);background:var(--surface-2);font-size:.85em;font-weight:600}.sg-empty{text-align:center;padding:48px 20px;display:grid;gap:8px}.sg-empty h2{margin:0;font-size:1.05rem}.sg-empty p{margin:0;color:var(--text-mute)}.sg-empty-pane{padding-top:72px;color:var(--text-mute)}.sg-detail{padding:var(--oparo-space-5) var(--oparo-space-6);max-width:820px}.sg-back{margin-bottom:12px}.sg-detail-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.sg-detail-title{margin:0;font-size:1.25rem;flex:1;min-width:12rem}.sg-detail-meta{display:grid;gap:10px;margin:0 0 16px}.sg-detail-meta div{display:grid;gap:2px}.sg-detail-meta dt{color:var(--text-mute);font-size:.82em}.sg-detail-meta dd{margin:0}.sg-detail-acts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.sg-detail-h{margin:20px 0 8px;font-size:.95rem}.sg-table-wrap{overflow-x:auto}.sg-table,.pg-sign-cert-table{width:100%;border-collapse:collapse;font-size:.9em}.sg-table th,.sg-table td,.pg-sign-cert-table th,.pg-sign-cert-table td{text-align:start;padding:8px 6px;border-bottom:1px solid var(--border);vertical-align:top}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0a0e1473;display:grid;place-items:center;padding:20px}.dialog{width:min(480px,100%);max-height:86vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.dialog h2{margin:0 0 12px;font-size:1.08em}.confirm-message{margin:0 0 16px;color:var(--text-soft)}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.guest-join{min-height:100vh;display:grid;place-items:center;padding:var(--oparo-space-6);background:var(--bg)}.guest-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 26px}.guest-card h1{font-size:1.25rem;margin:0 0 4px}.guest-sub{color:var(--text-mute);margin:0 0 18px;font-size:.9rem}.pg-sign-top{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.pg-sign-brand{margin:0;font-weight:700;color:var(--accent)}.pg-sign-page{display:grid;grid-template-columns:minmax(16rem,22rem) 1fr;min-height:calc(100vh - 52px)}.pg-sign-copy{padding:24px 20px 88px;border-inline-end:1px solid var(--border);background:var(--surface)}.pg-sign-doc{padding:16px;overflow:auto}.pg-sign-msg{margin:0 0 16px;padding:8px 12px;border-inline-start:3px solid var(--border);color:var(--text-soft)}.pg-sign-expiry,.pg-sign-help{color:var(--text-mute);font-size:.9em;margin:0 0 12px}.pg-sign-lead{color:var(--text-soft);margin:0 0 12px;line-height:1.5}.pg-sign-error{color:var(--danger);margin:0 0 12px}.pg-sign-progress-label{margin:0 0 6px;font-size:.9em;color:var(--text-soft)}.pg-sign-progress{height:8px;border-radius:999px;background:var(--surface-2);margin:0 0 12px;overflow:hidden}.pg-sign-progress-bar{height:100%;background:var(--accent);border-radius:999px}.pg-sign-checklist{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:6px}.pg-sign-check{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;text-align:start;cursor:pointer}.pg-sign-check.is-done{border-color:var(--accent)}.pg-sign-sticky{position:sticky;bottom:0;margin:16px -20px -24px;padding:12px 20px 16px;background:var(--surface);border-top:1px solid var(--border)}.pg-sign-keep{display:flex;align-items:flex-start;gap:10px;margin:12px 0;font:inherit}.pg-sign-keep input{width:1.1em;height:1.1em;margin-top:.15em;accent-color:var(--accent)}.pg-sign-chapters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.pg-sign-chapters button{min-height:44px;padding:0 12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:var(--radius-sm);cursor:pointer}.pg-sign-chapters button.on{border-color:var(--accent)}.pg-sign-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.pg-sign-tabs button{min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.pg-sign-tabs button.on{border-color:var(--accent);background:var(--surface-2)}.pg-sign-canvas{width:100%;height:180px;touch-action:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:crosshair}.pg-sign-draw{display:grid;gap:8px;margin-bottom:12px}.pg-sign-typed-preview{font-family:Segoe Script,Brush Script MT,cursive;font-size:2rem;margin:8px 0 0}.pg-sign-stamp,.pg-sign-field{position:relative;margin:.85em 0;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:10px 12px}.pg-sign-stamp img,.pg-sign-field img{display:block;max-height:4.5rem;max-width:16rem}.pg-sign-field-wait,.pg-sign-field-hint,.pg-sign-field-text{margin:6px 0 0;color:var(--text-mute);font-size:.85em}.pg-sign-field-kind{font-weight:650;margin:0}.pg-sign-field.is-mine{border-color:var(--accent)}.pg-sign-field.is-filled{border-style:solid;background:var(--surface)}.pg-sign-field-fill{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:4.5rem;padding:10px 12px;border:1px dashed var(--accent);border-radius:var(--radius-sm);background:var(--surface);color:inherit;font:inherit;text-align:start;cursor:pointer}.sg-snapshot{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:34px clamp(20px,6vw,72px);min-height:40vh;overflow-wrap:anywhere}.sg-snapshot p{line-height:1.65}.sg-snapshot h1,.sg-snapshot h2,.sg-snapshot h3{line-height:1.3}.sg-snapshot blockquote{border-inline-start:3px solid var(--border);margin-inline:0;padding-inline-start:14px;color:var(--text-soft)}.sg-snapshot table{border-collapse:collapse;width:100%;margin:12px 0}.sg-snapshot th,.sg-snapshot td{border:1px solid var(--border);padding:7px 10px}.sg-snapshot img{max-width:100%;border-radius:var(--radius-sm)}.pg-sign-cert-doc{margin-top:24px}.pg-sign-cert-title{margin:0 0 6px;font-size:1.05rem}.pg-sign-cert-lead{margin:0 0 16px;color:var(--text-soft);line-height:1.45}.pg-sign-cert-h{margin:20px 0 8px;font-size:.95rem}.pg-sign-cert-meta{display:grid;gap:10px;margin:0 0 8px}.pg-sign-cert-meta div{display:grid;gap:2px}.pg-sign-cert-meta dt{color:var(--text-mute);font-size:.82em}.pg-sign-cert-meta dd{margin:0}.pg-sign-hash{font-size:.78em;word-break:break-all}.pg-sign-cert-events{margin:0;padding-inline-start:1.2em;display:grid;gap:6px;color:var(--text-soft)}.pg-sign-cert-print{margin-top:16px}.login-lang{position:relative;text-align:start}.pg-sign-top .login-lang{position:relative}.login-lang-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:13px;color:var(--text-soft);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.login-lang-btn:hover,.login-lang-btn.is-open{color:var(--text)}.login-lang-chevron{width:0;height:0;border-inline-start:4px solid transparent;border-inline-end:4px solid transparent;border-top:5px solid currentColor}.login-lang-menu{position:absolute;inset-inline-end:0;margin:4px 0 0;padding:4px;min-width:150px;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:50}.login-lang-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;font-size:13px;color:var(--text);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;text-align:start}.login-lang-item:hover,.login-lang-item:focus-visible{background:var(--surface-2)}.login-lang-item.is-selected{color:var(--accent);font-weight:600}@media print{.topbar,.secondary,.sg-list-pane,.sg-detail-acts,.sg-back,.pg-sign-top,.pg-sign-doc,.pg-sign-sticky,.pg-sign-checklist,.pg-sign-progress,.pg-sign-progress-label,.confirm-actions,.skip-link{display:none!important}.pg-sign-page{display:block}.pg-sign-copy{border:0;padding:0}body{background:var(--surface);color:var(--text)}}@media(max-width:860px){.body{flex-direction:column}.secondary{width:100%;max-height:none;border-inline-end:0;border-block-end:1px solid var(--border)}.sg-nav ul{display:flex;padding:6px}.sg-nav button{width:auto}.sg-split{flex-direction:column}.sg-list-pane{width:100%;border-inline-end:0;border-block-end:1px solid var(--border)}.sg-split.has-selection .sg-list-pane{display:none}.sg-split:not(.has-selection) .sg-detail-pane{display:none}.pg-sign-page{grid-template-columns:1fr}.pg-sign-copy{border-inline-end:0;border-bottom:1px solid var(--border)}}@media(pointer:coarse){.btn,.sg-nav button,.sg-row,.sg-filters button,.pg-sign-check{min-height:44px}}@media(forced-colors:active){.btn,.sg-row,.sg-nav button{border:1px solid ButtonText}:focus-visible{outline:2px solid Highlight}}