html,body{overscroll-behavior:none;font-family:system-ui,sans-serif;font-variant-numeric:tabular-nums;font-variant-emoji:unicode;color:#ccc;background-image:linear-gradient(#222,#111);margin:0;padding:0;min-height:100svh}code,pre{font-family:ui-monospace,monospace}pre{white-space:pre-wrap;margin:.5em 0;padding:0}h1{color:#fff;margin:0;font-size:150%;font-weight:400}h1 a{color:#fff;text-decoration:none}h2{color:#fff;font-size:150%;margin:0 0 1em}h3{color:#fff;font-size:130%;margin:1em 0 .5em}h4{color:#fff;font-size:120%;margin:1em 0 .5em}h5{color:#fff;font-size:110%;margin:.5em 0}main h1{font-size:200%;font-weight:700;margin:1em 0;text-align:center}p{margin:.5em 0;padding:0}ul{margin:2pt 0 2pt 1em;padding:0}a{color:#ff0;text-decoration:none;cursor:pointer}button,.clickable{cursor:pointer}nav a,button,.live{text-decoration:none;border:none;border-radius:4px;outline:1px solid #555;color:#fff;background-color:#000;padding:.4em .8em;margin:0 .25em;display:inline-block;font-size:.9rem}nav a{outline:none;background-color:transparent}nav a:hover{background-color:#222}nav a.header-active{background-color:#333}button:hover{background-color:#444}button.add{outline-color:#080}button.delete{outline-color:#800}button.update{outline-color:#660}.live{background-color:#080;outline-color:#080}input,select{font-family:ui-monospace,monospace;border:none;border-radius:2pt;outline:1px solid white;color:#fff;background-color:#000;font-size:inherit;padding:1pt;margin:2pt}input{width:10em}select{width:12em}input[type=checkbox],input[type=radio]{width:initial;outline:none}header{display:flex;justify-content:space-between;align-items:center;padding:.75em 1em;background-color:#000}.header-left{display:flex;align-items:center;gap:1em}nav{display:flex;gap:.5em;align-items:center}main{max-width:60em;padding:0 1em;margin:0 auto}footer{text-align:center;margin-top:2em}section{border-radius:.5em;background-color:#050505;padding:1.5em;margin:1em 0}.section{background-color:#000;margin:1em 0;border-radius:.5em;padding:1.5em}.section h2{margin-top:0}.section h3{margin-top:1.5em}.section h4{margin-top:1em}.section p,.section pre{margin:.75em 0}.section ul{margin:.75em 0 .75em 1rem}.section li{margin:.5em 0}div.errors{position:fixed;top:0;left:0;right:0;z-index:1}div.errors>div{background-color:#600;color:#fff;padding:.5em;border-bottom:1px solid #000}.cert-error{color:#f90;font-size:.9em;margin-top:.25em}.red{background-color:#400}.breadcrumb{margin-bottom:1em;font-size:.9rem;color:#888}.breadcrumb a{color:#888;text-decoration:none}.breadcrumb a:hover{color:#fff}.tabs{display:flex;flex-wrap:wrap;row-gap:.5em;margin:1em 0 0}.tabs button{background-color:transparent;color:#888;border:none;border-bottom:2px solid #444;padding:.75em 1.5em;cursor:pointer;border-radius:0;font-size:inherit;transition:all .2s}.tabs button:hover{background-color:#111;color:#fff}.tabs button.active{background-color:#000;color:#fff;border-bottom:2px solid #ff0}.tab-content{margin-top:0;padding-top:1em}button.active{background-color:#ff0;color:#000}span.icon{margin-right:.5em}.spinner{font-size:150%;animation:spin 1s linear infinite;display:inline-block;color:#888}.security-warning{background:#000;border:2px solid #ff0;padding:1em;margin-top:1em;border-radius:4px}.security-warning p{margin:0;color:#ff0}.account-selector{display:flex;flex-direction:column;gap:.5em;align-items:flex-start;margin:1em 0}.account-selector label{display:block;cursor:pointer}.inspector{margin:0;padding:.2em;outline:1px dotted red}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.query-row{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;margin-bottom:.75em}.query-label{width:8em;color:#888;flex-shrink:0}.filter-row{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;padding:.5em;background:#111;border-radius:4px;margin-bottom:.5em}.filter-row select{width:auto}.filter-mode.include{outline-color:#080}.filter-mode.exclude{outline-color:#800}.filter-values{display:flex;flex-wrap:wrap;gap:.25em;align-items:center;flex:1}.filter-values input{flex:1;min-width:80px;outline:none;background:transparent}.filter-tag{background:#333;padding:.2em .5em;border-radius:3px}.tag-remove{background:none;border:none;outline:none;color:#888;padding:0;margin-left:.25em;cursor:pointer}.group-by-options{display:flex;flex-wrap:wrap;gap:1em}.order-item{display:inline-flex;align-items:center}.order-tag{background:#333;padding:.3em .5em;border-radius:3px}.order-btn{padding:.1em .4em;margin:0}.hbar-row{display:flex;align-items:center;gap:.5em;margin-bottom:.25em}.hbar-label{width:12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.hbar-track{display:flex;flex:1;height:1.2em;background:#222}.stack-toggle{display:block;margin-bottom:.5em}.chart-legend{display:flex;flex-wrap:wrap;gap:1em;margin-top:.75em}[data-tappable]{position:relative}.touch-tooltip{position:absolute;background:#333;border:1px solid #555;padding:.5em;border-radius:4px;white-space:pre-wrap;z-index:100;font-size:90%;max-width:20em;top:100%;left:0;pointer-events:none}.legend-item{display:flex;align-items:center;gap:.25em;max-width:20em}.legend-color{width:1em;height:1em;flex-shrink:0}.legend-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-fill{height:100%;background:#0f0}.hbar-count{min-width:5em;text-align:right}.chart-bars{display:flex;align-items:flex-end;gap:2px;width:100%}.chart-bar-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.chart-bar{width:100%;background:#0f0}.chart-bar-stack{display:flex;flex-direction:column-reverse;width:100%}.chart-bar-segment{width:100%}.chart-label{font-size:.7em;color:#888;writing-mode:vertical-lr;transform:rotate(180deg)}.analytics-table table{width:100%;border-collapse:collapse;table-layout:fixed}.analytics-table th,.analytics-table td{padding:.5em;border-bottom:1px solid #333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-table th{background:#111;text-transform:uppercase;font-size:.85em}.analytics-table td.count{text-align:right}.limit-input{width:7ch}.download-csv{margin-left:auto}.query-row-top{align-items:flex-start}.filters-container{flex:1}.run-query-row{margin-top:1em;display:flex;align-items:center;gap:1em}.limit-warning{color:#fa0}.query-spinner{float:right}.bookmarks{margin-bottom:1em}.bookmarks summary{cursor:pointer;-webkit-user-select:none;user-select:none}.bookmarks-list{margin-top:.5em;padding-left:1em}.bookmark-item{display:flex;align-items:center;gap:.5em;padding:.25em 0}.bookmark-item a,.bookmark-item input{flex:1}
