*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{min-height:100vh;min-height:100dvh}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul{list-style:none}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:root{--bg: var(--brand-bg, #ffffff);--fg: var(--brand-fg, #111111);--muted: var(--brand-muted, #666666);--faint: var(--brand-faint, #757575);--line: var(--brand-line, #e4e4e4);--line-2: var(--brand-line-2, #cfcfcf);--ink: var(--brand-ink, #111111);--ink-fg: var(--brand-ink-fg, #ffffff);--r-xs: 2px;--r-sm: 6px;--r-md: 10px;--r-pill: 999px;--r-circle: 50%;--z-below: -1;--z-nav: 50;--z-skip: 100;--z-overlay: 200;--z-modal: 220;--font-grotesk: var(--brand-font-grotesk, "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif);--font-mono: var(--brand-font-mono, ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace);--font-display: var(--brand-font-display, var(--font-grotesk));--font-body: var(--brand-font-body, var(--font-grotesk));--font-meta: var(--brand-font-meta, var(--font-grotesk));--w-display: 600;--w-name: 600;--w-strong: 600;--label-case: uppercase;--label-track: .12em;--label-font: var(--brand-font-label, var(--font-grotesk));--label-weight: 600;--scale: 1;--maxw: 1200px;--gut: clamp(20px, 5vw, 72px);--t-mega: calc(clamp(3rem, 11vw, 9rem) * var(--scale));--t-h1: calc(clamp(2.4rem, 6vw, 4.6rem) * var(--scale));--t-h2: calc(clamp(1.7rem, 3.2vw, 2.6rem) * var(--scale));--t-h3: calc(clamp(1.2rem, 1.8vw, 1.5rem) * var(--scale));--t-lead: calc(clamp(1.1rem, 1.6vw, 1.45rem) * var(--scale));--t-body: calc(clamp(1rem, 1.1vw, 1.1rem) * var(--scale));--t-meta: calc(clamp(.78rem, .9vw, .9rem) * var(--scale));--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-soft: ease;--dur-fast: .12s;--dur-base: .16s;--dur-slow: .28s}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);font-size:var(--t-body);line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--ink);color:var(--ink-fg)}*{scrollbar-width:thin;scrollbar-color:var(--faint) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--r-sm);border:3px solid var(--bg);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--faint)}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:var(--bg)}:focus{outline:none}:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:var(--r-xs)}.skip-link{position:absolute;left:50%;top:8px;transform:translate(-50%) translateY(-200%);z-index:var(--z-skip);background:var(--ink);color:var(--ink-fg);padding:9px 18px;font-family:var(--label-font);font-size:var(--t-meta);letter-spacing:var(--label-track);text-transform:var(--label-case);transition:transform var(--dur-base) var(--ease-out)}.skip-link:focus-visible{transform:translate(-50%) translateY(0);outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){:root{--muted: var(--brand-muted-contrast, #595959);--faint: var(--brand-faint-contrast, #595959);--line: var(--brand-line-contrast, #8a8a8a);--line-2: var(--brand-line-2-contrast, #6e6e6e)}}--t-* etc. directly,and we introduce NO new colour / spacing / radius scales. Palette source: the Frelikh design system (strictly MONOCHROME,no accent colour — intentional). Values are taken verbatim from the hushsend mockups (design-reference: themeLight / themeDark) which match the design-system colour tokens 1:1 Default theme is LIGHT (:root) — the hushsend prototype boots in light; dark is opt-in via [data-theme="dark"] on . ============================================================ */ :root{--brand-bg: #ffffff;--brand-fg: #0b0b0b;--brand-muted: #6c6c6c;--brand-faint: #767676;--brand-line: #e6e6e6;--brand-line-2: #d4d4d4;--brand-ink: #0b0b0b;--brand-ink-fg: #ffffff;--brand-muted-contrast: #4a4a4a;--brand-faint-contrast: #4a4a4a;--brand-line-contrast: #c4c4c4;--brand-line-2-contrast: #a8a8a8;--brand-font-grotesk: "Archivo", "Onest", "Helvetica Neue", Arial, system-ui, sans-serif;--brand-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}[data-theme=dark]{--brand-bg: #000000;--brand-fg: #f2f2f2;--brand-muted: #8c8c90;--brand-faint: #7a7a7e;--brand-line: #1b1b1d;--brand-line-2: #2c2c30;--brand-ink: #f2f2f2;--brand-ink-fg: #000000;--brand-muted-contrast: #c4c4c8;--brand-faint-contrast: #c4c4c8;--brand-line-contrast: #3a3a3e;--brand-line-2-contrast: #565660}.hs-app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg)}.hs-main{flex:1;display:flex;flex-direction:column;width:100%;max-width:620px;margin:0 auto;padding:clamp(28px,6vh,64px) var(--gut) 64px}.hs-screen{display:flex;flex-direction:column;gap:18px;width:100%;margin:0 auto;max-width:460px}.hs-screen--center{align-items:center;text-align:center}.hs-screen--wide{max-width:560px}.hs-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px clamp(16px,4vw,28px);border-bottom:1px solid var(--line)}.hs-wordmark{font-family:var(--font-mono);font-weight:var(--w-strong);font-size:14px;letter-spacing:-.01em}.hs-topbar__right{display:flex;align-items:center;gap:12px}.hs-seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r-pill);overflow:hidden}.hs-seg__btn{font-family:var(--label-font);font-size:var(--t-meta);font-weight:var(--label-weight);letter-spacing:var(--label-track);text-transform:var(--label-case);padding:5px 12px;color:var(--faint);transition:color var(--dur-fast) var(--ease-soft)}.hs-seg__btn[aria-pressed=true]{background:var(--ink);color:var(--ink-fg)}.hs-icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--fg);transition:border-color var(--dur-fast) var(--ease-soft),background var(--dur-fast) var(--ease-soft)}.hs-icon-btn:hover{border-color:var(--ink)}.hs-theme-glyph{width:16px;height:16px;border-radius:var(--r-circle);border:1.5px solid currentColor;background:linear-gradient(90deg,currentColor 0 50%,transparent 50% 100%)}.hs-eyebrow{font-family:var(--label-font);font-weight:var(--label-weight);font-size:var(--t-meta);letter-spacing:.16em;text-transform:var(--label-case);color:var(--faint)}.hs-eyebrow .sep{margin:0 .5em;opacity:.5}.hs-h1{font-family:var(--font-display);font-weight:var(--w-display);font-size:var(--t-h1);line-height:1.08;letter-spacing:-.025em;max-width:13ch}.hs-h2{font-family:var(--font-display);font-weight:var(--w-display);font-size:var(--t-h2);line-height:1.12;letter-spacing:-.025em;max-width:22ch}.hs-screen--center .hs-h1,.hs-screen--center .hs-h2{margin-inline:auto}.hs-sub{font-size:var(--t-body);color:var(--muted);max-width:34ch;line-height:1.5}.hs-screen--center .hs-sub{margin-inline:auto}.hs-meta{font-family:var(--font-mono);font-size:var(--t-meta);color:var(--faint)}.hs-mono{font-family:var(--font-mono);word-break:break-all}.hs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--bg);color:var(--fg);font-family:var(--font-body);font-weight:var(--w-strong);font-size:15px;transition:background var(--dur-fast) var(--ease-soft),color var(--dur-fast) var(--ease-soft),border-color var(--dur-fast) var(--ease-soft),opacity var(--dur-fast) var(--ease-soft)}.hs-btn--primary{background:var(--ink);color:var(--ink-fg);border-color:var(--ink)}.hs-btn--primary:hover:not(:disabled){background:transparent;color:var(--fg)}.hs-btn--ghost:hover:not(:disabled){background:var(--ink);color:var(--ink-fg);border-color:var(--ink)}.hs-btn--block{width:100%}.hs-btn--sm{padding:9px 18px;font-size:13px}.hs-btn:disabled{opacity:.55;cursor:not-allowed;background:transparent;color:var(--faint);border-color:var(--line-2)}.hs-textlink{font-family:var(--label-font);font-size:var(--t-meta);letter-spacing:var(--label-track);text-transform:var(--label-case);color:var(--faint);transition:color var(--dur-fast) var(--ease-soft)}.hs-textlink:hover{color:var(--fg)}.hs-card{border:1px solid var(--line-2);border-radius:var(--r-md);padding:16px 18px}.hs-card--strong{border-color:var(--ink)}.hs-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:15px 18px;border:1px solid var(--line-2);border-radius:var(--r-md);transition:border-color var(--dur-fast) var(--ease-soft)}button.hs-row:hover:not(:disabled){border-color:var(--ink)}.hs-row:disabled{opacity:.5;cursor:not-allowed}.hs-row__num{font-family:var(--font-mono);font-size:var(--t-meta);color:var(--faint);width:22px;flex:none}.hs-row__body{flex:1;min-width:0}.hs-row__title{font-weight:var(--w-strong);font-size:15px}.hs-row__desc{font-size:13px;color:var(--muted)}.hs-row__aside{flex:none;color:var(--faint)}.hs-divider{display:flex;align-items:center;gap:14px;width:100%}.hs-divider:before,.hs-divider:after{content:"";flex:1;height:1px;background:var(--line)}.hs-divider span{font-family:var(--label-font);font-size:var(--t-meta);letter-spacing:var(--label-track);text-transform:var(--label-case);color:var(--faint)}.hs-input{width:100%;padding:13px 16px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;transition:border-color var(--dur-fast) var(--ease-soft)}.hs-input:focus-visible{border-color:var(--ink)}.hs-input--code{font-family:var(--font-mono);text-align:center;font-size:22px;letter-spacing:.4em;font-weight:var(--w-strong);padding-inline:8px}.hs-join-row{display:flex;gap:10px;width:100%}.hs-join-row .hs-input{flex:1}.hs-code{display:flex;gap:12px;justify-content:center}.hs-code__box{width:clamp(48px,14vw,62px);height:clamp(60px,18vw,78px);display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ink);border-radius:var(--r-md);font-family:var(--font-mono);font-weight:var(--w-display);font-size:clamp(28px,9vw,40px)}.hs-slots{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.hs-slot{position:relative;display:flex;flex-direction:column;gap:6px;width:clamp(140px,44%,200px)}.hs-slot__box{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1.5px solid var(--line-2);border-radius:var(--r-md);background:var(--bg);min-height:46px;transition:border-color var(--dur-fast) var(--ease-soft)}.hs-slot--active .hs-slot__box{border-color:var(--fg)}.hs-slot--filled .hs-slot__box{background:var(--ink);color:var(--ink-fg);border-color:var(--ink)}.hs-slot__num{font-family:var(--font-mono);font-size:10px;color:var(--faint);flex:none}.hs-slot--filled .hs-slot__num{color:var(--ink-fg);opacity:.6}.hs-slot__input{flex:1;min-width:0;border:none;background:transparent;color:var(--fg);font-family:var(--font-mono);font-size:15px}.hs-slot__input:focus{outline:none}.hs-slot__word{flex:1;font-family:var(--font-mono);font-size:15px}.hs-slot__remove{flex:none;color:var(--ink-fg);opacity:.75;font-size:16px;line-height:1}.hs-slot__dash{color:var(--faint);font-family:var(--font-mono)}.hs-suggest{display:flex;flex-direction:column;gap:6px}.hs-suggest__btn{display:block;width:100%;text-align:left;padding:9px 13px;border:1px solid var(--line-2);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:14px;color:var(--fg);transition:background var(--dur-fast) var(--ease-soft),color var(--dur-fast) var(--ease-soft)}.hs-suggest__btn:before{content:"↳";color:var(--faint);margin-right:8px}.hs-suggest__btn:hover{background:var(--ink);color:var(--ink-fg)}.hs-suggest__btn:hover:before{color:var(--ink-fg)}.hs-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px;width:100%}.hs-chip{display:flex;align-items:baseline;gap:8px;padding:12px 14px;border:1px solid var(--line-2);border-radius:var(--r-sm)}.hs-chip__num{font-family:var(--font-mono);font-size:10px;color:var(--faint)}.hs-chip__word{font-family:var(--font-mono);font-size:15px;font-weight:var(--w-strong)}.hs-linkbox{display:flex;align-items:center;width:100%;max-width:100%;padding:13px 16px;border:1px solid var(--line-2);border-radius:var(--r-md);overflow-x:auto}.hs-linkbox__url{font-family:var(--font-mono);font-size:14px;color:var(--fg);white-space:nowrap}.hs-qr{display:block;width:clamp(180px,60vw,248px);padding:16px;background:#fff;border:1px solid var(--line-2);border-radius:var(--r-md)}.hs-qr svg{display:block;width:100%;height:auto}.hs-qr--loading{aspect-ratio:1}.hs-scan{position:relative;width:clamp(220px,70vw,300px);aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;background:var(--ink)}.hs-scan__video{width:100%;height:100%;object-fit:cover;display:block}.hs-scan__frame{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:2px solid var(--ink-fg);border-radius:var(--r-sm);opacity:.85;pointer-events:none}.hs-sas{display:flex;flex-direction:column;gap:10px;width:100%}.hs-sas__card{width:100%;text-align:center;padding:18px 16px;border:1.5px solid var(--line-2);border-radius:var(--r-md);font-family:var(--font-mono);font-size:clamp(16px,4vw,20px);font-weight:var(--w-strong);color:var(--fg);transition:border-color var(--dur-fast) var(--ease-soft),background var(--dur-fast) var(--ease-soft),color var(--dur-fast) var(--ease-soft)}.hs-sas__card:hover:not([aria-pressed=true]){border-color:var(--ink)}.hs-sas__card[aria-pressed=true]{background:var(--ink);color:var(--ink-fg);border-color:var(--ink)}.hs-ownphrase{font-family:var(--font-mono);font-size:clamp(18px,5vw,26px);font-weight:var(--w-display);letter-spacing:.02em;word-spacing:.2em}.hs-toggle{display:flex;align-items:center;gap:16px;width:100%;text-align:left}.hs-toggle__body{flex:1;min-width:0}.hs-toggle__title{display:flex;align-items:center;gap:8px;font-weight:var(--w-strong);font-size:14px}.hs-toggle__desc{font-size:13px;color:var(--muted);margin-top:2px}.hs-switch{flex:none;width:42px;height:24px;border-radius:5px;border:1px solid var(--line-2);background:var(--bg);position:relative;transition:background var(--dur-base) var(--ease-soft)}.hs-switch[aria-checked=true]{background:var(--ink);border-color:var(--ink)}.hs-switch__knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:3px;background:var(--line-2);transition:transform var(--dur-slow) var(--ease-out)}.hs-switch[aria-checked=true] .hs-switch__knob{transform:translate(18px);background:var(--ink-fg)}.hs-toggle:disabled,.hs-switch:disabled{cursor:not-allowed}.hs-toggle:disabled{opacity:.62}.hs-soon{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line-2);border-radius:var(--r-xs);padding:1px 6px}.hs-chip-status{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border:1px solid var(--line-2);border-radius:var(--r-pill);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg)}.hs-dot{width:8px;height:8px;border-radius:var(--r-circle);border:1.5px solid var(--faint);flex:none}.hs-dot--on{background:var(--fg);border-color:var(--fg)}.hs-spinner{width:16px;height:16px;border-radius:var(--r-circle);border:1.6px solid var(--fg);border-top-color:transparent;animation:hs-spin .9s linear infinite;flex:none}@keyframes hs-spin{to{transform:rotate(360deg)}}.hs-waiting{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:14px}.hs-pulse{position:relative;width:96px;height:96px;display:grid;place-items:center}.hs-pulse__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-circle);border:1px solid var(--ink);animation:hs-pulse 1.8s var(--ease-out) infinite}.hs-pulse__ring:nth-child(2){animation-delay:.6s}.hs-pulse__core{width:54px;height:54px;border-radius:var(--r-circle);border:1px solid var(--line-2);display:grid;place-items:center;font-family:var(--font-mono);font-size:13px}@keyframes hs-pulse{0%{transform:scale(.7);opacity:.8}to{transform:scale(1.6);opacity:0}}.hs-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line-2);border-radius:var(--r-pill);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.hs-badge--verified{border-color:var(--ink)}.hs-glyph{width:76px;height:76px;border-radius:var(--r-circle);display:grid;place-items:center;border:1.5px solid var(--line-2);color:var(--muted);font-size:30px}.hs-glyph--warn{border-color:var(--ink);color:var(--fg)}.hs-glyph--danger{background:var(--ink);color:var(--ink-fg);border-color:var(--ink)}.hs-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 20px;border:1.5px dashed var(--line-2);border-radius:var(--r-md);text-align:center}.hs-drop__title{font-weight:var(--w-strong)}.hs-file{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md)}.hs-file__name{flex:1;min-width:0;font-weight:var(--w-strong);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hs-progress{height:3px;width:100%;border-radius:var(--r-pill);background:var(--line);overflow:hidden}.hs-progress__fill{height:100%;background:var(--ink);transition:width var(--dur-base) var(--ease-out)}.hs-plaque{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border:1px solid var(--line-2);border-radius:var(--r-md)}.hs-plaque__head{display:flex;align-items:center;gap:12px}.hs-plaque__title{flex:1;font-weight:var(--w-strong);font-size:14px}.hs-check{width:20px;height:20px;border-radius:var(--r-circle);background:var(--ink);color:var(--ink-fg);display:grid;place-items:center;font-size:12px;flex:none}.hs-device{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--line-2);border-radius:var(--r-md);transition:border-color var(--dur-fast) var(--ease-soft)}button.hs-device:hover:not(:disabled){border-color:var(--ink)}.hs-section-label{display:block;width:100%;padding-top:14px;border-top:1px solid var(--line);font-family:var(--label-font);font-size:var(--t-meta);letter-spacing:var(--label-track);text-transform:var(--label-case);color:var(--faint)}.hs-diag{width:100%;max-width:620px;margin:40px auto 0;padding:14px var(--gut);border-top:1px dashed var(--line-2);display:flex;flex-direction:column;gap:6px}.hs-diag p,.hs-diag li{font-family:var(--font-mono);font-size:11px;color:var(--faint);word-break:break-all}.hs-diag__label{letter-spacing:.14em;text-transform:uppercase}.hs-stack{display:flex;flex-direction:column;gap:12px;width:100%}.hs-row-actions{display:flex;gap:10px;flex-wrap:wrap}.hs-center{display:flex;flex-direction:column;align-items:center;gap:16px}