*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;background:#0b0d10;color:#e6e9ef;line-height:1.5;font-size:14px}a{color:#6ea8fe;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1400px;margin:0 auto;padding:24px}header.app-header{border-bottom:1px solid #1f242c;background:#0f1318;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}header.app-header h1{font-size:18px;font-weight:600}header.app-header nav{display:flex;gap:16px;font-size:13px}.section-title{display:flex;align-items:center;gap:12px;margin:24px 0 12px;font-size:15px;font-weight:600}.section-title .badge{background:#1f2937;color:#9ca3af;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500}.section-title .badge.live{background:#064e3b;color:#6ee7b7}.dot{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;margin-right:6px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}table.data{width:100%;border-collapse:collapse;background:#0f1318;border:1px solid #1f242c;border-radius:8px;overflow:hidden}table.data td,table.data th{padding:10px 14px;text-align:left;font-size:13px;border-bottom:1px solid #1f242c}table.data th{background:#161b22;font-weight:500;color:#9ca3af;font-size:11px;text-transform:uppercase;letter-spacing:.05em}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:#161b22;cursor:pointer}.empty{padding:40px;text-align:center;color:#6b7280;background:#0f1318;border:1px solid #1f242c;border-radius:8px}.org{font-weight:500}.org.unknown{color:#6b7280;font-style:italic}.path{font-family:ui-monospace,SF Mono,Menlo,monospace;color:#93c5fd}.muted,.path{font-size:12px}.muted{color:#6b7280}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;background:#1f2937;color:#9ca3af}.tag.pageview{background:#1e3a8a;color:#93c5fd}.tag.leave{background:#7f1d1d;color:#fca5a5}.tag.hide{background:#44403c;color:#d6d3d1}.tag.custom{background:#581c87;color:#d8b4fe}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin:16px 0}.kpi{background:#0f1318;border:1px solid #1f242c;border-radius:8px;padding:16px}.kpi-label{color:#9ca3af;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:28px;font-weight:600;margin-top:4px}.session-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;background:#0f1318;border:1px solid #1f242c;border-radius:8px;padding:16px;margin-bottom:16px}.session-meta dt{color:#9ca3af;font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.session-meta dd{font-size:13px;word-break:break-all}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:#1f242c}.timeline-item{position:relative;padding-bottom:16px}.timeline-item:before{content:"";position:absolute;left:-22px;top:6px;width:12px;height:12px;border-radius:50%;background:#6ea8fe;border:2px solid #0b0d10}.timeline-item.leave:before{background:#ef4444}.timeline-item.hide:before{background:#6b7280}.timeline-item.custom:before{background:#a855f7}.timeline-time{color:#6b7280;font-size:11px}.controls{display:flex;gap:8px;margin-bottom:12px}.controls button,.controls select{background:#0f1318;color:#e6e9ef;border:1px solid #1f242c;border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}.controls button:hover{background:#161b22}.primary-button{background:#2563eb;color:white;border:0;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer}.primary-button:hover{background:#1d4ed8}.primary-button:disabled{background:#4b5563;cursor:not-allowed}.link-button{background:transparent;border:0;color:#6ea8fe;font-size:12px;cursor:pointer;padding:4px 8px;margin-left:4px}.link-button:hover{text-decoration:underline}.link-button.danger{color:#f87171}.form-card{background:#0f1318;border:1px solid #1f242c;border-radius:8px;padding:20px;margin-bottom:16px}.form-row{margin-bottom:12px}.form-row label{display:block;font-size:12px;color:#9ca3af;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.form-row input,.form-row textarea{width:100%;background:#161b22;color:#e6e9ef;border:1px solid #1f242c;border-radius:6px;padding:8px 12px;font-size:13px;font-family:inherit}.form-row input:focus,.form-row textarea:focus{outline:none;border-color:#2563eb}.error{background:#7f1d1d;color:#fecaca;padding:8px 12px;margin-bottom:12px}.error,.warning{border-radius:6px;font-size:13px}.warning{background:#78350f;color:#fde68a;padding:12px 16px;margin-bottom:16px;border-left:4px solid #f59e0b}.warning code{background:#451a03;padding:1px 6px;border-radius:3px}.snippet-box{position:relative;background:#161b22;border:1px solid #1f242c;border-radius:8px;padding:16px;margin-bottom:16px}.snippet-box pre{margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:#93c5fd;white-space:pre-wrap;word-break:break-all;padding-right:100px;line-height:1.6}.copy-button{position:absolute;top:12px;right:12px;background:#1f2937;color:#e6e9ef;border:1px solid #374151;border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer}.copy-button:hover{background:#374151}.steps{padding-left:24px;margin:8px 0}.steps li{margin-bottom:8px;font-size:13px}.steps code{background:#1f2937;padding:1px 6px;border-radius:3px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;color:#fde68a}.heatmap-layout{display:grid;grid-template-columns:280px 1fr;grid-gap:16px;gap:16px;align-items:start}@media (max-width:900px){.heatmap-layout{grid-template-columns:1fr}}.path-list{background:#0f1318;border:1px solid #1f242c;border-radius:8px;padding:8px;max-height:80vh;overflow-y:auto}.path-list-item{display:block;padding:8px 10px;border-radius:6px;font-size:12px;color:#e6e9ef;cursor:pointer;border:0;background:transparent;width:100%;text-align:left;margin-bottom:2px}.path-list-item:hover{background:#161b22}.path-list-item.active{background:#1e3a8a;color:#fff}.path-list-item .path-text{font-family:ui-monospace,SF Mono,Menlo,monospace;color:#93c5fd;word-break:break-all}.path-list-item.active .path-text{color:#fff}.path-list-item .path-meta{display:flex;gap:8px;margin-top:4px;font-size:10px;color:#6b7280}.path-list-item.active .path-meta{color:#c7d2fe}.heatmap-stage{background:#0f1318;border:1px solid #1f242c;border-radius:8px;padding:16px}.heatmap-canvas-wrap{position:relative;width:100%;background:#161b22;border-radius:6px;overflow:hidden;border:1px solid #1f242c}.heatmap-bg{display:block;width:100%;height:auto}.heatmap-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.heatmap-modes{display:inline-flex;background:#161b22;border:1px solid #1f242c;border-radius:6px;overflow:hidden}.heatmap-modes button{background:transparent;border:0;color:#9ca3af;padding:6px 12px;font-size:12px;cursor:pointer}.heatmap-modes button.active{background:#2563eb;color:white}.scroll-bar-track{height:22px;background:#161b22;border:1px solid #1f242c;border-radius:4px;overflow:hidden;position:relative}.scroll-bar-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b 50%,#10b981);display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:#0b0d10;font-size:11px;font-weight:600}.scroll-histogram{display:grid;grid-template-columns:60px 1fr 60px;grid-gap:8px;gap:8px;align-items:center;margin-bottom:4px;font-size:11px}.scroll-histogram .label{color:#9ca3af;text-align:right}.scroll-histogram .count{color:#9ca3af}.scroll-histogram .bar{height:14px;background:#1e3a8a;border-radius:3px}.upload-area{background:#161b22;border:2px dashed #374151;border-radius:8px;padding:24px;text-align:center;cursor:pointer}.upload-area:hover{border-color:#2563eb}.upload-area input{display:none}.click-list-item{display:grid;grid-template-columns:60px 1fr 80px 80px;grid-gap:8px;gap:8px;padding:6px 10px;font-size:12px;border-bottom:1px solid #1f242c}.click-list-item:last-child{border-bottom:0}.click-list-item .tag-rage{color:#f87171}.click-list-item .tag-dead{color:#fbbf24}.rrweb-player-wrap{background:#0f1318;border:1px solid #1f242c;border-radius:8px;padding:12px;display:inline-block}