*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;color:#0b0b0b;background:#f4f4f2}.shell{display:flex;min-height:100vh}.sidebar{width:170px;flex-shrink:0;border-right:1px solid #e4e4e0;padding:16px 12px}.sidebar h1{font-size:14px;font-weight:600;margin:0 4px 20px}.sidebar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.sidebar button{width:100%;text-align:left;padding:6px 10px;font-size:13px;font-family:inherit;color:inherit;background:none;border:1px solid transparent;border-radius:6px;cursor:pointer}.sidebar button.active{background:#fff;border-color:#e0e0dc}main{flex:1;padding:20px 28px;max-width:1400px}.page-header h2{font-size:18px;margin:0 0 4px}.page-header h2.mono{font-size:18px}.page-header{margin-bottom:16px}.muted{color:#52514e;font-size:12px;margin:0}.error{color:#b3261e}.header-row{display:flex;align-items:flex-end;justify-content:space-between}.filter{display:flex;align-items:center;gap:6px;font-size:12px;color:#52514e;cursor:pointer;-webkit-user-select:none;user-select:none}.filter input{margin:0;accent-color:#2a78d6}.card{background:#fcfcfb;border:1px solid #e4e4e0;border-radius:8px;overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:400;color:#52514e;font-size:12px;padding:10px 16px;border-bottom:1px solid #ececea}td{padding:10px 16px;border-bottom:1px solid #f0f0ee}tr:last-child td{border-bottom:none}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.badge{margin-left:8px;padding:1px 6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:10px;color:#52514e;background:#f0f0ee;border-radius:4px}.empty{text-align:center;padding:32px}.back{background:none;border:none;padding:0;margin-bottom:12px;font-size:12px;font-family:inherit;color:#52514e;cursor:pointer}.back:hover{color:#0b0b0b}tr.internal{opacity:.5}.id-grid{display:flex;gap:32px;margin-top:10px}.id-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.id-label{font-size:11px;color:#52514e}.id-chip{font-size:12px;color:#52514e;background:#f0f0ee;border:none;border-radius:4px;padding:1px 6px;margin-left:-6px;cursor:pointer}.id-chip:hover{background:#e8e8e5}.page-top{display:flex;align-items:flex-start;justify-content:space-between}.kebab-wrap{position:relative}.kebab{font-size:18px;line-height:1;color:#52514e;background:none;border:none;border-radius:6px;padding:4px 8px;cursor:pointer}.kebab:hover{color:#0b0b0b;background:#ececea}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}.menu{position:absolute;right:0;top:30px;z-index:10;width:max-content;max-width:340px;padding:12px 14px;box-shadow:0 4px 16px #0b0b0b14}.menu-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-size:12px;color:#52514e}.menu-field input{font-family:inherit;font-size:12px;color:#0b0b0b;background:#fff;border:1px solid #e4e4e0;border-radius:6px;padding:4px 8px}.section-h{font-size:13px;font-weight:600;margin:20px 0 8px}.viewer-head{display:flex;align-items:flex-end;justify-content:space-between;margin-top:20px}.viewer-head .section-h{margin:0}.viewer-head select{font-family:inherit;font-size:12px;color:inherit;background:#fcfcfb;border:1px solid #e4e4e0;border-radius:6px;padding:4px 8px}.sessions-card{margin:12px -16px 16px;background:#fcfcfb;border:1px solid #e4e4e0;border-radius:8px;overflow:hidden}.totals td{border-bottom:1px solid #e4e4e0;font-weight:600;font-variant-numeric:tabular-nums;background:#f9f9f7}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:8px 16px;border-top:1px solid #ececea}.pager button{font-family:inherit;font-size:12px;color:inherit;background:#fcfcfb;border:1px solid #e4e4e0;border-radius:6px;padding:3px 10px;cursor:pointer}.pager button:disabled{opacity:.4;cursor:default}.session-back{margin:20px 0 0}.session-meta{display:flex;align-items:center;gap:16px}.timeline td{padding:6px 16px}.timeline .time-cell{width:1%;white-space:nowrap;color:#52514e}.timeline .kind-cell{width:1%}.timeline .badge{margin-left:0}.item-detail{margin-left:8px}.spend-cell{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.timeline a.error{color:#b3261e}tr.idle-gap td{padding:4px 16px;text-align:center;font-size:11px;color:#52514e;background:#f9f9f7}.expand-arrow{margin-left:8px;font-size:10px}tr.trace-row td{padding:12px 16px 16px 60px;background:#f9f9f7}.generation+.generation{margin-top:12px}.gen-title{margin:0 0 6px}.msg{margin-bottom:8px}.msg-role{display:block;font-size:11px;color:#52514e;margin-bottom:2px}details.msg summary{cursor:pointer;-webkit-user-select:none;user-select:none}.msg pre{margin:0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word;background:#fcfcfb;border:1px solid #ececea;border-radius:6px;max-height:320px;overflow-y:auto}.trace-link{margin:10px 0 0;font-size:12px}.kind-screen{color:#2a5d8f;background:#e7f0f9}.kind-action{color:#2f6b3c;background:#e8f3ea}.kind-llm{color:#6b4fa0;background:#efeaf8}.kind-error{color:#b3261e;background:#fbeae9}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#f7f7f5}.badge.level{margin-left:0}.level-fatal{color:#fff;background:#b3261e}.level-error{color:#b3261e;background:#fbeae9}.level-warning{color:#7a5a00;background:#f8efd4}.level-info{color:#2a5d8f;background:#e7f0f9}.login{min-height:100vh;display:flex;align-items:center;justify-content:center}.login form{display:flex;flex-direction:column;gap:10px;width:240px;padding:24px;background:#fff;border:1px solid #e4e4e0;border-radius:10px}.login h1{font-size:14px;font-weight:600;margin:0 0 6px}.login input{padding:7px 10px;font-size:13px;font-family:inherit;border:1px solid #d9d9d5;border-radius:6px}.login button{padding:7px 10px;font-size:13px;font-family:inherit;font-weight:500;color:#fff;background:#0b0b0b;border:none;border-radius:6px;cursor:pointer}.login button:disabled{opacity:.4;cursor:default}.login-error{margin:0;font-size:12px;color:#b3261e}