:root{--ink:#102038;--navy:#0e1a2d;--navy2:#172943;--sky:#68c8ef;--blue:#1474d4;--paper:#f7f4ee;--line:#d9e1e9;--muted:#65758a;--ok:#187a47}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:grid;grid-template-rows:72px minmax(0,1fr) 42px;background:var(--paper);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}.app-header{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:0 28px;background:var(--navy);color:white;border-bottom:1px solid #2c405d}.brand{display:flex;align-items:center;gap:9px;font-weight:900;letter-spacing:.03em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,var(--sky),var(--blue));font-size:19px}.brand small{color:#9fb2ca;font:800 10px/1 monospace;margin-left:7px}.app-header nav{display:flex;justify-content:center;gap:6px}.nav-button,.quiet,.primary{border:0;border-radius:10px;font:inherit;font-weight:800;cursor:pointer}.nav-button{padding:10px 13px;background:transparent;color:#acbed2}.nav-button:hover,.nav-button.active{background:#263a55;color:white}.session{display:flex;align-items:center;gap:10px;color:#b9c8d9;font-size:12px}.quiet{padding:8px 11px;background:#263a55;color:white}.primary{padding:11px 15px;background:var(--blue);color:white}.primary:hover{background:#075faa}#workspace{overflow:auto;padding:44px max(28px,calc((100% - 1240px)/2)) 70px;outline:0}.view{display:none}.view.active{display:block}.title-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.eyebrow{margin:0 0 10px;color:#2384ae;font:900 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}h1{max-width:850px;margin:0;font-size:clamp(38px,5.4vw,78px);line-height:.96;letter-spacing:-.055em}h2{margin:8px 0;font-size:21px}.status-strip{display:flex;gap:1px;margin:32px 0;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.status-strip span{flex:1;background:white;padding:15px 18px;color:var(--muted)}.status-strip b{color:var(--ink);font-size:20px;margin-right:5px}.records{display:grid;gap:10px}.record{display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:start;padding:17px 19px;border:1px solid var(--line);border-radius:14px;background:white}.record .platform{font-weight:900;text-transform:uppercase;color:var(--blue);font-size:12px;letter-spacing:.08em}.record h3{margin:0 0 4px;font-size:16px}.record p{margin:0;color:#43546a;white-space:pre-wrap}.record time{color:var(--muted);font-size:12px}.empty{padding:34px;border:1px dashed #afbccb;border-radius:14px;color:var(--muted);text-align:center}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 12px 38px rgba(34,52,79,.06)}.step{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e5f5fc;color:#1177a4;font-weight:900}.card p{color:var(--muted)}label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:15px 0 5px}input{width:100%;border:1px solid #bec9d5;border-radius:10px;padding:12px;font:inherit;font-size:20px;letter-spacing:.25em}.card .primary{width:100%;margin-top:10px}.message{min-height:24px;color:var(--ok)!important}.download-link{display:block;margin-top:16px;padding:12px 15px;border-radius:10px;background:var(--blue);color:#fff;font-weight:850;text-align:center;text-decoration:none}.download-link:hover{background:#075faa}.download-note{display:block;margin-top:9px;color:var(--muted);font-size:11px;line-height:1.4}.chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:stretch;margin-top:38px}.chain div{background:var(--navy2);color:white;border-radius:16px;padding:22px}.chain b{display:block;color:var(--sky);font-size:17px}.chain span{display:block;color:#c0ccda;margin-top:9px}.chain i{display:grid;place-items:center;color:var(--blue);font-size:26px;font-style:normal}.app-footer{display:flex;justify-content:space-between;align-items:center;padding:0 28px;background:var(--navy);color:#94a8c0;border-top:1px solid #2c405d;font-size:11px}.app-footer strong{color:#c3d0df;letter-spacing:.06em}@media(max-width:860px){body{grid-template-rows:auto minmax(0,1fr) 42px}.app-header{grid-template-columns:1fr auto;padding:12px 16px}.app-header nav{grid-column:1/-1;order:3;justify-content:flex-start;overflow:auto}.session #identity{display:none}.setup-grid,.chain{grid-template-columns:1fr}.chain i{transform:rotate(90deg)}.status-strip{display:grid}.record{grid-template-columns:1fr}.app-footer{padding:0 14px}}