:root{color:#17202a;background:#f6f8fb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:2rem}h2{font-size:1.1rem}button,.button-link,input,textarea,.panel,.status,.qr-frame{background:#fff;border:1px solid #d8dde5;border-radius:6px}button,.button-link,input,textarea{color:inherit;font:inherit;padding:.6rem}button{cursor:pointer}button:disabled,a[aria-disabled=true]{cursor:not-allowed;opacity:.55}button:not(:disabled):hover,.button-link:not([aria-disabled=true]):hover{border-color:#98a2b3}.button-link{text-align:center;justify-content:center;align-items:center;min-width:0;text-decoration:none;display:inline-flex}.button-link.primary{color:#fff;background:#17202a;border-color:#17202a}.button-link.primary:not([aria-disabled=true]):hover{background:#344054;border-color:#344054}input,textarea{width:100%}textarea{resize:vertical}.app-shell{max-width:1040px;margin:0 auto;padding:1rem 2rem 2rem}.panel{padding:1rem}.status{margin-bottom:1rem;padding:.75rem 1rem}.status.error{color:#b42318;border-color:#fecdca}.app-header,.section-header,.file-list li,.actions{align-items:center;gap:.75rem;display:flex}.app-header,.section-header,.file-list li{justify-content:space-between}.app-header{align-items:flex-start;margin-bottom:.75rem}.app-footer{color:#667085;text-align:center;margin-top:1rem;font-size:.8rem}.section-header{margin-bottom:1rem}.pubky-id{overflow-wrap:anywhere;margin:0;font-family:monospace}.auth-grid,.grid,.form-grid,.file-list,.event-list,.ring-signin,.ring-actions{gap:1rem;display:grid}.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-grid.ring-only{grid-template-columns:minmax(0,520px);justify-content:center}.grid{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}.event-stream-panel{grid-column:1/-1}.ring-signin{justify-items:center}.qr-frame{aspect-ratio:1;place-items:center;width:min(100%,252px);display:grid}.ring-qr{aspect-ratio:1;width:min(220px,100% - 2rem);display:block}.qr-placeholder{color:#667085;text-align:center;place-items:center;gap:.5rem;min-height:220px;padding:1rem;display:grid}.qr-placeholder strong{color:#17202a}.ring-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.spinner{border:3px solid #d8dde5;border-top-color:#17202a;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}.form-grid label{gap:.35rem;font-weight:600;display:grid}.file-list,.event-list{margin:0;padding:0;list-style:none}.file-list li,.event-list li{border-top:1px solid #d8dde5;padding-top:.75rem}.file-list li:first-child,.event-list li:first-child{border-top:0;padding-top:0}.file-list strong,.file-list span,.event-list span,.event-list small{display:block}.event-list span,.event-list small{overflow-wrap:anywhere}.user-block{text-align:right;justify-items:end;gap:.5rem;max-width:50%;display:grid}.user-block button{white-space:nowrap}.muted,.empty,.file-list span,.event-list small{color:#667085}.empty{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@media (width<=760px){.app-shell{padding:.5rem 1rem 1rem}.app-header,.section-header,.file-list li{align-items:stretch;display:grid}.auth-grid,.grid,.ring-actions{grid-template-columns:1fr}.user-block{max-width:100%}}