*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #121212;--surface: #1e1e1e;--text: #e0e0e0;--text-muted: #9e9e9e;--accent: #42a5f5;--error: #ef5350;--border: #333;--radius: 8px}html,body{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{height:100%;display:flex;align-items:center;justify-content:center}#login-form{background:var(--surface);padding:2rem;border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem}.login-icon{align-self:center}#login-form h1{font-size:1.5rem;font-weight:600;text-align:center}#login-form p{color:var(--text-muted);font-size:.875rem}#login-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--text-muted)}#login-form input{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.5rem .75rem;color:var(--text);font-size:.875rem;outline:none}#login-form input:focus{border-color:var(--accent)}#login-form button{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:.6rem 1rem;font-size:.875rem;cursor:pointer;font-weight:500}#login-form button:hover{opacity:.9}#login-form button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--error);font-size:.8rem}.token-explainer{font-size:.8rem;color:var(--text-muted)}.token-explainer summary{cursor:pointer;color:var(--text-muted);font-style:italic;-webkit-user-select:none;user-select:none}.token-explainer summary:hover{color:var(--text)}.token-explainer p{margin-top:.5rem;line-height:1.5;color:var(--text-muted)}.token-explainer a{color:var(--accent);text-decoration:none}.token-explainer a:hover{text-decoration:underline}#tree{width:100%;height:calc(100% - 36px);margin-top:36px}#hypertree-svg{width:100%;height:100%;display:block;cursor:grab}.disk-boundary{fill:var(--surface);stroke:var(--border);stroke-width:.004}.edge{fill:none;stroke-width:.003}.node{cursor:pointer;stroke:var(--bg);stroke-width:.002}.node:hover{stroke:#fff;stroke-width:.004}.label{fill:var(--text);font-size:.028px;text-anchor:middle;dominant-baseline:auto;-webkit-user-select:none;user-select:none}.tooltip{position:fixed;display:none;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.5rem .75rem;font-size:.8rem;line-height:1.4;color:var(--text);pointer-events:none;z-index:1000;max-width:320px;white-space:nowrap}.tooltip-id{color:var(--text-muted);font-size:.75rem;font-family:monospace}#status{position:fixed;bottom:12px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.35rem .75rem;font-size:.75rem;color:var(--text-muted);z-index:100}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#filter-panel{position:fixed;top:12px;left:12px;z-index:200}#filter-panel button,#view-panel button{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.3rem .6rem;font-size:.75rem;cursor:pointer}#filter-panel button:hover,#view-panel button:hover{border-color:var(--accent)}#filter-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.5rem;min-width:200px;max-height:60vh;overflow-y:auto}.filter-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.filter-header span{flex:1}.filter-header button{padding:.15rem .4rem;font-size:.65rem}.filter-item{display:flex;align-items:center;gap:.4rem;padding:.2rem 0;font-size:.75rem;cursor:pointer;color:var(--text)}.filter-item input{accent-color:var(--accent)}.filter-domain{flex:1}.filter-count{color:var(--text-muted);font-size:.65rem}#view-panel{position:fixed;top:12px;right:12px;z-index:200;display:flex;align-items:center;gap:.5rem}.toggle-label{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted);cursor:pointer}.toggle-label[hidden]{display:none}.toggle-label input{accent-color:var(--accent)}#viz-bar{position:fixed;top:0;left:0;right:0;height:36px;display:flex;align-items:center;gap:2px;padding:0 8px;background:var(--surface);border-bottom:1px solid var(--border);z-index:300;overflow-x:auto}#viz-bar button{background:transparent;color:var(--text-muted);border:none;border-bottom:2px solid transparent;padding:6px 12px;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}#viz-bar button:hover{color:var(--text)}#viz-bar button.active{color:var(--accent);border-bottom-color:var(--accent)}#viz-container{width:100%;height:100%;position:relative}.force-settings{position:absolute;top:12px;right:12px;z-index:200}.force-settings-toggle{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:.25rem .5rem;font-size:1rem;cursor:pointer;line-height:1;display:block;margin-left:auto}.force-settings-toggle:hover{color:var(--text);border-color:var(--text-muted)}.force-settings-body{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.5rem .6rem;margin-top:4px;max-width:340px;display:flex;flex-direction:column;gap:.5rem}.force-toggles{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.force-select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:.1rem .3rem;font-size:.7rem;margin-left:.25rem;cursor:pointer;outline:none}.force-select:focus{border-color:var(--accent)}.force-sliders{width:100%;display:flex;flex-direction:column;gap:.3rem;border-top:1px solid var(--border);padding-top:.4rem}.force-sliders[hidden]{display:none;padding-top:.4rem;margin-top:.1rem}.force-slider-label{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--text-muted)}.force-slider-label span:first-child{min-width:90px}.force-slider-value{min-width:36px;text-align:right;font-family:monospace;font-size:.65rem}.force-slider{flex:1;height:3px;accent-color:var(--accent);cursor:pointer}.force-search{width:100%;padding:.3rem .5rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;font-size:.75rem;outline:none;box-sizing:border-box}.force-search:focus{border-color:var(--accent)}.force-search::placeholder{color:var(--text-muted)}.force-buttons{display:flex;flex-direction:column;gap:.25rem;margin-top:.4rem}.force-reset-btn{width:100%;padding:.3rem 0;background:var(--bg);color:var(--text-muted);border:1px solid var(--border);border-radius:3px;font-size:.7rem;cursor:pointer;margin:0}.force-reset-btn:hover{color:var(--text);border-color:var(--text-muted)}.force-toast{position:fixed;bottom:48px;left:50%;transform:translate(-50%) translateY(8px);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.35rem .75rem;font-size:.75rem;color:var(--text);z-index:600;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none}.force-toast-visible{opacity:1;transform:translate(-50%) translateY(0)}.force-context-menu{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:4px 0;z-index:1100;min-width:180px}.force-context-menu button{display:block;width:100%;background:none;border:none;color:var(--text);padding:.35rem .75rem;font-size:.75rem;text-align:left;cursor:pointer}.force-context-menu button:hover{background:var(--bg)}#debug-console{position:fixed;bottom:0;left:0;right:0;height:220px;background:#0d0d0d;border-top:1px solid var(--border);z-index:500;display:none;flex-direction:column;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.72rem}#debug-console.visible{display:flex}.debug-header{display:flex;align-items:center;gap:.5rem;padding:4px 8px;background:#161616;border-bottom:1px solid var(--border);flex-shrink:0}.debug-header span{flex:1;color:var(--text-muted);font-size:.7rem;font-weight:500}.debug-header button{background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:1px 8px;font-size:.65rem;cursor:pointer}.debug-header button:hover{color:var(--text);border-color:var(--text-muted)}.debug-log-list{flex:1;overflow-y:auto;padding:2px 0}.debug-entry{display:flex;gap:.5rem;padding:1px 8px;line-height:1.5}.debug-entry:hover{background:#1a1a1a}.debug-time{color:#666;flex-shrink:0}.debug-category{color:var(--accent);flex-shrink:0;min-width:60px}.debug-message{color:var(--text)}.debug-data{color:var(--text-muted);margin-left:.25rem}.viz-bar-spacer{flex:1}#settings-btn{background:transparent;color:var(--text-muted);border:none;padding:4px 8px;font-size:.9rem;cursor:pointer;line-height:1}#settings-btn:hover{color:var(--text)}