:root{--bg: #080a10;--surface: rgba(16, 20, 30, .82);--surface-solid: #101420;--border: rgba(255, 255, 255, .09);--text: #e6e9f2;--text-dim: #8b93a7;--text-faint: #5a6377;--accent: #8b6cff;--danger: #f2617a;--radius: 10px;--shadow: 0 8px 32px rgba(0, 0, 0, .5);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid var(--border);border-radius:6px;padding:6px 10px;transition:background .12s ease,border-color .12s ease}button:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}button:disabled{opacity:.4;cursor:not-allowed}button.danger:hover:not(:disabled){background:#f2617a2e;border-color:var(--danger);color:#ffd8df}input,textarea,select{font:inherit;color:var(--text);background:#00000059;border:1px solid var(--border);border-radius:6px;padding:7px 9px;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}.muted{color:var(--text-faint)}.app{position:relative;height:100%;width:100%}.graph-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.boot{display:grid;place-items:center;height:100%;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.rail,.dock,.toolbar{position:absolute;z-index:2;pointer-events:none}.rail>*,.dock>*,.toolbar>*{pointer-events:auto}.toolbar{z-index:4}.toolbar{top:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding:12px 16px;background:linear-gradient(to bottom,rgba(8,10,16,.9),transparent)}.toolbar__brand{display:flex;flex-direction:column;min-width:150px}.toolbar__mark{font-weight:600;letter-spacing:.22em;font-size:13px}.toolbar__sub{font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.toolbar__capture{display:flex;gap:8px;flex:1;max-width:520px;position:relative}.capture__related{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.capture__label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);padding:0 2px 2px}.capture__related button{text-align:left;display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:6px 8px;background:#ffffff0a}.capture__related em{font-style:normal;font-size:10px;color:var(--accent);flex:none}.toolbar__actions button.is-on{border-color:#8b6cff99;color:#fff;background:#8b6cff2e}.legend--edges{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.legend__line{width:16px!important;height:0!important;border-radius:0!important;background:none!important;border-top:2px solid currentColor;align-self:center}.legend__line--structural{border-top-width:1px;opacity:.8}.legend__line--semantic{border-top-width:3px}.legend__line--conflict{border-top:3px dashed currentColor}.connections__swatch{flex:none;width:3px;align-self:stretch;border-radius:2px}.connections__retype{flex:none;max-width:108px;font-size:10px;padding:3px 4px}.next__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.next__head h3{margin:0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.next__head h3 em{font-style:normal;margin-left:6px;letter-spacing:0;text-transform:none;color:var(--text-faint)}.next__head button{font-size:10px;padding:3px 8px}.next__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.next__list li{display:flex;flex-direction:column;gap:3px;padding:6px 8px;border-radius:8px;background:#ffffff08;border:1px solid transparent}.next__list li.is-selected{border-color:#8b6cff80}.next__item{display:flex;gap:8px;align-items:baseline;text-align:left;padding:0;background:none;border:none;font-size:12px;color:var(--text);cursor:pointer}.next__rank{flex:none;width:16px;font-variant-numeric:tabular-nums;color:#f2617a;font-weight:600}.next__title{line-height:1.35}.next__why,.next__source{margin:0 0 0 24px;font-size:10.5px;line-height:1.4;color:var(--text-dim)}.next__source{color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next__done{align-self:flex-start;margin-left:24px;font-size:10px;padding:2px 8px}.next__more{margin-top:8px;width:100%;font-size:11px}.suggest__count{font-style:normal;margin-left:6px;font-size:10px;padding:1px 6px;border-radius:999px;background:#8b6cff40;color:#fff}.suggest__actions select{font-size:11px;padding:2px 4px;max-width:96px}.sync{position:relative}.voice{position:relative;display:flex}.voice__mic{display:grid;place-items:center;width:36px;padding:0}.voice__mic.is-listening{color:#fff;border-color:#f2617ab3;background:#f2617a40;animation:voice-pulse 1.2s ease-in-out infinite}@keyframes voice-pulse{50%{box-shadow:0 0 0 6px #f2617a26}}@media(prefers-reduced-motion:reduce){.voice__mic.is-listening{animation:none}}.voice__bubble{position:absolute;top:calc(100% + 6px);right:0;z-index:21;width:min(340px,calc(100vw - 24px));display:flex;flex-direction:column;gap:8px;padding:12px;font-size:12px;line-height:1.45;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.voice__bubble p{margin:0}.voice__heard{color:var(--text-dim);font-style:italic}.voice__reply{color:var(--text);font-size:13px}.voice__error{color:var(--danger)}.voice__examples{margin:0;padding-left:16px;color:var(--text-faint);font-size:11px}.voice__actions{display:flex;gap:6px}.voice__mute{align-self:flex-start;font-size:10px;padding:2px 8px}.empty__sync{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;font-size:12px;color:var(--text-dim)}.empty__sync .sync__panel{right:auto;left:50%;transform:translate(-50%);text-align:left}.sync__panel{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:280px;display:flex;flex-direction:column;gap:8px;padding:12px;font-size:12px;line-height:1.45;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.sync__panel p{margin:0}.sync__status--synced{color:#3fd0d4}.sync__status--error,.sync__error{color:var(--danger)}.ingest-status{font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.ingest-status.is-fresh{color:#3fd0d4}.toolbar__actions{display:flex;gap:8px;align-items:center;margin-left:auto}.toolbar__warn{font-size:11px;color:var(--danger);border:1px solid rgba(242,97,122,.4);border-radius:999px;padding:3px 9px}.rail--left{left:16px;top:72px;bottom:120px;width:268px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;scrollbar-width:thin}.rail--right{right:16px;top:72px;bottom:120px;width:320px;display:flex;overflow:hidden}.dock{left:50%;transform:translate(-50%);bottom:20px;width:min(640px,calc(100vw - 48px))}.panel,.lenses,.next,.suggest,.inspector,.scrubber{background:var(--surface);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px}.lenses__dim,.scrubber__dim{font-size:10px;letter-spacing:.16em;color:var(--text-faint);display:block;margin-bottom:8px}.lenses__row{display:flex;flex-wrap:wrap;gap:6px}.lenses__chip{padding:5px 10px;font-size:12px;border-radius:999px}.lenses__chip.is-active{background:#8b6cff38;border-color:var(--accent);color:#dfd6ff}.lenses__desc{margin:10px 0 0;font-size:12px;color:var(--text-dim);line-height:1.45}.legend{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:5px}.legend li{display:flex;align-items:center;gap:8px;font-size:12px}.legend i{width:9px;height:9px;border-radius:50%;flex:none}.legend span{flex:1;color:var(--text-dim)}.legend em{font-style:normal;color:var(--text-faint);font-variant-numeric:tabular-nums}.scrubber__head{display:flex;justify-content:space-between;align-items:center}.scrubber__dim{margin:0}.scrubber__live{font-size:10px;letter-spacing:.1em;padding:3px 9px;border-radius:999px}.scrubber__live.is-live{color:#9dffc4;border-color:#78ffb459;background:#50dc8c1f}.scrubber__range{width:100%;margin:10px 0 6px;padding:0;background:transparent;border:none;accent-color:var(--accent)}.scrubber__foot{display:flex;justify-content:space-between;font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.scrubber__cursor{color:var(--text);display:flex;gap:8px}.scrubber__cursor em{font-style:normal;color:var(--text-faint)}.inspector{width:100%;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:10px}.inspector--empty{justify-content:center;text-align:center;color:var(--text-dim)}.inspector__hint{font-size:12px;color:var(--text-faint)}.inspector__head{display:flex;justify-content:space-between;align-items:center}.inspector__kind{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.inspector__close{padding:2px 7px;background:transparent;border:none}.inspector__readonly{margin:0;font-size:11px;color:#ffd79a;background:#f0b4291f;border:1px solid rgba(240,180,41,.3);border-radius:6px;padding:6px 8px}.inspector__title{font-size:16px;font-weight:600;background:transparent;border:none;border-bottom:1px solid transparent;padding:2px 0}.inspector__title:focus{border-bottom-color:var(--accent)}.inspector__body{resize:vertical;line-height:1.5;font-size:13px}.inspector__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inspector__grid label{display:flex;flex-direction:column;gap:4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.inspector__grid select{padding:5px 6px;font-size:12px}.inspector__section h3{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0 0 7px;display:flex;gap:6px}.inspector__section h3 em{font-style:normal}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.tag{font-size:11px;background:#ffffff12;border:1px solid var(--border);border-radius:999px;padding:2px 4px 2px 9px;display:inline-flex;align-items:center;gap:3px}.tag button{background:transparent;border:none;padding:0 4px;color:var(--text-faint);line-height:1}.inspector__tagin{font-size:12px;padding:5px 8px}.connections{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto;scrollbar-width:thin}.connections li{display:flex;align-items:center;gap:6px;font-size:12px}.connections li button{flex:1;text-align:left;display:flex;flex-direction:column;gap:1px;padding:5px 8px;background:#ffffff0a}.connections__rel{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.connections__title{color:var(--text);line-height:1.3}.connections li.suggestion{flex-direction:column;align-items:stretch;gap:4px;padding-bottom:6px}.suggestion__why{margin:0;font-size:11px;line-height:1.4;color:var(--text-dim)}.suggestion__actions{display:flex;gap:6px}.suggestion__actions button{flex:none!important;font-size:11px;padding:3px 10px!important}.badge{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(139,108,255,.4);border-radius:999px;padding:2px 6px;flex:none}.inspector__actions{display:flex;gap:6px;flex-wrap:wrap}.inspector__actions button{font-size:12px;flex:1}.suggest__head{display:flex;justify-content:space-between;align-items:center}.suggest__head h3{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0}.suggest__head button{font-size:11px;padding:4px 10px}.suggest__provider{font-size:11px;color:var(--text-faint);margin:7px 0}.suggest__error{font-size:11px;color:var(--danger);margin:0 0 7px}.suggest__list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}.suggest__list li{border:1px solid var(--border);border-radius:8px;padding:8px;background:#00000038}.suggest__pair{display:flex;flex-direction:column;gap:2px}.suggest__pair button{text-align:left;font-size:12px;padding:3px 6px;background:transparent;border:none}.suggest__pair button:hover{color:var(--accent);background:transparent}.suggest__rel{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);padding-left:6px}.suggest__why{font-size:11px;color:var(--text-dim);line-height:1.45;margin:6px 0}.suggest__actions{display:flex;align-items:center;gap:6px}.suggest__actions button{font-size:11px;padding:3px 9px}.suggest__conf{font-size:10px;color:var(--text-faint);margin-right:auto;font-variant-numeric:tabular-nums}.suggest__pending{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:5px}.suggest__pending li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;color:var(--text-dim)}.suggest__pending li em{flex:none;text-align:right}.suggest__pending li.is-pending{color:var(--text-faint)}.suggest__pending em{font-style:normal;font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.hover-readout{position:absolute;left:50%;transform:translate(-50%);bottom:108px;z-index:3;pointer-events:none;background:#080a10eb;border:1px solid var(--border);border-radius:999px;padding:6px 16px;font-size:12px;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{display:grid;place-items:center;height:100%;padding:24px;background:radial-gradient(ellipse at 50% 40%,rgba(139,108,255,.12),transparent 60%),var(--bg)}.empty__card{max-width:520px;text-align:center}.empty__card h1{font-size:30px;letter-spacing:.3em;font-weight:500;margin:0 0 6px}.empty__tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0 0 22px}.empty__card>p{color:var(--text-dim);line-height:1.65}.empty__dims{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:24px 0;font-size:12px;color:var(--text-faint)}.empty__dims strong{color:var(--accent);display:block;font-size:13px;letter-spacing:.1em;margin-bottom:3px}.empty__actions{display:flex;gap:10px;justify-content:center;margin-bottom:18px}.empty__actions button{padding:9px 18px;background:#8b6cff33;border-color:#8b6cff73}.empty__actions button.ghost{background:#ffffff0d;border-color:var(--border)}.empty__note{font-size:11px;color:var(--text-faint);margin:0}.sheet{display:none}@media(max-width:980px){.toolbar{flex-wrap:wrap;gap:8px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 8px}.toolbar__brand{order:1}.toolbar__capture{order:3;flex-basis:100%;max-width:none}.toolbar__capture input{font-size:16px}.desktop-only{display:none!important}.toolbar__actions{order:2;flex:1;min-width:0;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.toolbar__actions::-webkit-scrollbar{display:none}.toolbar__actions>*{flex:none}.ingest-status{display:none}.sheet{display:flex;flex-direction:column;position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 10px calc(8px + env(safe-area-inset-bottom,0px));pointer-events:none}.sheet>*{pointer-events:auto}.sheet__panel{max-height:52vh;overflow-y:auto;margin-bottom:8px;border-radius:var(--radius);-webkit-overflow-scrolling:touch}.sheet__panel>*{border-radius:var(--radius)}.sheet__tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;background:var(--surface);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.sheet__tabs button{padding:10px 0;font-size:13px;border:none;background:none;border-radius:10px;color:var(--text-dim)}.sheet__tabs button.is-active{background:#8b6cff33;color:#fff}.sheet .inspector{position:static;width:auto;max-height:none}.hover-readout{display:none}}.crash{display:grid;place-items:center;height:100%;padding:24px;background:var(--bg)}.crash__card{max-width:520px;border:1px solid rgba(242,97,122,.35);border-radius:var(--radius);background:var(--surface-solid);padding:24px}.crash__card h1{font-size:18px;margin:0 0 12px}.crash__reassure{color:var(--text-dim);line-height:1.6;margin:0 0 14px}.crash__detail{font-family:var(--mono);font-size:11px;color:var(--text-faint);background:#0006;border:1px solid var(--border);border-radius:6px;padding:10px;overflow-x:auto;white-space:pre-wrap;margin:0 0 16px}.crash__actions{display:flex;gap:8px}.crash__actions button.ghost{background:transparent}.label-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.label{position:absolute;top:0;left:0;display:none;margin:-26px 0 0 12px;max-width:190px;font-size:11px;line-height:1.35;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 4px rgba(8,10,16,.95),0 0 8px rgba(8,10,16,.85),0 1px 2px rgba(8,10,16,1);will-change:transform,opacity}.label--tier2{font-size:13px;font-weight:600;letter-spacing:.04em;color:#fff;max-width:240px;margin:-32px 0 0 16px}.label--tier1{font-size:11.5px;color:#d8def0}.label--tier0{font-size:10.5px;color:var(--text-dim)}.label.is-focus{font-size:12px;font-weight:600;color:#fff;max-width:260px;white-space:normal}.palette__scrim{position:absolute;inset:0;z-index:10;background:#04060a8c;backdrop-filter:blur(2px);display:flex;justify-content:center;padding-top:14vh}.palette{width:min(560px,calc(100vw - 32px));height:fit-content;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 64px #0009;overflow:hidden}.palette__input{border:none;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:14px 16px;font-size:15px}.palette__input:focus{border-color:transparent;border-bottom-color:var(--accent)}.palette__empty{margin:0;padding:16px;color:var(--text-faint);font-size:13px}.palette__list{list-style:none;margin:0;padding:6px;max-height:46vh;overflow-y:auto;scrollbar-width:thin}.palette__list button{width:100%;text-align:left;display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:transparent;border:none;border-radius:6px}.palette__list button.is-active{background:#8b6cff33}.palette__title{font-size:13px;color:var(--text)}.palette__meta{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.palette__hint{border-top:1px solid var(--border);padding:8px 14px;font-size:10px;letter-spacing:.05em;color:var(--text-faint)}
