@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,500;6..96,700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--paper:#e8e6df;--ink:#12120f;--graphite:#30302b;--ash:#8f8d84;--fog:#d2d0c8;--line:rgba(18,18,15,.18);font-family:IBM Plex Mono,monospace;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 78% 8%,#f5f3ec 0,transparent 32rem),var(--paper)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.console-shell{min-height:100vh;max-width:1540px;margin:auto;padding:22px;display:grid;grid-template-columns:280px minmax(450px,1fr) 280px;grid-template-rows:auto auto 1fr;gap:12px;animation:arrive .7s cubic-bezier(.2,.8,.2,1) both}.masthead{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;border-bottom:1px solid var(--ink);padding:0 0 16px}.wordmark{display:flex;align-items:baseline;gap:9px;font-family:Bodoni Moda,serif;font-size:clamp(2rem,4vw,4.6rem);letter-spacing:-.07em;line-height:.8}.wordmark b{font-family:IBM Plex Mono,monospace;font-size:.28em;letter-spacing:-.08em;text-transform:uppercase}.masthead p,.pairing-code{margin:0;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ash)}.pairing-code{text-align:right;color:var(--ink)}.pairing-code strong{display:block;font-size:1rem;letter-spacing:.2em;margin-top:5px}.status-rail,.connection-panel,.composer,.activity-stream{border:1px solid var(--line);background:#ffffff38}.status-rail{grid-column:1;grid-row:2/span 2;padding:18px;display:flex;flex-direction:column;gap:22px;justify-content:space-between}.signal-mark{height:106px;display:flex;flex-direction:column;justify-content:space-between}.signal-mark i{display:block;height:1px;background:var(--ink);transform-origin:left;animation:signal 1.5s ease-in-out infinite}.signal-mark i:nth-child(2){animation-delay:.18s}.signal-mark i:nth-child(3){animation-delay:.36s}.state-ready .signal-mark i{background:var(--ink)}.state-auth_failure .signal-mark i,.state-disconnected .signal-mark i{background:var(--ash);animation:none;transform:scaleX(.35)}.status-copy{display:grid;gap:8px}.status-copy strong{font-family:Bodoni Moda,serif;font-size:1.7rem;letter-spacing:-.05em}.status-copy span:not(.section-kicker){font-size:.72rem;line-height:1.6;color:var(--graphite)}.qr-panel{display:grid;gap:9px;justify-items:start}.qr-panel img{display:block;width:min(100%,220px);aspect-ratio:1;background:#fff;padding:8px}.qr-panel span{font-size:.62rem;line-height:1.45;color:var(--graphite)}.section-kicker{color:var(--ash);font-size:.64rem;text-transform:uppercase;letter-spacing:.13em}.text-button{padding:0;background:none;border:0;text-align:left;font-size:.72rem;text-decoration:underline;text-underline-offset:4px}.connection-panel{grid-column:2;padding:14px 18px}.connection-panel label{display:block;margin:9px 0 6px;font-size:.7rem}.connection-panel p{margin:8px 0 0;font-size:.62rem;color:var(--ash)}.key-row{display:flex;gap:8px}.key-row input{flex:1}input,textarea{width:100%;border:1px solid var(--line);border-radius:0;background:#ffffff59;color:var(--ink);padding:11px 12px;font-size:.78rem}textarea{min-height:92px;resize:vertical}.button{border:1px solid var(--ink);border-radius:0;padding:11px 16px;background:transparent;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;font-size:.67rem}.button:hover,.button-ink{background:var(--ink);color:var(--paper)}.button:disabled{opacity:.45;cursor:not-allowed}.button-wide{width:100%;margin-top:20px}.composer{grid-column:2;grid-row:3;padding:clamp(20px,4vw,48px)}.composer-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:28px}.composer h2{font-family:Bodoni Moda,serif;font-size:clamp(2rem,4vw,4.2rem);line-height:.9;letter-spacing:-.07em;margin:8px 0 0}.mode-code{font-size:.72rem;color:var(--ash)}.mode-switch{display:flex;gap:0;flex-wrap:wrap;margin:0 -1px 26px 0}.mode-switch button{border:1px solid var(--line);background:transparent;padding:9px 12px;margin:-1px 0 0 -1px;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em}.mode-switch button.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.field{display:grid;gap:6px;margin-top:13px}.field>span{font-size:.66rem;text-transform:uppercase;color:var(--graphite);letter-spacing:.08em}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.check-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px;font-size:.7rem}.check-row input{width:auto;margin-right:6px}.activity-stream{grid-column:3;grid-row:2/span 2;padding:18px;min-height:340px}.stream-heading{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:.68rem}.activity-stream ol{padding:0;margin:0;list-style:none}.activity-stream li{display:grid;grid-template-columns:50px 1fr;gap:3px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.66rem}.activity-stream time{color:var(--ash)}.activity-stream li span{grid-column:2;color:var(--graphite);line-height:1.45}.activity-stream li.error strong{text-decoration:underline;text-underline-offset:3px}.empty-state{font-size:.69rem;line-height:1.6;color:var(--ash);padding-top:10px}.status-announcer{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.key-manager{grid-column:2;padding:18px;border:1px solid var(--line);background:#ffffff38}.key-manager-head{display:flex;align-items:baseline;justify-content:space-between;margin:5px 0 16px}.key-manager h2{font-family:Bodoni Moda,serif;font-size:2rem;line-height:.9;letter-spacing:-.06em;margin:0}.key-manager-head>span{font-size:.64rem;color:var(--ash);text-transform:uppercase}.key-create{display:flex;gap:8px}.key-create input{flex:1}.new-key{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:14px;padding:12px;background:var(--ink);color:var(--paper)}.new-key .section-kicker{grid-column:1/-1;color:var(--fog)}.new-key code{font-size:.7rem;overflow-wrap:anywhere}.new-key .button{border-color:var(--paper);color:var(--paper)}.key-error{font-size:.68rem;color:#8b2d20;margin:12px 0 0}.key-list{margin-top:16px}.key-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:.72rem}.key-item small{display:block;color:var(--ash);font-size:.62rem;margin-top:4px}.key-item-action{display:flex;align-items:center;gap:12px;color:var(--graphite);font-size:.62rem;text-transform:uppercase}.key-item-revoked{opacity:.5}.key-item-revoked .text-button{display:none}@keyframes arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes signal{0%,to{transform:scaleX(.2)}50%{transform:scaleX(1)}}.key-manager{grid-row:3}@media(max-width:980px){.console-shell{grid-template-columns:1fr 1fr}.masthead{grid-template-columns:1fr auto}.masthead p{display:none}.status-rail{grid-column:1;grid-row:2}.connection-panel{grid-column:2}.key-manager{grid-column:1/-1;grid-row:auto}.composer{grid-column:1/-1;grid-row:4}.activity-stream{grid-column:1/-1;grid-row:5;min-height:0}}@media(max-width:600px){.console-shell{display:block;padding:12px}.masthead,.status-rail,.connection-panel,.key-manager,.composer,.activity-stream{margin-bottom:10px}.masthead{display:block}.pairing-code{text-align:left;margin-top:18px}.status-rail{min-height:230px}.field-grid{grid-template-columns:1fr}.composer{padding:22px}.mode-switch button{flex:1}.key-row{display:block}.key-row .button{width:100%;margin-top:8px}.key-create{display:block}.key-create .button{width:100%;margin-top:8px}.new-key{grid-template-columns:1fr}}