:root{--bg-base: #08090c;--bg-surface: #0d0f13;--bg-elevated: #12151b;--bg-panel: #101319;--bg-hover: #171b22;--bg-active: #1d222b;--border-subtle: #1a1e26;--border-default: #262c37;--border-strong: #37404e;--text-primary: #e7ecf2;--text-secondary: #9aa6b4;--text-tertiary: #6b7686;--text-muted: #48505d;--accent: #2fe6c4;--accent-dim: #1fae95;--accent-glow: rgba(47, 230, 196, .13);--good: #34d399;--good-bg: rgba(52, 211, 153, .12);--warn: #f5b74e;--bad: #f2555a;--bad-bg: rgba(242, 85, 90, .12);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, "Consolas", monospace;--radius-sm: 5px;--radius-md: 9px;--radius-lg: 13px;--tr: .15s ease;--maxw: 920px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(1100px 500px at 78% -8%,rgba(47,230,196,.06),transparent 70%),radial-gradient(900px 500px at 8% 4%,rgba(47,230,196,.035),transparent 65%);background-attachment:fixed}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:20;background:#08090cd1;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:.6rem;color:var(--text-primary)}.brand:hover{text-decoration:none}.brand-mark{width:30px;height:30px;border-radius:8px;box-shadow:0 0 0 1px var(--border-default)}.brand-name{font-weight:650;font-size:1.12rem;letter-spacing:-.01em}.brand-name .accent{color:var(--accent)}.topnav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.topnav button{background:transparent;border:1px solid transparent;color:var(--text-secondary);font:inherit;font-size:.85rem;padding:.4rem .7rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--tr);white-space:nowrap}.topnav button:hover{color:var(--text-primary);background:var(--bg-hover)}.drawer-toggle.on{color:var(--accent);border-color:var(--border-default);background:var(--bg-elevated)}.trust-banner{display:flex;align-items:center;gap:.5rem;justify-content:center;width:100%;border:none;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,rgba(47,230,196,.07),transparent);color:var(--text-secondary);font-size:.82rem;padding:.5rem 1rem;cursor:pointer;transition:var(--tr)}.trust-banner:hover{color:var(--text-primary);background:linear-gradient(180deg,var(--accent-glow),transparent)}.trust-banner .lock{font-size:.85rem}.main-content{flex:1 0 auto;padding:1.5rem 1.25rem 2.5rem}.workspace{max-width:var(--maxw);margin:0 auto}.tabs{display:flex;gap:.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-subtle)}.tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-tertiary);font:inherit;font-weight:550;font-size:.9rem;padding:.6rem .95rem;cursor:pointer;transition:var(--tr);margin-bottom:-1px}.tab:hover{color:var(--text-secondary)}.tab.on{color:var(--accent);border-bottom-color:var(--accent)}.dropzone{border:1.5px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);padding:2.25rem 1.5rem;text-align:center;cursor:pointer;transition:var(--tr);color:var(--text-tertiary)}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent-dim);background:var(--bg-elevated);outline:none}.dropzone.drag{border-color:var(--accent);background:var(--accent-glow);color:var(--accent)}.dz-icon{width:46px;height:46px;color:var(--accent-dim);margin-bottom:.5rem}.dropzone.drag .dz-icon{color:var(--accent)}.dz-title{margin:.2rem 0 .15rem;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.dz-sub{margin:0 0 .4rem;font-size:.9rem;color:var(--text-secondary)}.dz-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.dz-formats{margin:0;font-size:.78rem;color:var(--text-tertiary)}.algo-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:1.1rem 0 .4rem}.algo-bar-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.algo-chips{display:flex;gap:.4rem;flex-wrap:wrap}.algo-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);font:inherit;font-size:.8rem;font-weight:550;padding:.32rem .62rem;border-radius:100px;cursor:pointer;transition:var(--tr)}.algo-chip .chk{opacity:0;font-size:.72rem;color:var(--accent);transition:var(--tr);width:0}.algo-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.algo-chip.on{border-color:var(--accent-dim);color:var(--text-primary);background:var(--accent-glow)}.algo-chip.on .chk{opacity:1;width:auto}.algo-chip.weak.on{border-color:#6a5a2a;background:#f5b74e1a}.algo-chip.weak.on .chk{color:var(--warn)}.algo-more{background:transparent;border:none;color:var(--text-tertiary);font:inherit;font-size:.78rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:.2rem}.algo-more:hover{color:var(--accent)}.verify-bar{margin:.9rem 0 1.4rem;padding:.9rem 1rem;border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-md)}.verify-label{display:block;font-size:.78rem;color:var(--text-secondary);margin-bottom:.45rem;font-weight:550}.verify-input-wrap{position:relative}.verify-input{width:100%;background:var(--bg-base);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;padding:.6rem 2.2rem .6rem .75rem;border-radius:var(--radius-sm);transition:var(--tr)}.verify-input::placeholder{color:var(--text-muted);font-family:var(--font-sans)}.verify-input:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.verify-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary);width:22px;height:22px;border-radius:5px;cursor:pointer;line-height:1;font-size:1rem}.verify-clear:hover{color:var(--text-primary);border-color:var(--border-strong)}.verify-status{margin-top:.6rem;font-size:.88rem;min-height:1.1rem;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.verify-status:empty{display:none}.verify-status .vs-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.8rem;font-weight:700;flex-shrink:0}.verify-status[data-state=match]{color:var(--good)}.verify-status[data-state=match] .vs-icon{background:var(--good-bg)}.verify-status[data-state=mismatch]{color:var(--bad)}.verify-status[data-state=mismatch] .vs-icon{background:var(--bad-bg)}.verify-status[data-state=pending]{color:var(--text-tertiary)}.verify-status[data-state=unknown]{color:var(--warn)}.verify-status .vs-file{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.empty-hint{text-align:center;color:var(--text-muted);font-size:.85rem;padding:1.5rem 0}.file-list{display:flex;flex-direction:column;gap:.8rem}.file-row{border:1px solid var(--border-subtle);background:var(--bg-panel);border-radius:var(--radius-md);overflow:hidden}.fr-head{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.fr-name{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.fr-meta{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-tertiary);white-space:nowrap}.fr-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;padding:.12rem .42rem;border-radius:4px;background:var(--bg-active);color:var(--text-secondary)}.fr-badge.ok{background:var(--good-bg);color:var(--good)}.fr-badge.err{background:var(--bad-bg);color:var(--bad)}.fr-badge.run{background:var(--accent-glow);color:var(--accent)}.fr-remove{background:transparent;border:none;color:var(--text-muted);font-size:1.15rem;line-height:1;cursor:pointer;padding:0 .15rem}.fr-remove:hover{color:var(--bad)}.fr-body{padding:.3rem .85rem .55rem}.fr-progress{display:flex;align-items:center;gap:.75rem;padding:.55rem 0}.pbar{flex:1;height:6px;background:var(--bg-active);border-radius:3px;overflow:hidden}.pbar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .12s linear}.pmeta{font-family:var(--font-mono);font-size:.74rem;color:var(--text-tertiary);white-space:nowrap}.fr-error{color:var(--bad);font-size:.82rem;padding:.5rem 0}.hash-line{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:.6rem;padding:.4rem 0;border-bottom:1px solid var(--border-subtle)}.hash-line:last-child{border-bottom:none}.hash-line.matched{background:var(--good-bg);border-radius:var(--radius-sm);padding:.4rem .5rem;margin:0 -.5rem;border-bottom-color:transparent}.hl-algo{font-size:.72rem;font-weight:650;color:var(--accent);text-transform:uppercase;letter-spacing:.03em}.hl-algo.weak{color:var(--warn)}.hash-line.matched .hl-algo{color:var(--good)}.hl-value{font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);word-break:break-all;overflow-wrap:anywhere;user-select:all}.hl-actions{display:flex;gap:.3rem}.copy-btn,.copy-line{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary);font:inherit;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;cursor:pointer;transition:var(--tr);white-space:nowrap}.copy-btn:hover,.copy-line:hover{color:var(--text-primary);border-color:var(--accent-dim)}.copy-btn.copied{color:var(--good);border-color:var(--good)}.text-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;flex-wrap:wrap}.io-label{font-size:.78rem;color:var(--text-secondary);font-weight:550}.io-select,.io-input{background:var(--bg-base);border:1px solid var(--border-default);color:var(--text-primary);font:inherit;font-size:.85rem;padding:.42rem .6rem;border-radius:var(--radius-sm);transition:var(--tr)}.io-select.sm{padding:.42rem .5rem;font-size:.8rem}.io-select:focus,.io-input:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.byte-count{margin-left:auto;font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary)}.text-input{width:100%;min-height:130px;resize:vertical;background:var(--bg-base);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;line-height:1.6;padding:.75rem;border-radius:var(--radius-md);transition:var(--tr)}.text-input::placeholder{color:var(--text-muted)}.text-input:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.hash-table,.hmac-out{margin-top:1rem;border:1px solid var(--border-subtle);background:var(--bg-panel);border-radius:var(--radius-md);padding:.3rem .85rem}.hash-note{color:var(--text-tertiary);font-size:.83rem;padding:.7rem 0}.hash-note.err{color:var(--bad)}.hmac-intro{font-size:.85rem;color:var(--text-secondary);margin:0 0 1rem}.hmac-grid{display:grid;grid-template-columns:1fr 200px;gap:1rem;margin-bottom:1rem}.hmac-field{display:flex;flex-direction:column;gap:.4rem}.hmac-row{display:flex;gap:.4rem}.hmac-row .io-input{flex:1;min-width:0}.hmac-field .io-select{width:100%}.hmac-out .hash-line{grid-template-columns:110px 1fr auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,92vw);z-index:40;background:var(--bg-surface);border-left:1px solid var(--border-default);box-shadow:-20px 0 50px #00000080;display:flex;flex-direction:column}.drawer>div{display:flex;flex-direction:column;height:100%}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--border-subtle)}.drawer-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-tertiary)}.drawer-controls{display:flex;align-items:center;gap:.7rem}.count{font-size:.75rem;color:var(--text-tertiary)}.count strong{color:var(--text-primary)}.drawer-close{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary);width:26px;height:26px;border-radius:6px;cursor:pointer;font-size:1.1rem;line-height:1}.drawer-close:hover{color:var(--text-primary);border-color:var(--border-strong)}.drawer-filters{display:flex;flex-wrap:wrap;gap:.3rem;padding:.6rem 1rem;border-bottom:1px solid var(--border-subtle)}.filter-pill{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-tertiary);font:inherit;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:100px;cursor:pointer;transition:var(--tr)}.filter-pill.on{color:var(--accent);border-color:var(--accent-dim)}.filter-pill.clear{margin-left:auto;color:var(--text-tertiary)}.filter-pill.clear:hover{color:var(--bad);border-color:var(--bad)}.drawer-list{flex:1;overflow-y:auto;padding:.5rem .6rem;font-family:var(--font-mono);font-size:.72rem}.event{display:grid;grid-template-columns:auto auto 1fr;gap:.5rem;padding:.22rem .4rem;border-radius:4px;align-items:baseline}.event:hover{background:var(--bg-hover)}.event .ts{color:var(--text-muted)}.event .cat{color:var(--text-tertiary);text-transform:uppercase;font-size:.62rem;letter-spacing:.04em}.event .msg{color:var(--text-secondary);word-break:break-word}.event[data-level=ok] .msg{color:var(--good)}.event[data-level=warn] .msg{color:var(--warn)}.event[data-level=err] .msg{color:var(--bad)}.event[data-cat=verify] .cat{color:var(--accent)}.modal-overlay{position:fixed;inset:0;z-index:60;background:#040507b8;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal{width:min(640px,100%);max-height:85vh;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 24px 60px #0000008c}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.35rem;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-elevated)}.modal-head h3{margin:0;font-size:1.05rem}.modal-close{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);width:30px;height:30px;border-radius:7px;cursor:pointer;font-size:1.25rem;line-height:1}.modal-close:hover{color:var(--text-primary);border-color:var(--border-strong)}.modal-body{padding:1.25rem 1.35rem 1.5rem;font-size:.9rem;color:var(--text-secondary)}.modal-body code{font-family:var(--font-mono);font-size:.82em;background:var(--bg-base);padding:.08em .35em;border-radius:4px;color:var(--accent)}.steps{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.7rem}.steps li{line-height:1.55}.steps strong{color:var(--text-primary)}.modal-note{margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--border-subtle);font-size:.82rem;color:var(--text-tertiary)}.tm section{margin-bottom:1.25rem}.tm h4{margin:0 0 .5rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.tm-good{color:var(--good)}.tm-warn{color:var(--warn)}.tm-info{color:var(--accent)}.tm ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.4rem}.tm li{line-height:1.5}.about-links{list-style:none;margin:1rem 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.about-links li{padding-left:0}.glossary-link{color:var(--accent);border-bottom:1px dashed var(--accent-dim);cursor:help}.glossary-tip{position:fixed;z-index:80;max-width:300px;background:var(--bg-active);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:.7rem .85rem;font-size:.8rem;line-height:1.5;color:var(--text-secondary);box-shadow:0 12px 34px #00000080}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(20px);z-index:90;background:var(--bg-active);border:1px solid var(--border-strong);color:var(--text-primary);font-size:.85rem;padding:.65rem 1.1rem;border-radius:100px;box-shadow:0 12px 34px #00000080;opacity:0;pointer-events:none;transition:opacity var(--tr),transform var(--tr)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast[data-kind=ok]{border-color:var(--good)}.toast[data-kind=err]{border-color:var(--bad)}.site-footer{flex-shrink:0;text-align:center;padding:1.25rem;font-size:.8rem;color:var(--text-tertiary);border-top:1px solid var(--border-subtle)}@media(max-width:620px){body{font-size:14px}.main-content{padding:1rem .85rem 2rem}.topnav button{font-size:.8rem;padding:.35rem .5rem}.hash-line{grid-template-columns:1fr auto;grid-template-areas:"algo actions" "value value";gap:.35rem .5rem}.hl-algo{grid-area:algo}.hl-actions{grid-area:actions}.hl-value{grid-area:value;font-size:.74rem}.hmac-grid{grid-template-columns:1fr}.verify-status{font-size:.82rem}}