:root{color-scheme:light;--bg: #f6f7f9;--panel: #ffffff;--border: #e1e4e8;--text: #1f2328;--muted: #6b7280;--accent: #2563eb;--accent-weak: #dbeafe;--user-bg: #eef2ff;--assistant-bg: #ffffff;--tool-bg: #f4f4f5;--internal-bg: #fdf6e3;--internal-border: #e6c66b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--panel);border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:1.25rem}.brand{font-weight:700;font-size:1.1rem;color:var(--text);text-decoration:none}.nav-link{color:var(--muted);text-decoration:none;font-size:.9rem}.nav-link:hover{color:var(--accent)}.logout-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:.4rem .8rem;color:var(--muted)}.logout-btn:hover{background:var(--bg)}.app-main{flex:1;padding:1.5rem;max-width:900px;width:100%;margin:0 auto}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:2rem;width:320px;display:flex;flex-direction:column;gap:.9rem}.login-card h1{margin:0 0 .5rem;font-size:1.3rem}.login-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--muted)}.login-card input{font:inherit;padding:.5rem;border:1px solid var(--border);border-radius:6px}.login-card button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.6rem;font-weight:600}.error-text{color:#dc2626;font-size:.85rem}.filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:1.25rem}.env-filter{display:flex;gap:.4rem}.env-filter button{border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:.3rem .9rem;font-size:.85rem}.env-filter button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tag-filter{display:flex;flex-wrap:wrap;gap:.4rem}.tag-toggle{border:1px solid var(--border);border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.tag-toggle input{display:none}.tag-toggle.active{background:var(--accent-weak);color:var(--accent);border-color:var(--accent)}.muted{color:var(--muted);font-size:.8rem}.search{flex:1;min-width:180px;padding:.45rem .7rem;border:1px solid var(--border);border-radius:6px;font:inherit}.dropdown-filter{padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;font:inherit;font-size:.85rem;background:var(--panel);color:var(--text)}.state{text-align:center;color:var(--muted);padding:3rem 0}.conv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.conv-row{display:grid;grid-template-columns:130px 90px auto 70px 1fr auto;align-items:center;gap:.75rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;text-decoration:none;color:var(--text)}.conv-row:hover{border-color:var(--accent)}.updated{font-size:.8rem;color:var(--muted)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-align:center;background:var(--accent-weak);color:var(--accent)}.badge.env-production{background:#fee2e2;color:#b91c1c}.badge.env-staging{background:#fef3c7;color:#92400e}.badge.env-develop{background:#dcfce7;color:#15803d}.tags{display:flex;flex-wrap:wrap;gap:.3rem}.tag-chip{background:var(--tool-bg);border-radius:999px;padding:.1rem .55rem;font-size:.75rem;color:var(--muted)}.turn-count{font-size:.8rem;color:var(--muted);white-space:nowrap}.preview{font-size:.85rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.load-more{margin:1rem auto 0;display:block;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:.5rem 1.2rem;font-size:.85rem}.load-more:hover{border-color:var(--accent)}.load-more:disabled{opacity:.6;cursor:default}.back-link{display:inline-block;margin-bottom:1rem;color:var(--accent);text-decoration:none;font-size:.9rem}.detail-header{display:flex;gap:.4rem;align-items:center;margin-bottom:1.5rem}.timeline{display:flex;flex-direction:column;gap:1rem}.message{display:flex;flex-direction:column;gap:.3rem}.msg-meta{display:flex;gap:.6rem;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.bubble{border-radius:10px;padding:.75rem 1rem;border:1px solid var(--border);background:var(--assistant-bg);max-width:100%}.message.user .bubble{background:var(--user-bg);align-self:flex-end;max-width:80%}.message.tool .bubble{background:var(--tool-bg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.message.internal .bubble{background:var(--internal-bg);border-color:var(--internal-border);border-style:dashed;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;align-self:center;max-width:90%}.bubble.clickable{cursor:pointer}.bubble.clickable:hover{border-color:var(--accent)}.content{white-space:pre-wrap;word-break:break-word}.tool-calls{margin-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.tool-call-chip{background:var(--accent-weak);border-radius:8px;padding:.4rem .6rem;font-size:.8rem}.tool-call-chip pre{margin:.3rem 0 0;white-space:pre-wrap;font-size:.78rem}.prompt-hint{margin-top:.5rem;font-size:.75rem;color:var(--accent)}.master-prompt{border:1px dashed var(--border);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.4rem;background:#fafafa}.prompt-block .block-header{display:flex;justify-content:space-between;font-size:.78rem;font-weight:600;cursor:pointer;padding:.2rem .3rem}.block-content{margin:0;padding:.5rem;background:#fff;border:1px solid var(--border);border-radius:6px;font-size:.78rem;white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto}.delete-btn{background:none;border:1px solid #dc2626;color:#dc2626;border-radius:6px;padding:.3rem .7rem;font-size:.78rem;white-space:nowrap}.delete-btn:hover{background:#fee2e2}.block-hash{font-weight:400;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.deleted-placeholder{color:var(--muted);font-style:italic}.prompt-cache-page h1{margin:0 0 .25rem}.pb-table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;font-size:.85rem}.pb-table th,.pb-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border);text-align:left}.pb-table th{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}.pb-names{display:flex;flex-wrap:wrap;gap:.3rem}.pb-hash{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;color:var(--accent)}.pb-preview{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pb-preview.clickable{cursor:pointer}.pb-preview.clickable:hover{color:var(--accent)}.expand-hint{color:var(--muted)}.pb-expanded-row td{background:#fafafa}.pb-expanded-row .block-content{max-height:400px}.pb-size,.pb-time{white-space:nowrap;color:var(--muted)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--bg: #0f1117;--panel: #171923;--border: #2d3139;--text: #e5e7eb;--muted: #9ca3af;--accent: #60a5fa;--accent-weak: #1e3a5f;--user-bg: #1e2a4a;--assistant-bg: #171923;--tool-bg: #1f2229;--internal-bg: #2a2410;--internal-border: #6b5a1f}.block-content{background:#11131a}.master-prompt,.pb-expanded-row td{background:#12141b}}