:root{--ink:#171815;--muted:#6b6c64;--paper:#f0f0e8;--card:#fbfbf7;--line:#d5d6cc;--acid:#d9f536;--blue:#4e65ff;--danger:#a43d34;--shadow:0 24px 70px rgba(30,32,25,.10);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(217,245,54,.38),transparent 28rem),linear-gradient(#f4f4ec,#ecece3)}button,input{font:inherit}.app-shell{width:min(1460px,100%);margin:auto;min-height:100vh;padding:0 42px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--ink);color:var(--acid);font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:19px}.brand small{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.status-pill,.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.58);font-size:12px}.status-pill span{width:8px;height:8px;border-radius:50%;background:#aaa}.status-pill.online span{background:#54b96a;box-shadow:0 0 0 4px rgba(84,185,106,.15)}main{padding:70px 0}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;margin-bottom:56px}.hero .eyebrow{grid-column:1/-1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;margin:0 0 16px;color:#727563}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,88px);font-weight:400;letter-spacing:-.055em;line-height:.9;margin:0}.hero h1 em{color:var(--blue);font-weight:400}.lede{max-width:560px;margin:0;font-size:18px;line-height:1.65;color:var(--muted)}.workspace{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.panel{background:rgba(251,251,247,.92);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.panel-heading,.section-heading,.timeline-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading>div,.timeline-heading>div{display:flex;align-items:center;gap:12px}.panel h2,.section-heading h2{margin:0;font-size:24px}.step{display:grid;place-items:center;width:34px;height:34px;background:var(--acid);border-radius:50%;font-size:11px;font-weight:900}.panel p{color:var(--muted);line-height:1.55}.tabs{display:flex;gap:6px;margin:22px 0}.tab{border:0;background:transparent;border-radius:9px;padding:8px 13px;color:var(--muted);cursor:pointer}.tab.active{background:var(--ink);color:white}.identity-form,label{display:grid;gap:7px}.identity-form{gap:14px}label{font-size:12px;font-weight:750;margin-top:15px}input{width:100%;border:1px solid var(--line);background:white;border-radius:12px;padding:13px 14px;color:var(--ink);outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(78,101,255,.12)}button{cursor:pointer}.primary,.secondary{border-radius:12px;padding:13px 17px;font-weight:800}.primary{border:0;background:var(--ink);color:white;margin-top:16px}.primary:hover{background:var(--blue)}.primary:disabled{cursor:not-allowed;opacity:.4}.secondary{border:1px solid var(--line);background:white;color:var(--ink)}.danger-link,.copy{border:0;background:transparent;color:var(--danger);font-weight:700}.copy{color:var(--blue);padding:0}.connection-note{font-size:13px}.protocol-log{display:grid;gap:7px;max-height:180px;overflow:auto;margin-top:18px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.log-line{padding:8px 10px;border-radius:8px;background:#f1f1ea;color:#5f6257}.log-line.error{background:#fae9e5;color:#8c3028}.key-block{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:22px;padding:16px;border:1px solid var(--line);background:white;border-radius:14px}.key-block span{grid-column:1/-1;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.key-block code{overflow-wrap:anywhere;line-height:1.45}.key-block.compact code{font-size:11px}.safety{font-size:12px}.button-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.form-error{padding:10px 12px;border-radius:9px;background:#fae9e5;color:#8c3028!important}.community{margin-top:70px}.section-heading{margin-bottom:20px}.community-grid{display:grid;grid-template-columns:280px 1fr;min-height:550px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--card);box-shadow:var(--shadow)}.channel-list{padding:24px;border-right:1px solid var(--line);background:#ecece4}.channel-list h3,.timeline h3{margin:0 0 16px}.channel-button{width:100%;border:0;border-radius:10px;background:transparent;padding:10px 12px;text-align:left}.channel-button:hover,.channel-button.active{background:white}.timeline{padding:24px}.timeline-heading{border-bottom:1px solid var(--line);padding-bottom:15px}.timeline-heading h3{margin:0}.channel-dot{width:10px;height:10px;border-radius:50%;background:var(--acid);border:1px solid #a7b91d}.timeline-heading>span{font-size:12px;color:var(--muted)}.events{display:grid;gap:12px;padding-top:18px}.event{border:1px solid var(--line);border-radius:14px;padding:14px;background:white}.event-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:8px}.event p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.empty-state{display:grid;place-items:center;min-height:280px;text-align:center;color:var(--muted)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0 42px;margin-top:70px;color:var(--muted);font-size:12px}.hidden{display:none!important}@media(max-width:850px){.app-shell{padding:0 18px}.topbar{height:74px}.hero{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.hero .eyebrow{grid-column:auto}.hero h1{font-size:52px}.workspace{grid-template-columns:1fr}.community-grid{grid-template-columns:1fr}.channel-list{border-right:0;border-bottom:1px solid var(--line)}main{padding-top:45px}}@media(max-width:500px){.hero h1{font-size:42px}.panel{padding:20px;border-radius:18px}.status-pill{font-size:0}.status-pill span{margin:0}.key-block{grid-template-columns:1fr}.copy{justify-self:start}.button-row{align-items:flex-start;gap:14px;flex-direction:column}.community-grid{border-radius:18px}footer{flex-direction:column;gap:8px}}