:root{--bg: #0f1629;--pane: #141f37;--input: #1b2a49;--border: #2b3c62;--border-strong: #3c5487;--text: #e8efff;--text-secondary: #a8b7d9;--focus: #9ac3ff;--danger-bg: #291515;--danger-border: #5c2a2a;--danger-text: #f0b4b4;--note-bg: #1a2d52;--note-border: #34578f;--note-text: #c3d7ff;--link-color: #8cc8ff;--link-hover: #b6ddff;--btn-hover-bg: #243760;--btn-primary-bg: #5f8fff;--btn-primary-fg: #f8fbff;--btn-primary-border: #7aa4ff;--btn-primary-hover-bg: #6f9bff;--btn-primary-hover-border: #94b6ff;--table-row-hover: #1d2f54;--bar-fill: #7ca4ff;--pill-bg: #1c315d;--pill-border: #395fa8;--pill-text: #cfe0ff;--range-accent: #6f99ff;--radius: 6px;--radius-sm: 4px;--font: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--header-h: 48px}html[data-theme=light]{--bg: #eef4ff;--pane: #ffffff;--input: #f7faff;--border: #d6e2ff;--border-strong: #aac2ff;--text: #152342;--text-secondary: #5c6f97;--focus: #3b82f6;--danger-bg: #fef2f2;--danger-border: #e11d48;--danger-text: #9f1239;--note-bg: #edf4ff;--note-border: #bfdbfe;--note-text: #1e3a8a;--link-color: #2563eb;--link-hover: #1d4ed8;--btn-hover-bg: #e7efff;--btn-primary-bg: #2563eb;--btn-primary-fg: #fafafa;--btn-primary-border: #2563eb;--btn-primary-hover-bg: #1d4ed8;--btn-primary-hover-border: #1d4ed8;--table-row-hover: #edf3ff;--bar-fill: #4f7ff0;--pill-bg: #edf3ff;--pill-border: #bfd1ff;--pill-text: #284da8;--range-accent: #3567e4}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.45;font-size:14px;-webkit-font-smoothing:antialiased}#root{height:100%;min-height:0;overflow:hidden}a{color:var(--link-color);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--link-hover)}button,input,textarea,select{font:inherit}.viewport{height:100dvh;max-height:100dvh;display:flex;flex-direction:column;min-height:0;overflow:hidden}.app-topbar{flex:0 0 var(--header-h);height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem 0 1.1rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--pane) 35%,var(--bg)),var(--bg))}.app-topbar .brand{display:flex;flex-direction:column;gap:0;min-width:0}.app-topbar .brand strong{font-size:.95rem;font-weight:600;letter-spacing:-.02em;line-height:1.2}.app-topbar .brand span{font-size:.7rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-topbar .meta{font-size:.72rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0}.topbar-end{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.btn-theme{padding:.32rem .55rem;font-size:.72rem;min-width:4.25rem}.panes{flex:1;min-height:0;display:grid;grid-template-columns:minmax(240px,17rem) minmax(0,1fr) minmax(220px,15.5rem)}@media (max-width: 960px){.panes{grid-template-columns:1fr;grid-template-rows:minmax(200px,28vh) minmax(0,1fr) minmax(160px,22vh);overflow:auto}}.pane{background:linear-gradient(180deg,color-mix(in srgb,var(--pane) 88%,white 12%),var(--pane));border-right:1px solid var(--border);min-height:0;display:flex;flex-direction:column;overflow:hidden}.pane:last-child{border-right:none}@media (max-width: 960px){.pane{border-right:none;border-bottom:1px solid var(--border)}.pane:last-child{border-bottom:none}}.pane-header{flex-shrink:0;padding:.65rem .85rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pane-header h2{margin:0;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.pane-body{flex:1;min-height:0;padding:.65rem .85rem;display:flex;flex-direction:column;gap:.55rem;overflow:hidden}.pane-body.scroll-y{overflow-y:auto;overflow-x:hidden}label.field{display:block;font-size:.68rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.field-hint{margin:.3rem 0 0;font-size:.68rem;color:var(--text-secondary);line-height:1.35}.field-hint code{font-family:var(--mono);font-size:.62rem}input.file-input{width:100%;padding:.35rem 0;font-size:.78rem;border:none;background:transparent;color:var(--text)}input[type=text],input[type=url],textarea,select{width:100%;padding:.45rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--input);color:var(--text);font-size:.8125rem}input[type=text]:focus,input[type=url]:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-strong);box-shadow:0 0 0 1px var(--border-strong)}textarea.import-html{flex:1;min-height:120px;resize:none;font-family:var(--mono);font-size:.7rem;line-height:1.35}.row-actions{display:flex;flex-wrap:wrap;gap:.4rem;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--input);color:var(--text);cursor:pointer;font-weight:500;font-size:.78rem}.btn:hover{background:var(--btn-hover-bg)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus)}.btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--btn-primary-bg) 85%,white 15%),var(--btn-primary-bg));color:var(--btn-primary-fg);border-color:var(--btn-primary-border)}.btn-primary:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--btn-primary-hover-bg) 88%,white 12%),var(--btn-primary-hover-bg));border-color:var(--btn-primary-hover-border)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-secondary)}.btn-ghost:hover{color:var(--text);border-color:var(--border-strong);background:var(--input)}.btn:disabled{opacity:.45;cursor:not-allowed}.alert{padding:.45rem .55rem;border-radius:var(--radius-sm);font-size:.72rem;flex-shrink:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.alert-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.alert-info{background:var(--note-bg);border:1px solid var(--note-border);color:var(--note-text)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;flex-shrink:0}.stat{padding:.5rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--input) 84%,white 16%),var(--input))}.stat .val{font-size:1.15rem;font-weight:600;letter-spacing:-.03em;line-height:1.15;font-variant-numeric:tabular-nums}.stat .lbl{font-size:.62rem;color:var(--text-secondary);margin-top:.15rem;text-transform:uppercase;letter-spacing:.05em}.insight-block{flex-shrink:0}.insight-block h3{margin:0 0 .35rem;font-size:.68rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.bar-row{display:grid;grid-template-columns:minmax(0,1fr) 2fr 1.75rem;gap:.35rem;align-items:center;font-size:.7rem;margin-bottom:.35rem}.bar-track{height:4px;background:var(--input);border-radius:2px;overflow:hidden;border:1px solid var(--border)}.bar-fill{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--bar-fill) 80%,white 20%),var(--bar-fill));border-radius:1px}.source-list{margin:0;padding-left:1rem;font-size:.68rem;list-style:disc;color:var(--text-secondary)}.source-list li{margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-list .n{font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.toolbar{display:grid;grid-template-columns:1fr 1fr minmax(88px,100px) auto;gap:.45rem;align-items:end;flex-shrink:0}@media (max-width: 700px){.toolbar{grid-template-columns:1fr 1fr}.toolbar .toolbar-actions{grid-column:1 / -1;justify-content:flex-start}}.toolbar-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.table-scroll{flex:1;min-height:0;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}table.data{width:100%;border-collapse:collapse;font-size:.78rem}table.data th,table.data td{padding:.45rem .55rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}table.data th{position:sticky;top:0;z-index:1;background:var(--input);color:var(--text-secondary);font-weight:600;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;box-shadow:0 1px 0 var(--border)}table.data tbody tr:hover td{background:var(--table-row-hover)}.pill{display:inline-block;padding:.12rem .35rem;border-radius:var(--radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--pill-bg) 85%,white 15%),var(--pill-bg));border:1px solid var(--pill-border);font-size:.65rem;color:var(--pill-text);margin:.1rem .2rem 0 0}.score{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.muted{color:var(--text-secondary)}.mono{font-family:var(--mono);font-size:.68rem}.loading-screen{height:100dvh;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}input[type=range]{width:100%;height:1.35rem;accent-color:var(--range-accent)}