:root{--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", "Fira Code", ui-monospace, monospace;--black: #111;--white: #fff;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--border: 1px solid var(--gray-300);--border-dark: 1px solid var(--black);--radius: 3px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);font-size:13px;line-height:1.5;color:var(--black);background:var(--white)}a{color:var(--gray-500);text-decoration:none}a:hover{color:var(--black)}.hidden{display:none!important}.btn{font-family:var(--font-mono);font-size:12px;padding:8px 16px;cursor:pointer;border:var(--border-dark);background:var(--white);transition:background .1s}.btn:hover{background:var(--gray-100)}.btn-primary{background:var(--black);color:var(--white)}.btn-primary:hover{background:var(--gray-600)}.btn-ghost{border:none;color:var(--gray-500)}.btn-ghost:hover{color:var(--black);background:transparent}input,textarea{width:100%;border:var(--border);padding:10px 12px;font-family:var(--font-mono);font-size:12px;outline:none;background:var(--white);color:var(--black)}input:focus,textarea:focus{border-color:var(--black)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:var(--border);height:40px;flex-shrink:0}.header-title{font-size:13px;font-weight:700;letter-spacing:.5px}.agent-id{font-size:10px;color:var(--gray-400);padding:2px 6px;border:var(--border)}.breadcrumb{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:11px}.breadcrumb-item{color:var(--gray-400);cursor:pointer}.breadcrumb-item:hover{color:var(--black)}.breadcrumb-item:last-child{color:var(--black);font-weight:600}.breadcrumb-sep{color:var(--gray-300);-webkit-user-select:none;user-select:none}.tab-count{font-size:10px;color:var(--gray-400)}.parent-intent{padding:12px 16px;border-bottom:2px solid var(--black);background:var(--gray-100);font-size:12px}.parent-intent-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-400);margin-bottom:4px}.parent-intent-content{color:var(--black);line-height:1.5}.board{flex:1;overflow-y:auto;padding:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gray-400);font-size:13px;gap:4px}.empty-hint{font-size:11px}.intent-card{padding:12px 16px;border-bottom:var(--border);cursor:pointer;transition:background .1s}.intent-card:hover{background:var(--gray-100)}.intent-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.intent-card-sender{font-size:11px;font-weight:600;color:var(--gray-600)}.intent-card-sender.is-you{color:var(--black)}.intent-card-sender.is-you:after{content:" (you)";font-weight:400;color:var(--gray-400);font-size:10px}.intent-card-time{font-size:10px;color:var(--gray-400);margin-left:auto}.intent-card-content{font-size:12px;line-height:1.6}.intent-card-zoom{font-size:10px;color:var(--gray-400);margin-top:4px}.intent-card:hover .intent-card-zoom{color:var(--gray-600)}.post-bar{display:flex;gap:8px;padding:8px 16px;border-top:var(--border-dark);flex-shrink:0}.post-bar input{flex:1}.post-bar .btn{flex-shrink:0}.view-toggle{font-size:10px;padding:4px 10px;letter-spacing:.5px}.view-toggle.active{background:var(--black);color:var(--white)}.web-view{flex:1;overflow:auto;padding:32px;position:relative}.web-node{position:absolute;border:var(--border-dark);background:var(--white);padding:8px 12px;max-width:200px;cursor:pointer;transition:background .1s,box-shadow .1s;font-size:11px;line-height:1.4}.web-node:hover{background:var(--gray-100);box-shadow:2px 2px 0 var(--black)}.web-node.is-current{border-width:2px}.web-node-label{font-weight:600;font-size:10px;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.web-node-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.web-node-children{font-size:10px;color:var(--gray-400);margin-top:4px}.web-edge{position:absolute;pointer-events:none}.web-root-label{position:absolute;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--gray-300)}@media(max-width:600px){.header{flex-wrap:wrap;height:auto;padding:8px 12px}.breadcrumb{margin-left:0;order:3;width:100%}.post-bar{padding:8px 12px}}