:root{--bg: #fafafa;--fg: #111;--muted: #666;--border: #e4e4e7;--primary: #0ea5e9;--primary-fg: #fff;--success: #16a34a;--warning: #eab308;--error: #dc2626;--info: #2563eb;--card-bg: #fff}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5}#root{max-width:960px;margin:0 auto;padding:24px 16px 48px}.boot{display:flex;align-items:center;justify-content:center;min-height:80vh}.boot-card,.panel{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:20px}.boot-card{max-width:420px;text-align:center}h1{font-size:22px;margin:0 0 8px}h2{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:24px 0 12px}p{margin:4px 0}.muted{color:var(--muted);font-size:14px}.mono{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;background:#0000000a;padding:1px 6px;border-radius:4px}.identity{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;font-size:14px}.identity dt{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.identity dd{margin:0 0 8px;font-weight:500}.row{display:flex;flex-wrap:wrap;gap:8px}.col{display:flex;flex-direction:column;gap:8px}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--card-bg);color:var(--fg);padding:8px 14px;border-radius:6px;font-size:14px;transition:background .1s ease}button:hover{background:#00000008}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}button.primary:hover{background:#0284c7}button.success{color:var(--success)}button.warning{color:var(--warning)}button.error{color:var(--error)}button.info{color:var(--info)}input[type=text],input[type=number]{font:inherit;border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:14px;width:220px}.event-log{height:180px;overflow-y:auto;border:1px solid var(--border);border-radius:6px;padding:10px;background:#1a1a1a;color:#d4d4d4;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;line-height:1.4}.event-log .line{white-space:pre-wrap}.event-log .ts{color:#8b8b8b;margin-right:6px}.event-log .ev{color:#0ea5e9;margin-right:6px}.scopes{display:flex;flex-wrap:wrap;gap:6px}.scope-pill{font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;background:#0ea5e914;border:1px solid rgba(14,165,233,.25);color:#0369a1;border-radius:999px;padding:2px 10px}header.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:12px}header.app-header h1{font-size:20px}header.app-header .tag{font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:#0000000f;border-radius:999px;padding:2px 10px;color:var(--muted)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;word-break:break-all}.token-box{font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;background:#f4f4f5;border:1px solid var(--border);border-radius:6px;padding:10px;word-break:break-all;margin-top:8px}