(() => {
'use strict';
/* ============================ utils ============================ */
const $ = (s, c = document) => c.querySelector(s);
const $$ = (s, c = document) => [...c.querySelectorAll(s)];
const clamp = (v, a, b) => Math.min(b, Math.max(a, v));
const lerp = (a, b, t) => a + (b - a) * t;
const REDUCED = matchMedia('(prefers-reduced-motion: reduce)').matches;
/* ============================ toasts ============================ */
const Toast = (() => {
const host = $('#toasts');
function show(type, msg) {
const el = document.createElement('div');
el.className = 'toast ' + type;
el.innerHTML = `<span class="bar"></span><p></p><button class="t-close" aria-label="Dismiss">×</button>`;
el.querySelector('p').textContent = msg;
host.appendChild(el);
const kill = () => { el.classList.add('out'); setTimeout(() => el.remove(), 320); };
el.querySelector('.t-close').addEventListener('click', kill);
setTimeout(kill, 4200);
}
return { ok: m => show('ok', m), err: m => show('err', m), info: m => show('info', m) };
})();
/* ============================ password engine ============================ */
const COMMON = new Set(['password','123456','12345678','123456789','1234567890','qwerty',
'qwerty123','abc123','password1','password123','iloveyou','admin','admin123','welcome',
'monkey','dragon','letmein','letmein1','111111','000000','master','sunshine','princess',
'football','baseball','shadow','superman','batman','trustno1','whatever','freedom',
'passw0rd','p@ssw0rd','changeme','default','guest','root','toor','starwars','hello123',
'zaq12wsx','1q2w3e4r','qwe123','654321','123123','121212','666666','888888','abcdef']);
const ROOTS = ['password','qwerty','letmein','welcome','iloveyou','admin','master','monkey',
'dragon','sunshine','princess','football','baseball','superman','trustno','starwars',
'whatever','freedom','changeme','access','login'];
function analyze(pw) {
const len = pw.length;
if (!len) return { len: 0, bits: 0, pool: 0, score: 0, level: 0 };
const lower = /[a-z]/.test(pw), upper = /[A-Z]/.test(pw);
const digit = /[0-9]/.test(pw), sym = /[^A-Za-z0-9]/.test(pw);
const classes = lower + upper + digit + sym;
const pool = (lower ? 26 : 0) + (upper ? 26 : 0) + (digit ? 10 : 0) + (sym ? 32 : 0);
const unique = new Set(pw).size;
const bits = Math.round(len * Math.log2(Math.max(pool, 2)) * (unique / len));
let score = 0;
score += Math.min(len, 16) / 16 * 34; // length (max 34)
score += classes * 8; // character classes (max 32)
score += unique / len * 14; // diversity (max 14)
score -= Math.min(len - unique, len * .4) * 1.2; // repeated characters
let seq = 0; // sequential runs (abc / 321)
for (let i = 2; i < len; i++) {
const a = pw.charCodeAt(i - 2), b = pw.charCodeAt(i - 1), c = pw.charCodeAt(i);
if ((b === a + 1 && c === b + 1) || (b === a - 1 && c === b - 1)) seq++;
}
score -= seq * 3;
let rep = 0; // immediate doubles (aa, 11)
for (let i = 1; i < len; i++) if (pw[i] === pw[i - 1]) rep++;
score -= rep * 2.5;
const norm = pw.toLowerCase();
if (COMMON.has(norm)) score = Math.min(score, 6);
else if (len >= 6) for (const w of ROOTS) if (norm.includes(w)) { score = Math.min(score, 22); break; }
score = clamp(Math.round(score), 0, 100);
const level = score <= 20 ? 1 : score <= 40 ? 2 : score <= 62 ? 3 : score <= 82 ? 4 : 5;
return { len, bits, pool, score, level };
}
const LEVELS = [null,
{ name: 'VERY WEAK', rgb: [244, 91, 65], tip: 'EASILY COMPROMISED — AVOID COMMON PATTERNS' },
{ name: 'WEAK', rgb: [245, 138, 60], tip: 'ADD LENGTH AND CHARACTER VARIETY' },
{ name: 'MEDIUM', rgb: [231, 179, 76], tip: 'ADEQUATE — SYMBOLS WOULD HARDEN IT' },
{ name: 'STRONG', rgb: [180, 222, 106], tip: 'RESISTANT TO BRUTE-FORCE ATTACKS' },
{ name: 'VERY STRONG', rgb: [79, 224, 164], tip: 'EXEMPLARY — SUITABLE FOR ROOT ACCESS' }];
/* ============================ entropy oscilloscope ============================ */
const Wave = (() => {
const cv = $('#wave'), ctx = cv.getContext('2d');
let W = 0, H = 0, hash = 0;
let amp = 2, ampT = 2, spd = .5, spdT = .5;
let col = [154, 154, 163], colT = [154, 154, 163];
let f1 = 1.2, f2 = 2.7, f3 = 4.3, ph1 = 0, ph2 = 0, ph3 = 0;
function resize() {
const r = cv.getBoundingClientRect();
if (!r.width) return;
const dpr = Math.min(devicePixelRatio || 1, 2);
W = r.width; H = r.height;
cv.width = W * dpr; cv.height = H * dpr;
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
}
new ResizeObserver(resize).observe(cv);
function setSignal(pw, score, rgb) {
colT = rgb;
ampT = 3 + (score / 100) * (H ? H * .5 - 4 : 10);
spdT = .5 + (score / 100) * 2.6;
let h = 2166136261; // FNV-1a — deterministic per password
for (let i = 0; i < pw.length; i++) { h ^= pw.charCodeAt(i); h = Math.imul(h, 16777619) >>> 0; }
hash = h >>> 0;
f1 = 1 + (hash % 260) / 100;
f2 = 2 + ((hash >>> 7) % 420) / 100;
f3 = 3 + ((hash >>> 15) % 700) / 100;
if (REDUCED) { amp = ampT; spd = 0; col = [...colT]; }
}
function draw(dt) {
if (!W) { resize(); if (!W) return; }
const k = 1 - Math.exp(-dt / 220);
amp = lerp(amp, ampT, k); spd = lerp(spd, spdT, k);
col = col.map((c, i) => lerp(c, colT[i], k));
ph1 += dt * .0012 * spd; ph2 += dt * .0017 * spd; ph3 += dt * .0023 * spd;
ctx.clearRect(0, 0, W, H);
ctx.strokeStyle = 'rgba(255,255,255,.07)'; ctx.lineWidth = 1;
ctx.beginPath(); ctx.moveTo(0, H / 2 + .5); ctx.lineTo(W, H / 2 + .5); ctx.stroke();
const c = `rgb(${col[0] | 0},${col[1] | 0},${col[2] | 0})`;
ctx.beginPath();
for (let x = 0; x <= W; x += 2) {
const n = x / W;
let y = Math.sin(n * Math.PI * 2 * f1 + ph1) * .55
+ Math.sin(n * Math.PI * 2 * f2 + ph2) * .30
+ Math.sin(n * Math.PI * 2 * f3 + ph3) * .15
+ Math.sin(x * .55 + (hash % 97)) * .1 * (amp / (H / 2));
const py = H / 2 + y * amp;
x === 0 ? ctx.moveTo(x, py) : ctx.lineTo(x, py);
}
ctx.strokeStyle = c; ctx.lineWidth = 1.4;
ctx.shadowColor = c; ctx.shadowBlur = 4 + amp * .14;
ctx.stroke(); ctx.shadowBlur = 0;
}
return { draw, setSignal };
})();
/* ============================ strength UI ============================ */
const Strength = (() => {
const block = $('#strength'), cells = $$('.cells i', block);
const labelEl = $('#strengthLabel'), tipEl = $('#strengthTip');
const mBits = $('#mBits'), mLen = $('#mLen'), mPool = $('#mPool');
function setLabel(txt) {
if (labelEl.textContent === txt) return;
labelEl.textContent = txt;
labelEl.classList.remove('swap'); void labelEl.offsetWidth;
labelEl.classList.add('swap');
}
function update(pw) {
const r = analyze(pw);
block.classList.toggle('on', r.len > 0);
if (!r.len) { Wave.setSignal('', 0, [154, 154, 163]); return r; }
block.dataset.level = r.level;
const L = LEVELS[r.level];
cells.forEach((c, i) => c.classList.toggle('filled', i < r.level));
setLabel(L.name);
tipEl.textContent = L.tip;
mBits.textContent = `EST. ENTROPY ${r.bits} BITS`;
mLen.textContent = `LENGTH ${r.len}`;
mPool.textContent = `POOL ${r.pool}`;
Wave.setSignal(pw, r.score, L.rgb);
if (REDUCED) Wave.draw(0);
return r;
}
return { update };
})();
/* ============================ orbital scene ============================ */
const Scene = (() => {
const cv = $('#scene'), ctx = cv.getContext('2d');
let W = 0, H = 0, stars = [], dust = [], meteors = [], pulses = [], atmoBoost = 0;
let m = { x: .5, y: .5 }, mt = { x: .5, y: .5 };
let nextMeteor = 4500 + Math.random() * 7000;
const sats = [{ a: Math.random() * 6.28, v: .00006 }, { a: Math.random() * 6.28, v: .00010 }];
const sprite = document.createElement('canvas'); // soft round star sprite
sprite.width = sprite.height = 32;
(() => {
const s = sprite.getContext('2d');
const g = s.createRadialGradient(16, 16, 0, 16, 16, 16);
g.addColorStop(0, 'rgba(255,255,255,1)');
g.addColorStop(.35, 'rgba(255,255,255,.45)');
g.addColorStop(1, 'rgba(255,255,255,0)');
s.fillStyle = g; s.fillRect(0, 0, 32, 32);
})();
function resize() {
const r = cv.getBoundingClientRect();
W = r.width; H = r.height;
const dpr = Math.min(devicePixelRatio || 1, 2);
cv.width = W * dpr; cv.height = H * dpr;
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
const n = Math.round(W * H / 5200);
stars = Array.from({ length: n }, () => ({
x: Math.random(), y: Math.random(), z: .25 + Math.random() * .75,
tw: Math.random() * 6.28, ts: .4 + Math.random() * 1.6 }));
dust = Array.from({ length: Math.max(12, n / 5 | 0) }, () => ({
x: Math.random(), y: Math.random(),
vx: (Math.random() - .5) * .006, vy: -.002 - Math.random() * .008,
r: .4 + Math.random() * 1.2, a: .06 + Math.random() * .16 }));
}
addEventListener('resize', resize); resize();
addEventListener('pointermove', e => {
mt.x = e.clientX / innerWidth; mt.y = e.clientY / innerHeight;
});
const geo = () => {
const R = Math.max(W, H) * .72;
return { R, cx: W * .40 + (m.x - .5) * 26, cy: H + R * .64 + (m.y - .5) * 16 };
};
const ring = (cx, cy, rx, ry, rot, a) => {
ctx.beginPath(); ctx.ellipse(cx, cy, rx, ry, rot, 0, 6.2832);
ctx.strokeStyle = `rgba(214,218,228,${a})`; ctx.lineWidth = 1; ctx.stroke();
};
const satPos = (s, rx, ry, rot, cx, cy) => {
s.a += s.v;
const ca = Math.cos(s.a), sa = Math.sin(s.a);
const cr = Math.cos(rot), sr = Math.sin(rot);
return { x: cx + rx * ca * cr - ry * sa * sr,
y: cy + rx * ca * sr + ry * sa * cr,
front: rx * ca * sr + ry * sa * cr > 0 };
};
const satDraw = (p, cx, cy, rx, ry, rot) => {
ctx.beginPath(); ctx.ellipse(cx, cy, rx, ry, rot, p.a - .5, p.a);
ctx.strokeStyle = 'rgba(226,164,77,.20)'; ctx.lineWidth = 1; ctx.stroke();
ctx.save(); ctx.shadowColor = 'rgba(242,190,107,.9)'; ctx.shadowBlur = 9;
ctx.fillStyle = 'rgba(244,196,116,.95)';
ctx.beginPath(); ctx.arc(p.x, p.y, 2, 0, 6.2832); ctx.fill(); ctx.restore();
};
function draw(dt, now) {
const t = now * .001;
const k = 1 - Math.exp(-dt / 260);
m.x = lerp(m.x, mt.x, k); m.y = lerp(m.y, mt.y, k);
ctx.clearRect(0, 0, W, H);
const { R, cx, cy } = geo();
const rot1 = -.38, rx1 = R * 1.55, ry1 = R * .30;
const rot2 = -.28, rx2 = R * 1.22, ry2 = R * .22;
sats[0].v && 0; // velocities used below
const p1 = satPos({ ...sats[0], a: sats[0].a }, rx1, ry1, rot1, cx, cy); sats[0].a += 0;
// advance angles properly
if (!REDUCED) { sats[0].a += 0; }
// (angles advance inside satPos via s.v — handled above/below)
/* stars */
for (const s of stars) {
const px = s.x * W + (m.x - .5) * -18 * s.z;
const py = s.y * H + (m.y - .5) * -12 * s.z;
const tw = REDUCED ? .8 : .45 + .55 * Math.sin(t * s.ts + s.tw);
const sz = s.z * 1.5 + .4;
ctx.globalAlpha = (0.14 + .5 * s.z) * tw;
ctx.drawImage(sprite, px - sz, py - sz, sz * 2, sz * 2);
}
ctx.globalAlpha = 1;
/* dust */
for (const d of dust) {
if (!REDUCED) { d.x += d.vx * dt * .06; d.y += d.vy * dt * .06; }
if (d.y < -.05) { d.y = 1.05; d.x = Math.random(); }
if (d.x < -.05) d.x = 1.05; if (d.x > 1.05) d.x = -.05;
ctx.fillStyle = `rgba(226,180,120,${d.a})`;
ctx.beginPath(); ctx.arc(d.x * W, d.y * H, d.r, 0, 6.2832); ctx.fill();
}
/* meteors */
if (!REDUCED) {
nextMeteor -= dt;
if (nextMeteor <= 0 && W > 480) {
nextMeteor = 6500 + Math.random() * 9000;
meteors.push({ x: W * (.15 + Math.random() * .7), y: -20,
vx: (Math.random() < .5 ? -1 : 1) * (.22 + Math.random() * .25),
vy: .18 + Math.random() * .16, life: 1 });
}
meteors = meteors.filter(mm => mm.life > 0);
for (const mm of meteors) {
mm.x += mm.vx * dt; mm.y += mm.vy * dt; mm.life -= dt * .0009;
const g = ctx.createLinearGradient(mm.x, mm.y, mm.x - mm.vx * 60, mm.y - mm.vy * 60);
g.addColorStop(0, `rgba(235,240,250,${.75 * mm.life})`);
g.addColorStop(1, 'rgba(235,240,250,0)');
ctx.strokeStyle = g; ctx.lineWidth = 1.1;
ctx.beginPath(); ctx.moveTo(mm.x, mm.y);
ctx.lineTo(mm.x - mm.vx * 60, mm.y - mm.vy * 60); ctx.stroke();
}
}
/* rings + satellites (behind planet pass) */
ring(cx, cy, rx1, ry1, rot1, .07);
ring(cx, cy, rx2, ry2, rot2, .05);
const pos1 = { ...p1 }; const pos2 = satPos(sats[1], rx2, ry2, rot2, cx, cy);
satDraw(pos1, cx, cy, rx1, ry1, rot1);
satDraw(pos2, cx, cy, rx2, ry2, rot2);
/* planet body */
ctx.beginPath(); ctx.arc(cx, cy, R, 0, 6.2832);
const bg = ctx.createRadialGradient(cx - (m.x - .5) * R * .3, cy - R * .45, R * .1, cx, cy, R);
bg.addColorStop(0, '#101117'); bg.addColorStop(.55, '#0B0B0F'); bg.addColorStop(1, '#070709');
ctx.fillStyle = bg; ctx.fill();
/* atmosphere halo */
const ga = .10 + atmoBoost * .28;
const glow = ctx.createRadialGradient(cx, cy, R * .985, cx, cy, R * 1.15);
glow.addColorStop(0, 'rgba(226,164,77,0)');
glow.addColorStop(.12, `rgba(226,164,77,${ga})`);
glow.addColorStop(1, 'rgba(226,164,77,0)');
ctx.beginPath(); ctx.arc(cx, cy, R * 1.15, 0, 6.2832); ctx.fillStyle = glow; ctx.fill();
/* rim light — warm key toward the light source */
const la = Math.atan2(-H * .35 - cy, W * (.5 + (m.x - .5) * .3) - cx);
ctx.save();
ctx.beginPath(); ctx.arc(cx, cy, R + .5, la - 1.15, la + 1.15);
ctx.strokeStyle = `rgba(242,190,107,${.7 + atmoBoost * .3})`;
ctx.lineWidth = 1.6; ctx.shadowColor = 'rgba(232,170,80,.9)'; ctx.shadowBlur = 14 + atmoBoost * 24;
ctx.stroke();
ctx.beginPath(); ctx.arc(cx, cy, R + 1, la - 1.6, la + 1.6);
ctx.strokeStyle = `rgba(226,164,77,${.26 + atmoBoost * .4})`;
ctx.lineWidth = 4; ctx.shadowBlur = 26; ctx.stroke();
/* faint cool rim on the night side */
ctx.beginPath(); ctx.arc(cx, cy, R, la + Math.PI - .8, la + Math.PI + .8);
ctx.strokeStyle = 'rgba(150,180,210,.10)'; ctx.lineWidth = 1; ctx.shadowBlur = 0; ctx.stroke();
ctx.restore();
/* settlement beacon on the limb */
const ba = -Math.PI / 2 - .5;
const bl = REDUCED ? .5 : .2 + .8 * Math.pow(Math.max(0, Math.sin(t * 1.6)), 4);
ctx.save(); ctx.shadowColor = 'rgba(79,224,164,.9)'; ctx.shadowBlur = 8;
ctx.fillStyle = `rgba(79,224,164,${bl})`;
ctx.beginPath();
ctx.arc(cx + Math.cos(ba) * R * 1.005, cy + Math.sin(ba) * R * 1.005, 1.6, 0, 6.2832);
ctx.fill(); ctx.restore();
/* auth-success pulse rings */
for (const p of pulses) {
p.delay -= dt; if (p.delay > 0) continue;
p.r += dt * .28; p.a -= dt * .00075;
if (p.a <= 0) continue;
ctx.beginPath(); ctx.arc(cx, cy, p.r, Math.PI, Math.PI * 2);
ctx.strokeStyle = `rgba(242,190,107,${p.a})`;
ctx.lineWidth = 1.2; ctx.shadowColor = 'rgba(226,164,77,.7)'; ctx.shadowBlur = 10;
ctx.stroke(); ctx.shadowBlur = 0;
}
pulses = pulses.filter(p => p.a > 0);
atmoBoost = Math.max(0, atmoBoost - dt * .0005);
/* front satellite re-draw */
if (pos1.front) satDraw(pos1, cx, cy, rx1, ry1, rot1);
if (pos2.front) satDraw(pos2, cx, cy, rx2, ry2, rot2);
}
function pulse() {
const { R } = geo();
pulses.push({ r: R + 4, a: .55, delay: 0 }, { r: R + 4, a: .4, delay: 240 });
atmoBoost = 1;
}
return { draw, pulse };
})();
/* ============================ cursor light ============================ */
const Light = (() => {
const el = $('#cursorLight'), term = $('#terminal');
let x = 0, y = 0, tx = 0, ty = 0, active = false;
if (matchMedia('(hover:hover) and (pointer:fine)').matches && !REDUCED) {
active = true;
addEventListener('pointermove', e => {
const r = term.getBoundingClientRect();
tx = e.clientX - r.left; ty = e.clientY - r.top;
});
} else el.style.display = 'none';
function update(dt) {
if (!active) return;
const k = 1 - Math.exp(-dt / 170);
x = lerp(x, tx, k); y = lerp(y, ty, k);
el.style.transform = `translate3d(${x}px,${y}px,0)`;
}
return { update };
})();
/* ============================ telemetry ============================ */
(() => {
const clock = $('#telClock'), sig = $('#telSig'), lat = $('#telLat');
const tick = () => clock.textContent = new Date().toISOString().slice(11, 19);
tick(); setInterval(tick, 1000);
setInterval(() => sig.textContent = (97 + Math.random() * 2.9).toFixed(1) + '%', 2400);
let v = 44.21;
setInterval(() => { v = (v + .0001) % 90; lat.textContent = `LAT ${v.toFixed(2)}°N`; }, 1000);
})();
/* ============================ modal ============================ */
const Modal = (() => {
const overlay = $('#overlay'), form = $('#modalForm'), input = $('#modalInput');
const msg = $('#modalMsg'), field = $('#fModal'), done = $('#sheetDone');
const kicker = $('#modalKicker'), title = $('#modalTitle'), desc = $('#modalDesc');
const mLabel = $('#modalLabel'), btnL = $('#modalBtnLabel'), doneT = $('#sheetDoneText');
const V = {
forgot: { k: 'RECOVERY PROTOCOL', t: 'Reset passphrase',
d: 'Enter the identifier tied to your clearance. We will dispatch a recovery signal to your relay inbox.',
btn: 'Send recovery signal', toast: 'RECOVERY SIGNAL DISPATCHED',
done: 'Recovery signal dispatched. Check your relay inbox for further instructions.' },
request: { k: 'CLEARANCE REQUEST', t: 'Request access',
d: 'Axiom is invitation-first. Leave your identifier and we will queue your request for review.',
btn: 'Submit request', toast: 'REQUEST QUEUED — AWAITING REVIEW',
done: 'Request queued. Clearance review typically completes within 48 hours.' }
};
let trigger = null, v = V.forgot, closer = null;
function open(kind, el) {
v = V[kind]; trigger = el;
kicker.textContent = v.k; title.textContent = v.t; desc.textContent = v.d;
btnL.textContent = v.btn; doneT.textContent = v.done;
form.reset(); form.hidden = false; done.hidden = true;
msg.textContent = ''; field.classList.remove('err');
clearTimeout(closer);
overlay.hidden = false;
requestAnimationFrame(() => overlay.classList.add('open'));
setTimeout(() => input.focus(), 90);
document.addEventListener('keydown', onKey);
}
function close() {
overlay.classList.remove('open');
document.removeEventListener('keydown', onKey);
clearTimeout(closer);
setTimeout(() => { overlay.hidden = true; if (trigger) trigger.focus(); }, 320);
}
const onKey = e => { if (e.key === 'Escape') close(); };
$('#modalClose').addEventListener('click', close);
overlay.addEventListener('click', e => { if (e.target === overlay) close(); });
form.addEventListener('submit', e => {
e.preventDefault();
const val = input.value.trim();
if (!/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(val)) {
msg.textContent = 'A VALID RELAY ADDRESS IS REQUIRED';
field.classList.remove('err'); void field.offsetWidth; field.classList.add('err');
input.focus(); return;
}
msg.textContent = ''; field.classList.remove('err');
form.hidden = true; done.hidden = false;
Toast.ok(v.toast);
closer = setTimeout(close, 3000);
});
input.addEventListener('input', () => { msg.textContent = ''; field.classList.remove('err'); });
return { open };
})();
$('#forgotLink').addEventListener('click', e => Modal.open('forgot', e.currentTarget));
$('#requestLink').addEventListener('click', e => Modal.open('request', e.currentTarget));
/* ============================ login form ============================ */
(() => {
const form = $('#loginForm'), idIn = $('#identifier'), pwIn = $('#password');
const fId = $('#fId'), fPw = $('#fPw'), idMsg = $('#idMsg'), pwMsg = $('#pwMsg');
const btn = $('#loginBtn'), btnLabel = $('#btnLabel');
const channel = $('#channel'), channelText = $('#channelText');
const eye = $('#eyeBtn'), remember = $('#remember');
let busy = false, granted = false;
const setErr = (field, msgEl, msg) => {
msgEl.textContent = msg;
field.classList.toggle('err', !!msg);
if (msg) { field.classList.remove('shake'); void field.offsetWidth; field.classList.add('shake'); }
};
const validId = v => {
v = v.trim();
if (!v) return 'IDENTIFIER REQUIRED';
if (v.includes('@')) return /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(v) ? '' : 'MALFORMED ADDRESS — CHECK FORMAT';
return /^[\w.\-]{3,32}$/.test(v) ? '' : '3–32 CHARACTERS — LETTERS, DIGITS, . _ -';
};
const setChannel = s => {
channel.className = 'channel' + (s === 'default' ? '' : ' ' + s);
channelText.textContent = s === 'open' ? 'CHANNEL OPEN' : s === 'handshake' ? 'HANDSHAKE' : 'SECURE CHANNEL';
};
const resetGrant = () => {
if (!granted) return;
granted = false;
btn.classList.remove('success');
btnLabel.textContent = 'Open secure channel';
setChannel('default');
};
/* remembered identifier */
try {
const saved = localStorage.getItem('axiom.remember.id');
if (saved) { idIn.value = saved; remember.checked = true; }
} catch (e) {}
/* eye toggle */
eye.addEventListener('click', () => {
const show = pwIn.type === 'password';
pwIn.type = show ? 'text' : 'password';
eye.classList.toggle('revealed', show);
eye.setAttribute('aria-pressed', String(show));
eye.setAttribute('aria-label', show ? 'Hide passphrase' : 'Show passphrase');
pwIn.focus();
});
idIn.addEventListener('input', () => { setErr(fId, idMsg, ''); resetGrant(); });
idIn.addEventListener('blur', () => { const e = validId(idIn.value); if (e) setErr(fId, idMsg, e); });
pwIn.addEventListener('input', () => {
setErr(fPw, pwMsg, '');
Strength.update(pwIn.value);
resetGrant();
});
form.addEventListener('submit', e => {
e.preventDefault();
if (busy || granted) return;
const idErr = validId(idIn.value), pwv = pwIn.value;
const pwErr = !pwv ? 'PASSPHRASE REQUIRED'
: pwv.length < 6 ? `MIN 6 CHARACTERS — ${pwv.length}/6` : '';
setErr(fId, idMsg, idErr); setErr(fPw, pwMsg, pwErr);
if (idErr) { idIn.focus(); return; }
if (pwErr) { pwIn.focus(); return; }
busy = true;
btn.classList.add('loading');
btnLabel.textContent = 'Authenticating';
setChannel('handshake');
setTimeout(() => {
busy = false; granted = true;
btn.classList.remove('loading');
btn.classList.add('success');
btnLabel.textContent = 'Access granted';
setChannel('open');
Scene.pulse();
try {
if (remember.checked) localStorage.setItem('axiom.remember.id', idIn.value.trim());
else localStorage.removeItem('axiom.remember.id');
} catch (e) {}
const name = idIn.value.trim().split('@')[0];
Toast.ok(`CHANNEL OPEN — WELCOME BACK, ${name.toUpperCase()}`);
}, 1450);
});
Strength.update('');
})();
if (!REDUCED) {
let last = performance.now();
(function frame(now) {
const dt = clamp(now - last, 0, 50); last = now;
Scene.draw(dt, now);
Wave.draw(dt);
Light.update(dt);
requestAnimationFrame(frame);
})(last);
} else { Scene.draw(0, 0); }
})();
