[data-theme=dark]{--bg:#0a0d0f;--surface:#111518;--surface-alt:#171c20;--surface-hover:#1e2428;--text:#d4e0d4;--text-muted:#6b8068;--accent:#3ddc84;--accent-hover:#56e897;--border:#1f2d24;--code-bg:#0d1410;--key-available:#2a4a30;--key-available-text:#5ccc6e;--key-used:#1a2a3a;--key-used-text:#59c;--key-exhausted:#2a2a2a;--key-exhausted-text:#555;--key-reused-danger:#4a0a0a;--key-reused-text:#f44;--sig-valid:#1a3a1a;--sig-valid-text:#4c4;--sig-invalid:#3a1a1a;--sig-invalid-text:#c44;--state-counter:#d4a017;--warning:#d4a017;--danger:#c33;--shadow:0 2px 16px #000000b3;--glow-accent:0 0 12px #3ddc8426;--glow-danger:0 0 16px #c336}[data-theme=light]{--bg:#f0f4f0;--surface:#fff;--surface-alt:#e8efe8;--surface-hover:#ddeadd;--text:#1a2e1a;--text-muted:#5a7a5a;--accent:#1a7a3a;--accent-hover:#0f6030;--border:#c0d8c0;--code-bg:#e4ede4;--key-available:#d0f0d0;--key-available-text:#1a6a1a;--key-used:#d0e0f0;--key-used-text:#1a4a8a;--key-exhausted:#e0e0e0;--key-exhausted-text:#888;--key-reused-danger:#fdd;--key-reused-text:#a00;--sig-valid:#d0f0d0;--sig-valid-text:#1a6a1a;--sig-invalid:#fdd;--sig-invalid-text:#a00;--state-counter:#8a6000;--warning:#8a6000;--danger:#a00;--shadow:0 2px 12px #0000001a;--glow-accent:0 0 8px #1a7a3a1f;--glow-danger:0 0 12px #a003}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);scroll-behavior:smooth;font-family:Courier New,Courier,Lucida Console,monospace;line-height:1.6}body{background:var(--bg);min-height:100vh}h1,h2,h3,h4{color:var(--text);font-family:Courier New,Courier,monospace;font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:1.7rem}h2{letter-spacing:.02em;color:var(--accent);margin-bottom:.75rem;font-size:1.3rem}h3{color:var(--text);margin-bottom:.5rem;font-size:1.05rem}h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}p{margin-bottom:.85rem}p:last-child{margin-bottom:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}code,pre{background:var(--code-bg);border:1px solid var(--border);font-family:Courier New,Courier,monospace}code{color:var(--accent);border-radius:3px;padding:.1em .35em;font-size:.88em}pre{color:var(--text);border-radius:6px;padding:1rem;font-size:.82rem;line-height:1.5;overflow-x:auto}pre code{font-size:inherit;color:inherit;background:0 0;border:none;padding:0}.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}.site-header{background:var(--surface);border-bottom:2px solid var(--border);box-shadow:var(--shadow);padding:1.25rem 0;position:relative}.site-header .container{align-items:center;gap:1rem;display:flex}.header-titles{flex:1}.site-title{color:var(--accent);letter-spacing:.04em;font-size:1.35rem}.site-title span{color:var(--text-muted)}.site-subtitle{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-top:.2rem;font-size:.78rem}.theme-toggle{border:1px solid var(--border);background:var(--surface-alt);width:2.6rem;height:2.6rem;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:background .2s,border-color .2s;display:flex}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--accent)}.site-nav{background:var(--surface-alt);border-bottom:1px solid var(--border);padding:.4rem 0;overflow-x:auto}.site-nav .container{gap:0;display:flex}.site-nav a{color:var(--text-muted);border-right:1px solid var(--border);white-space:nowrap;letter-spacing:.04em;padding:.4rem .85rem;font-size:.78rem;text-decoration:none;transition:color .15s,background .15s}.site-nav a:hover{color:var(--accent);background:var(--surface-hover);text-decoration:none}.site-nav a:first-child{border-left:1px solid var(--border)}main{padding:2rem 0 4rem}.section{margin-bottom:3rem}.section-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.section-tag{color:var(--text-muted);background:var(--surface-alt);border:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:3px;padding:.2rem .5rem;font-size:.72rem}.section-tag.interactive{color:var(--accent);border-color:var(--accent);background:var(--sig-valid)}.section-tag.danger{color:var(--key-reused-text);border-color:var(--danger);background:var(--key-reused-danger)}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.card-alt{background:var(--surface-alt);border:1px solid var(--border);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.table-wrap{margin:1rem 0;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:420px;font-size:.84rem}th{background:var(--surface-alt);color:var(--text-muted);text-align:left;border:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;padding:.55rem .85rem;font-size:.78rem;font-weight:700}td{border:1px solid var(--border);color:var(--text);vertical-align:top;padding:.5rem .85rem}tr:nth-child(2n) td{background:var(--surface-alt)}.btn{cursor:pointer;letter-spacing:.04em;border:1px solid;border-radius:4px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{color:var(--text-muted);border-color:var(--border);background:0 0}.btn-secondary:hover:not(:disabled){color:var(--text);border-color:var(--text-muted);background:var(--surface-alt)}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--key-reused-danger)}.btn-warning{color:var(--warning);border-color:var(--warning);background:0 0}.btn-warning:hover:not(:disabled){background:var(--surface-alt)}.btn:disabled{opacity:.38;cursor:not-allowed}textarea,input[type=text]{background:var(--code-bg);color:var(--text);border:1px solid var(--border);resize:vertical;border-radius:4px;width:100%;padding:.6rem .75rem;font-family:Courier New,Courier,monospace;font-size:.84rem;transition:border-color .15s}textarea:focus,input[type=text]:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}textarea:focus:not(:focus-visible),input[type=text]:focus:not(:focus-visible){outline:none}label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.35rem;font-size:.78rem;display:block}.form-group{margin-bottom:.85rem}.toggle-row{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.toggle-label{color:var(--text);text-transform:none;letter-spacing:0;margin:0;font-size:.84rem}.toggle{flex-shrink:0;width:3rem;height:1.5rem;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--surface-alt);border:1px solid var(--border);cursor:pointer;border-radius:1.5rem;transition:background .2s,border-color .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-muted);border-radius:50%;width:1.1rem;height:1.1rem;transition:transform .2s,background .2s;position:absolute;top:50%;left:.17rem;transform:translateY(-50%)}.toggle input:checked+.toggle-slider{background:var(--key-reused-danger);border-color:var(--danger)}.toggle input:checked+.toggle-slider:before{background:var(--danger);transform:translate(1.5rem)translateY(-50%)}.state-counter-display{background:var(--surface-alt);border:1px solid var(--border);border-radius:4px;flex-wrap:wrap;align-items:baseline;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.state-counter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.state-counter-value{color:var(--state-counter);font-size:1.1rem;font-weight:700}.state-remaining{color:var(--text-muted);margin-left:auto;font-size:.85rem}.key-grid{grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:1rem;display:grid}@media (width<=640px){.key-grid{grid-template-columns:repeat(4,1fr)}}.key-cell{aspect-ratio:1;border:1px solid var(--border);background:var(--key-available);color:var(--key-available-text);cursor:default;border-radius:4px;justify-content:center;align-items:center;min-height:2.5rem;font-size:.72rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.key-cell:hover{z-index:1;box-shadow:var(--shadow);transform:scale(1.08)}.key-cell.used{background:var(--key-used);color:var(--key-used-text);border-color:var(--key-used-text)}.key-cell.exhausted{background:var(--key-exhausted);color:var(--key-exhausted-text)}.key-cell.reused{background:var(--key-reused-danger);color:var(--key-reused-text);border-color:var(--danger);animation:1.5s ease-in-out infinite pulse-danger}.key-cell.current{box-shadow:0 0 0 2px var(--accent)}@keyframes pulse-danger{0%,to{box-shadow:var(--glow-danger)}50%{box-shadow:0 0 24px #cc3333b3}}.key-cell[data-tooltip]:hover:after{content:attr(data-tooltip);background:var(--surface);border:1px solid var(--border);color:var(--text);white-space:nowrap;pointer-events:none;z-index:100;box-shadow:var(--shadow);border-radius:3px;padding:.25rem .5rem;font-size:.7rem;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.badge{border:1px solid;border-radius:3px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.82rem;font-weight:700;display:inline-flex}.badge-valid{background:var(--sig-valid);color:var(--sig-valid-text);border-color:var(--sig-valid-text)}.badge-invalid{background:var(--sig-invalid);color:var(--sig-invalid-text);border-color:var(--sig-invalid-text)}.badge-warning{background:var(--surface-alt);color:var(--warning);border-color:var(--warning)}.badge-danger{background:var(--key-reused-danger);color:var(--key-reused-text);border-color:var(--danger);animation:1.5s ease-in-out infinite pulse-danger}.result-panel{background:var(--code-bg);border:1px solid var(--border);word-break:break-all;border-radius:4px;padding:.85rem;font-size:.8rem;line-height:1.6}.result-row{flex-wrap:wrap;align-items:baseline;gap:.75rem;margin-bottom:.4rem;display:flex}.result-key{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;flex-shrink:0;min-width:5rem;font-size:.75rem}.result-value{color:var(--text);word-break:break-all;flex:1;font-family:Courier New,Courier,monospace}.result-value.accent{color:var(--accent)}.result-value.warning{color:var(--warning)}.result-value.danger{color:var(--danger)}.auth-path-display{flex-direction:column;gap:4px;margin:.5rem 0;display:flex}.auth-path-node{align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:.75rem;display:flex}.auth-path-level{color:var(--text-muted);text-align:right;min-width:4rem}.auth-path-hash{color:var(--accent);word-break:break-all;flex:1}.signing-layout{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=800px){.signing-layout{grid-template-columns:1fr}}.warning-banner{background:var(--key-reused-danger);border:2px solid var(--danger);color:var(--key-reused-text);border-radius:6px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem;font-weight:700;animation:1.5s ease-in-out infinite pulse-danger;display:flex}.warning-banner.hidden{display:none}.signing-locked{pointer-events:none;opacity:.4;position:relative}.locked-msg{background:var(--key-reused-danger);border:2px solid var(--danger);color:var(--key-reused-text);text-align:center;border-radius:6px;margin-bottom:1rem;padding:.85rem 1rem;font-size:.9rem;font-weight:700}.sig-compare{grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0;display:grid}@media (width<=700px){.sig-compare{grid-template-columns:1fr}}.sig-compare-col{background:var(--code-bg);border:1px solid var(--border);border-radius:4px;padding:.75rem}.sig-compare-col h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.78rem}.sig-chain-elem{align-items:baseline;gap:.5rem;padding:.15rem 0;font-family:Courier New,monospace;font-size:.72rem;display:flex}.sig-chain-elem.differs{color:var(--danger);background:var(--key-reused-danger);border-radius:2px;padding-left:.25rem;font-weight:700}.chain-idx{color:var(--text-muted);text-align:right;flex-shrink:0;min-width:2rem}.hss-diagram{background:var(--code-bg);border:1px solid var(--border);border-radius:6px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;display:flex;overflow-x:auto}.hss-level-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;align-self:flex-start;font-size:.75rem}.hss-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hss-node{border:1px solid var(--border);background:var(--surface-alt);width:2rem;height:2rem;color:var(--text-muted);border-radius:3px;justify-content:center;align-items:center;font-size:.65rem;transition:background .2s;display:flex}.hss-node.active{background:var(--sig-valid);border-color:var(--sig-valid-text);color:var(--sig-valid-text);font-weight:700}.hss-node.used{background:var(--key-used);border-color:var(--key-used-text);color:var(--key-used-text)}.hss-connector{background:var(--border);width:2px;height:1.5rem;margin:0 auto}.hss-state-display{background:var(--surface-alt);border:1px solid var(--border);color:var(--state-counter);letter-spacing:.04em;text-align:center;border-radius:4px;margin-top:.75rem;padding:.6rem 1rem;font-size:.82rem;font-weight:700}.info-box{background:var(--surface-alt);border-left:3px solid var(--accent);border-radius:0 4px 4px 0;margin:.75rem 0;padding:.85rem 1rem;font-size:.86rem}.warn-box{background:var(--surface-alt);border-left:3px solid var(--warning);color:var(--warning);border-radius:0 4px 4px 0;margin:.75rem 0;padding:.85rem 1rem;font-size:.86rem}.danger-box{background:var(--key-reused-danger);border-left:3px solid var(--danger);color:var(--key-reused-text);border-radius:0 4px 4px 0;margin:.75rem 0;padding:.85rem 1rem;font-size:.86rem}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding:1.5rem 0;font-size:.78rem}.site-footer a{color:var(--text-muted)}.site-footer a:hover{color:var(--accent)}.footer-links{flex-wrap:wrap;justify-content:center;gap:0;margin-bottom:.75rem;display:flex}.footer-links a{border-right:1px solid var(--border);padding:.2rem .7rem}.footer-links a:last-child{border-right:none}.hidden{display:none!important}.monospace{font-family:Courier New,Courier,monospace}.text-accent{color:var(--accent)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.spacer{flex:1}.divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:1em;height:1em;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}#init-overlay{background:var(--bg);z-index:1000;color:var(--accent);letter-spacing:.04em;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.9rem;display:flex;position:fixed;inset:0}#init-overlay.hidden{display:none}.skip-link{background:var(--accent);color:var(--bg);z-index:2000;padding:.6rem 1rem;font-size:.88rem;font-weight:700;text-decoration:none;position:absolute;top:-100%;left:0}.skip-link:focus{top:0}a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.toggle input:focus-visible+.toggle-slider{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (pointer:coarse){.btn{min-width:44px;min-height:44px;padding:.6rem 1.1rem}.theme-toggle{width:44px;height:44px}.toggle{width:3.2rem;height:1.7rem}.site-nav a{align-items:center;min-height:44px;display:inline-flex}}@media (width<=480px){h1{font-size:1.3rem}h2,.site-title{font-size:1.1rem}.site-subtitle{font-size:.7rem}.container{padding:0 .75rem}main{padding:1rem 0 2rem}.section{margin-bottom:2rem}.card{padding:1rem}.hss-diagram{-webkit-overflow-scrolling:touch;padding:1rem;overflow-x:auto}.result-row{flex-direction:column;gap:.2rem}.result-key{min-width:0}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}