:root { --bg: #E9EDF4; --surface: #F5F7FB; --surface-raised: #FBFCFE; --surface-sunken: #DFE5EF; --border-subtle: #E2E8F1; --border: #CFD9E6; --border-strong: #AEBDD1; --ink: #182435; --ink-secondary: #3A4A60; --ink-muted: #566579; --ink-faint: #647186; --text: var(--ink); --text-muted: var(--ink-muted); --surface-2: var(--surface-sunken); --ink-inverse: #F2F6FC; --accent: #2262C4; --accent-strong: color-mix(in srgb, var(--accent) 78%, #0B1F3D); --accent-ink: color-mix(in srgb, var(--accent) 84%, #071527); --accent-soft: color-mix(in srgb, var(--accent) 10%, transparent); --accent-tint: color-mix(in srgb, var(--accent) 14%, #FFFFFF); --accent-line: color-mix(in srgb, var(--accent) 32%, transparent); --report: #6D4AB8; --report-ink: color-mix(in srgb, var(--report) 82%, #0B1024); --report-soft: color-mix(in srgb, var(--report) 9%, #FFFFFF); --report-line: color-mix(in srgb, var(--report) 30%, transparent); --malicious: #C2333E; --malicious-ink: #A02631; --malicious-soft: color-mix(in srgb, var(--malicious) 11%, #FFFFFF); --malicious-line: color-mix(in srgb, var(--malicious) 34%, transparent); --suspicious: #BC7A11; --suspicious-ink: #8F5C06; --suspicious-soft: color-mix(in srgb, var(--suspicious) 13%, #FFFFFF); --suspicious-line: color-mix(in srgb, var(--suspicious) 40%, transparent); --clean: #2C9058; --clean-ink: #1D6E41; --clean-soft: color-mix(in srgb, var(--clean) 12%, #FFFFFF); --clean-line: color-mix(in srgb, var(--clean) 36%, transparent); --info: #64778F; --chart-1: #2262C4; --chart-2: #0E7490; --chart-3: #6D4AA8; --vm-screen: #0A0F1A; --info-ink: #49596F; --info-soft: color-mix(in srgb, var(--info) 11%, #FFFFFF); --info-line: color-mix(in srgb, var(--info) 34%, transparent); --chart-grid: rgb(24 42 71 / .07); --shell: #152232; --shell-ink: #B6C2D4; --shell-faint: #7E8EA3; --shell-focus: #8AB4F8; --font-ui: "Segoe UI Variable Text", "Segoe UI", -apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif; --text-2xs: var(--fs-micro); --text-xs: var(--fs-sm); --text-sm: var(--fs-base); --text-md: var(--fs-base); --text-lg: var(--fs-lg); --text-xl: var(--fs-xl); --text-2xl: var(--fs-xl); --text-3xl: var(--fs-display); --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-7: 2.5rem; --space-8: 3rem; --radius-xs: 3px; --radius-sm: 5px; --radius-lg: 10px; --radius-md: var(--radius-sm); --radius-pill: var(--radius-sm); --fs-micro: 11px; --fs-sm: 12px; --fs-base: 13px; --fs-lg: 15px; --fs-xl: 19px; --fs-display: 30px; --fw-normal: 400; --fw-medium: 560; --fw-bold: 680; --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-6: 24px; --sp-8: 32px; --shadow-sm: 0 1px 2px rgb(24 42 71 / .06); --shadow-md: 0 1px 2px rgb(24 42 71 / .05), 0 4px 14px rgb(24 42 71 / .08); --shadow-lg: 0 2px 6px rgb(24 42 71 / .07), 0 12px 32px rgb(24 42 71 / .12); --shadow-glass: inset 0 1px 0 rgb(255 255 255 / .28), 0 1px 2px color-mix(in srgb, var(--accent) 26%, transparent), 0 2px 8px color-mix(in srgb, var(--accent) 14%, transparent); --pad-row: .5rem; --accent-hover: var(--accent-strong); --steel: #345182; --neutral-chip: var(--surface-sunken); --radius: var(--radius-lg); --font-sans: var(--font-ui); --font-mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --sidebar-w: 244px; --topbar-h: 40px; } * { box-sizing: border-box; } html, body { height: 100%; } body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font-sans); font-size: var(--fs-base); line-height: 1.5; -webkit-font-smoothing: antialiased; } a { color: var(--accent); text-decoration: none; } a:hover, a:focus { text-decoration: none; } h1, h2, h3 { margin: 0; font-weight: var(--fw-bold); text-wrap: balance; color: var(--ink); } code, pre, .mono { font-family: var(--font-mono); } ::selection { background: var(--accent-soft); } .app { display: grid; grid-template-columns: var(--sidebar-w) 1fr; min-height: 100vh; } .sidebar { background: var(--surface); border-right: 1px solid var(--border); display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; } .brand { height: var(--topbar-h); display: flex; align-items: center; gap: 10px; padding: 0 20px; border-bottom: 1px solid var(--border); flex-shrink: 0; } .brand-mark { width: 26px; height: 26px; border-radius: var(--radius-sm); background: linear-gradient(135deg, var(--accent), var(--steel)); display: grid; place-items: center; color: #fff; font-weight: var(--fw-bold); font-size: 15px; } .brand-name { font-size: var(--fs-lg); font-weight: var(--fw-bold); letter-spacing: -0.01em; } .nav { padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; overflow-y: auto; flex: 1; } .nav-group-label { font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--ink-faint); font-weight: var(--fw-medium); padding: 8px 12px 4px; } .nav-item { display: flex; align-items: center; gap: 11px; padding: 5px 12px; border-radius: var(--radius-sm); color: var(--ink-muted); font-weight: var(--fw-medium); font-size: 14px; } .nav-item:hover { background: var(--surface-sunken); color: var(--ink); text-decoration: none; } .nav-item svg { width: 18px; height: 18px; color: var(--ink-faint); flex-shrink: 0; } .sidebar-user { border-top: 1px solid var(--border); padding: 12px 16px; display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .avatar { width: 32px; height: 32px; border-radius: var(--radius-pill); background: var(--steel); color: #fff; display: grid; place-items: center; font-weight: var(--fw-bold); font-size: 13px; flex-shrink: 0; } .sidebar-user .who { overflow: hidden; } .sidebar-user .who .name { font-weight: var(--fw-medium); font-size: var(--fs-base); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sidebar-user .who .sub { color: var(--ink-faint); font-size: var(--fs-sm); } .sidebar-user .who .sub-logout { margin: 0; } .sidebar-user .who button.sub { background: none; border: 0; padding: 0; cursor: pointer; font: inherit; display: inline-flex; align-items: center; gap: 4px; } .main { display: flex; flex-direction: column; min-width: 0; } .nav-toggle { display: none; align-items: center; justify-content: center; width: 34px; height: 34px; margin-right: 10px; flex: none; background: none; border: 0; border-radius: var(--radius-sm); color: var(--ink-secondary); cursor: pointer; } .nav-toggle:hover { background: var(--surface-sunken); color: var(--ink); } .topbar-brand { display: none; align-items: center; gap: 8px; margin-right: auto; color: var(--ink); font-weight: var(--fw-bold); } .topbar-brand span { font-size: var(--fs-base); } .nav-backdrop[hidden] { display: none; } .topbar { height: var(--topbar-h); background: var(--surface); border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; padding: 0 28px; position: sticky; top: 0; z-index: 10; } .topbar .crumb { color: var(--ink-muted); font-size: var(--fs-base); min-width: 0; flex: 0 1 auto; } .topbar .crumb strong { color: var(--ink); font-weight: var(--fw-medium); } .topbar .btn { padding: 5px 12px; font-size: var(--fs-sm); } .topbar .btn .ic { font-size: 14px; } .topbar .credit-chip { padding: 4px 10px; } .topbar-actions { display: flex; align-items: center; gap: 12px; } .topbar-search { position: relative; display: flex; align-items: center; gap: 8px; flex: 1 1 auto; max-width: 560px; margin: 0 20px; height: 34px; padding: 0 8px 0 10px; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-md); transition: border-color .12s, box-shadow .12s, background .12s; } .topbar-search:focus-within { background: var(--surface); border-color: color-mix(in srgb, var(--accent) 55%, transparent); box-shadow: 0 0 0 3px var(--accent-soft); } .ts-lead { display: inline-flex; flex: none; } .ts-lead .ic { width: 15px; height: 15px; color: var(--ink-faint); transition: color .12s; } .topbar-search[data-kind="id"] .ts-lead .ic { color: var(--accent); } .topbar-search[data-kind="net"] .ts-lead .ic { color: var(--chart-2); } .topbar-search[data-kind="scan"] .ts-lead .ic { color: var(--chart-3); } .topbar-search .input { flex: 1 1 auto; min-width: 0; height: 100%; padding: 0; margin: 0; background: none; border: 0; border-radius: 0; font-family: inherit; font-size: var(--fs-base); color: var(--ink); } .topbar-search .input:focus { outline: none; box-shadow: none; border: 0; background: none; } .ts-kind { flex: none; font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: 0.03em; text-transform: uppercase; padding: 2px 7px; border-radius: var(--radius-sm); background: var(--surface-sunken); color: var(--ink-secondary); border: 1px solid var(--border-subtle); white-space: nowrap; } .topbar-search[data-kind="id"] .ts-kind { background: var(--accent-soft); color: var(--accent); border-color: transparent; } .topbar-search[data-kind="net"] .ts-kind { background: var(--info-soft); color: var(--info-ink); border-color: transparent; } .topbar-search[data-kind="scan"] .ts-kind { background: var(--surface-sunken); color: var(--ink-secondary); } .ts-key { flex: none; font-family: var(--font-mono); font-size: var(--fs-micro); line-height: 1; padding: 3px 6px; color: var(--ink-faint); background: var(--surface); border: 1px solid var(--border); border-bottom-width: 2px; border-radius: var(--radius-sm); } .ts-clear { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; cursor: pointer; background: none; border: 0; border-radius: var(--radius-sm); color: var(--ink-faint); } .ts-clear[hidden] { display: none; } .ts-clear:hover { background: var(--surface-sunken); color: var(--ink-secondary); } .ts-clear .ic { width: 13px; height: 13px; } @media (max-width: 1080px) { .ts-kind, .ts-key { display: none; } .topbar-search { max-width: 320px; margin: 0 12px; } } .topbar-search .input::placeholder { color: var(--ink-faint); } @media (max-width: 760px) { .topbar-search { display: none; } } .credit-chip { display: inline-flex; align-items: center; gap: 7px; background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-pill); padding: 5px 12px; font-size: var(--fs-sm); color: var(--ink-muted); font-weight: var(--fw-medium); } .credit-chip b { color: var(--ink); font-variant-numeric: tabular-nums; } .content { padding: 24px 28px; max-width: 1680px; width: 100%; } .page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 22px; } .page-head h1 { font-size: var(--fs-xl); } .page-head .lead { color: var(--ink-muted); margin-top: 4px; font-size: var(--fs-base); max-width: 96ch; } .btn { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: var(--radius-sm); font-size: var(--fs-base); font-weight: var(--fw-medium); cursor: pointer; border: 1px solid transparent; background: var(--surface-sunken); color: var(--ink); transition: background 0.12s ease, border-color 0.12s ease; } .btn:hover { text-decoration: none; background: var(--border); } .btn svg { width: 16px; height: 16px; } :where(a, button, summary, input, select, textarea, [tabindex]):focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } .froq-search:focus-within, .model-search:focus-within, .topbar-search:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; } .icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border-radius: var(--radius-sm); border: 1px solid var(--border); background: var(--surface); color: var(--ink-muted); cursor: pointer; vertical-align: middle; transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease; } .icon-btn:hover { text-decoration: none; background: var(--accent-soft); border-color: var(--accent); color: var(--accent); } .icon-btn svg { width: 14px; height: 14px; } .ic { width: 1em; height: 1em; flex-shrink: 0; vertical-align: -0.14em; } .int-badge { display: inline-flex; align-items: center; gap: 7px; padding: 4px 11px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--surface-sunken); font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--ink); } .int-badge .ic { color: var(--accent); font-size: 15px; } .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-sm); } .card-pad { padding: 20px; } .card-head { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; } .card-head h2 { font-size: var(--fs-lg); display: flex; align-items: center; gap: 8px; } .card-head h2 .ic { color: var(--ink-faint); font-size: 17px; } .card-head .eyebrow { font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: 0.06em; color: var(--ink-faint); font-weight: var(--fw-medium); } .grid { display: grid; gap: 16px; } .grid-2 { grid-template-columns: repeat(2, 1fr); } .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-4 { grid-template-columns: repeat(4, 1fr); } .stat { padding: 18px 20px; } .stat .label { font-size: var(--fs-sm); text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-faint); font-weight: var(--fw-medium); display: flex; align-items: center; gap: 7px; } .stat .label .ic { font-size: 15px; } .stat .value { font-size: var(--fs-display); font-weight: var(--fw-bold); margin-top: 6px; font-variant-numeric: tabular-nums; } .stat .delta { font-size: var(--fs-sm); color: var(--ink-muted); margin-top: 2px; } .pill { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: var(--radius-pill); font-size: var(--fs-sm); font-weight: var(--fw-bold); border: 1px solid transparent; white-space: nowrap; } .pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; } .pill-ico::before { display: none; } .pill .ic { font-size: 13px; } .pill-malicious { background: var(--malicious-soft); color: var(--malicious-ink); } .pill-suspicious { background: var(--suspicious-soft); color: var(--suspicious-ink); } .pill-clean { background: var(--clean-soft); color: var(--clean-ink); } .pill-neutral { background: var(--surface-raised); color: var(--ink-secondary); border-color: color-mix(in srgb, var(--ink) 22%, transparent); border-radius: var(--radius-sm); padding: 2px 8px; font-size: var(--fs-micro); font-weight: var(--fw-medium); letter-spacing: .01em; } .pill-neutral::before { display: none; } .pill-neutral .ic { color: var(--ink-faint); font-size: 12px; } .vbadge { --vc: var(--ink-muted); display: inline-flex; align-items: stretch; vertical-align: middle; border-radius: var(--radius-xs); overflow: hidden; line-height: 1; white-space: nowrap; border: 1px solid color-mix(in srgb, var(--vc) 38%, transparent); background: color-mix(in srgb, var(--vc) 13%, var(--surface)); font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: .05em; text-transform: uppercase; } .vbadge-ic { display: grid; place-items: center; padding: 0 8px; background: var(--vc); color: #fff; clip-path: polygon(0 0, 100% 0, calc(100% - 6px) 100%, 0 100%); } .vbadge-ic .ic { font-size: 12px; width: 12px; height: 12px; color: #fff; } .vbadge .vbadge-ic .ic { color: #fff; } .vbadge-txt { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px 4px 9px; color: color-mix(in srgb, var(--vc) 66%, var(--ink)); } .vbadge-score { font-family: var(--font-mono); font-weight: var(--fw-bold); font-variant-numeric: tabular-nums; letter-spacing: 0; padding-left: 7px; margin-left: 1px; border-left: 1px solid color-mix(in srgb, var(--vc) 30%, transparent); } .vbadge-malicious { --vc: var(--malicious); } .vbadge-suspicious { --vc: var(--suspicious); } .vbadge-clean { --vc: var(--clean); } .vbadge-unknown { --vc: var(--ink-muted); } .table-wrap { overflow-x: auto; background: linear-gradient(to right, var(--surface) 60%, transparent) left center / 26px 100% no-repeat local, linear-gradient(to left, var(--surface) 60%, transparent) right center / 26px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, color-mix(in srgb, var(--ink) 16%, transparent), transparent) left center / 11px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, color-mix(in srgb, var(--ink) 16%, transparent), transparent) right center / 11px 100% no-repeat scroll; } table.data { width: 100%; border-collapse: collapse; font-size: var(--fs-base); } table.data th { text-align: left; font-weight: var(--fw-medium); color: var(--ink-muted); font-size: var(--fs-sm); text-transform: uppercase; letter-spacing: 0.04em; padding: 11px 14px; border-bottom: 1px solid var(--border); white-space: nowrap; } table.data td { padding: 12px 14px; border-bottom: 1px solid var(--border); overflow-wrap: break-word; } table.data td.mono, table.data td.hash, table.data td a, table.data td .mono, table.data td .hash { overflow-wrap: anywhere; } table.data td.col-cap { max-width: 280px; } table.data tr:last-child td { border-bottom: none; } table.data tbody tr:hover, table.data tr:hover { background: var(--surface-raised); } td .mono, .hash { font-family: var(--font-mono); font-size: var(--fs-sm); color: var(--ink-muted); } .col-tags { width: 1%; white-space: nowrap; } .covbar-fig { margin: 0 0 14px; } .covbar { display: flex; width: 100%; height: 12px; gap: 2px; border-radius: var(--radius-sm); overflow: hidden; background: var(--surface-sunken); } .covseg { display: block; min-width: 3px; } .covseg-hit { background: var(--suspicious); } .covseg-answered { background: var(--accent); } .covseg-failed { background: var(--ink-faint); } .covseg-unasked { background: repeating-linear-gradient(135deg, var(--border) 0 3px, transparent 3px 6px); box-shadow: inset 0 0 0 1px var(--border); } .covlegend { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 8px; font-size: var(--fs-sm); color: var(--ink-secondary); } .covkey { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; } .covdot { width: 9px; height: 9px; border-radius: 2px; flex: none; display: inline-block; } .stat-sub { display: block; font-size: var(--fs-micro); color: var(--ink-muted); margin-top: 2px; } .tag-cell { display: inline-flex; align-items: center; gap: 4px; flex-wrap: nowrap; } .tagchip { display: inline-block; max-width: 132px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; font-size: var(--fs-micro); font-weight: var(--fw-medium); line-height: 1.6; padding: 1px 7px; border-radius: var(--radius-sm); background: var(--surface-sunken); color: var(--ink-secondary); border: 1px solid var(--border-subtle); } .tagchip-family { background: var(--malicious-soft); color: var(--malicious-ink); border-color: var(--malicious-line); } .tagchip-type { background: var(--suspicious-soft); color: var(--suspicious-ink); border-color: var(--suspicious-line); } .tagchip-technique { background: var(--accent-soft); color: var(--accent-ink); border-color: var(--accent-line); font-family: var(--font-mono); letter-spacing: -.01em; } .tagchip-more { color: var(--ink-muted); border-style: dashed; } .tagchip-more:hover { color: var(--ink); background: var(--surface-sunken); } .sig-row { display: inline-flex; align-items: center; gap: 8px; } .sig { display: inline-flex; align-items: center; color: var(--ink-faint); } .sig svg { width: 15px; height: 15px; } .sig-on { color: var(--accent); } .sig-net { color: var(--suspicious); } .sig-bad { color: var(--malicious); } .sig-div { flex: none; width: 1px; height: 13px; margin: 0 3px; background: var(--border); } .sig-os .os-ic { width: 15px; height: 15px; } .field { margin-bottom: 16px; } .field label, .field .field-lbl { display: block; font-size: var(--fs-base); font-weight: var(--fw-medium); margin-bottom: 6px; } .field .help { color: var(--ink-faint); font-size: var(--fs-sm); margin-top: 5px; max-width: 92ch; } input[type=text], input[type=email], input[type=password], input[type=number], input[type=url], input[type=search], input[type=tel], input[type=date], input[type=time], input[type=datetime-local], select, textarea { width: 100%; padding: 9px 12px; font-size: var(--fs-base); font-family: inherit; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); background: var(--surface-raised); color: var(--ink); } input:focus, select:focus, textarea:focus { outline: 2px solid var(--accent); outline-offset: 0; border-color: var(--accent); } .field input[type=number] { max-width: 22ch; } .field input[type=date] { max-width: 20ch; } .field input[type=time] { max-width: 16ch; } .field input[type=datetime-local] { max-width: 26ch; } input[type=date], input[type=time], input[type=datetime-local] { appearance: none; -webkit-appearance: none; line-height: 1.15; } input[type=date]::-webkit-datetime-edit, input[type=time]::-webkit-datetime-edit, input[type=datetime-local]::-webkit-datetime-edit, input[type=date]::-webkit-datetime-edit-fields-wrapper, input[type=time]::-webkit-datetime-edit-fields-wrapper, input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper, input[type=date]::-webkit-datetime-edit-text, input[type=date]::-webkit-datetime-edit-month-field, input[type=date]::-webkit-datetime-edit-day-field, input[type=date]::-webkit-datetime-edit-year-field, input[type=time]::-webkit-datetime-edit-hour-field, input[type=time]::-webkit-datetime-edit-minute-field, input[type=time]::-webkit-datetime-edit-ampm-field { padding: 0; line-height: 1.15; } input[type=date]::-webkit-calendar-picker-indicator, input[type=time]::-webkit-calendar-picker-indicator, input[type=datetime-local]::-webkit-calendar-picker-indicator { padding: 0; margin: 0 0 0 6px; width: 14px; height: 14px; cursor: pointer; opacity: .55; } input[type=date]::-webkit-calendar-picker-indicator:hover, input[type=time]::-webkit-calendar-picker-indicator:hover, input[type=datetime-local]::-webkit-calendar-picker-indicator:hover { opacity: 1; } .field input[type=file] { max-width: 72ch; } .field select { max-width: 46ch; } .field textarea { max-width: 120ch; } select { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 36px; cursor: pointer; background-color: var(--surface-raised); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px 12px; transition: border-color .12s ease, box-shadow .12s ease; } select:hover { border-color: var(--accent); } select:focus { box-shadow: 0 0 0 3px var(--accent-soft); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); } select:disabled, select.field-locked { cursor: not-allowed; opacity: .6; } select option { color: var(--ink); background: var(--surface); } .iconsel { position: relative; display: block; max-width: 100%; } .iconsel > select.iconsel-native { display: none; } .iconsel-btn { display: flex; align-items: center; gap: 8px; width: 100%; max-width: 100%; padding: 8px 12px; font-size: var(--fs-base); font-family: inherit; font-weight: var(--fw-medium); line-height: 18px; text-align: left; cursor: pointer; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-raised); color: var(--ink); transition: border-color .12s ease, box-shadow .12s ease; } .iconsel-btn:hover { border-color: var(--accent); } .iconsel.is-open .iconsel-btn { border-color: color-mix(in srgb, var(--accent) 55%, transparent); box-shadow: 0 0 0 3px var(--accent-soft); } .iconsel-btn:focus-visible { border-color: color-mix(in srgb, var(--accent) 55%, transparent); box-shadow: 0 0 0 3px var(--accent-soft); } .iconsel.is-disabled .iconsel-btn, .iconsel-btn:disabled { cursor: not-allowed; opacity: .6; background: var(--surface-sunken); } .iconsel.is-disabled .iconsel-btn:hover { border-color: var(--border); } .iconsel-lblbox { flex: 1 1 auto; min-width: 0; } .iconsel-lbl { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .iconsel-ghost { display: block; height: 0; overflow: hidden; visibility: hidden; } .iconsel-ghost i { display: block; font-style: normal; white-space: nowrap; } .iconsel-ic { width: 16px; height: 16px; font-size: 16px; flex: none; } .iconsel-caret { width: 12px; height: 12px; flex: none; color: var(--ink-faint); transition: transform .15s ease; } .iconsel.is-open .iconsel-caret { transform: rotate(180deg); } .iconsel-menu { position: fixed; z-index: 1100; top: 0; left: 0; padding: 4px; overflow-y: auto; overscroll-behavior: contain; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); } .iconsel-menu[hidden] { display: none; } .iconsel-item { display: flex; align-items: center; gap: 9px; padding: 7px 9px; border-radius: var(--radius-sm); font-size: var(--fs-base); line-height: 1.3; color: var(--ink); cursor: pointer; } .iconsel-txt { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .iconsel-item.is-active { background: var(--accent-tint); } .iconsel-item.is-selected { color: var(--accent-ink); font-weight: var(--fw-bold); } .iconsel-check { width: 12px; height: 12px; flex: none; color: var(--accent); visibility: hidden; } .iconsel-item.is-selected .iconsel-check { visibility: visible; } .iconsel-tone-malicious { color: var(--malicious); } .iconsel-tone-suspicious { color: var(--suspicious); } .iconsel-tone-clean { color: var(--clean); } .iconsel-tone-info { color: var(--info); } .iconsel-tone-accent { color: var(--accent); } .iconsel-tone-neutral { color: var(--ink-muted); } .combo.has-iconsel > .combo-lead { display: none; } .combo > .iconsel { width: 100%; } .combo .iconsel-btn { height: 46px; padding-left: 14px; padding-right: 14px; font-family: var(--font-mono); font-size: var(--fs-base); border: 1.5px solid var(--border-strong); border-radius: var(--radius-lg); background-color: var(--surface); } .combo .iconsel.is-open .iconsel-btn, .combo .iconsel-btn:focus-visible { border-color: var(--accent); } .opt-tile .iconsel-btn { height: 38px; background: var(--surface); } .module-card.mod-blue { --m: var(--accent); --m-soft: var(--accent-soft); --m-deep: color-mix(in srgb, var(--accent) 82%, black); } .module-card.mod-teal { --m: #0E7490; --m-soft: #ECFEFF; --m-deep: #155E75; } .module-card.mod-violet { --m: #7C3AED; --m-soft: #F5F3FF; --m-deep: #6D28D9; } .module-card.mod-amber { --m: #B45309; --m-soft: #FFF7ED; --m-deep: #92400E; } .module-card.mod-emerald { --m: #047857; --m-soft: #ECFDF5; --m-deep: #065F46; } .module-card.mod-rose { --m: #BE123C; --m-soft: #FFF1F3; --m-deep: #9F1239; } .module-card { --m: var(--accent); --m-soft: var(--accent-soft); --m-deep: var(--accent-hover); position: relative; display: flex; flex-direction: column; color: inherit; text-decoration: none; overflow: hidden; transition: border-color 0.14s ease, box-shadow 0.14s ease, transform 0.14s ease; } .module-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; background: var(--m); opacity: 0.55; transition: opacity 0.14s ease; } .module-card-body { padding: 18px 18px 14px; display: flex; flex-direction: column; gap: 11px; flex: 1; } .module-ic { display: grid; place-items: center; width: 42px; height: 42px; border-radius: var(--radius-lg); background: var(--m-soft); color: var(--m); flex-shrink: 0; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--m) 16%, transparent); } .module-ic .ic { font-size: 22px; } .module-tag { font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: 0.04em; text-transform: uppercase; color: var(--m); background: var(--m-soft); padding: 4px 9px; border-radius: var(--radius-pill); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--m) 14%, transparent); } .module-name { font-size: var(--fs-lg); font-weight: var(--fw-bold); color: var(--ink); } .module-desc { font-size: var(--fs-base); color: var(--ink-muted); line-height: 1.5; margin: 0; flex: 1; } .module-foot { display: flex; align-items: center; justify-content: space-between; padding: 12px 18px; border-top: 1px solid var(--border); background: var(--surface-raised); } .module-cta { font-size: var(--fs-base); font-weight: var(--fw-bold); color: var(--m); } .module-arrow { font-size: 17px; color: var(--m); transition: transform 0.14s ease; } .module-card:hover { border-color: color-mix(in srgb, var(--m) 55%, var(--border)); box-shadow: 0 6px 20px color-mix(in srgb, var(--m) 16%, transparent); transform: translateY(-2px); text-decoration: none; } .module-card:hover .module-name, .module-card:hover .module-desc, .module-card:hover .module-cta { text-decoration: none; } .module-card:hover::before { opacity: 1; } .module-card:hover .module-arrow { transform: translateX(3px); } .module-card:hover .module-foot { background: var(--m-soft); } .ns-wrap { max-width: 1180px; } .page-measure { max-width: 1180px; } .ns-head { margin-bottom: 20px; } .ns-eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: var(--text-2xs); font-weight: var(--fw-bold); letter-spacing: .09em; text-transform: uppercase; color: var(--accent); } .ns-eyebrow .ic { font-size: 14px; } .ns-head h1 { font-size: var(--text-2xl); margin-top: 7px; letter-spacing: -.01em; } .ns-head .lead { color: var(--ink-muted); margin-top: 5px; font-size: var(--text-md); max-width: 68ch; } .ns-feature { --m: var(--accent); --m-soft: var(--accent-soft); --m-deep: var(--accent-hover); position: relative; display: grid; grid-template-columns: 1.65fr 1fr; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; text-decoration: none; color: inherit; margin-bottom: 16px; box-shadow: var(--shadow-sm); transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; } .ns-feature::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--m); opacity: .75; } .ns-feature:hover { border-color: color-mix(in srgb, var(--m) 48%, var(--border)); box-shadow: 0 10px 30px color-mix(in srgb, var(--m) 15%, transparent); transform: translateY(-2px); } .ns-feature-main { padding: 22px 24px; display: flex; flex-direction: column; gap: 14px; } .ns-feature-head { display: flex; gap: 14px; align-items: center; } .ns-feature-head .module-ic { width: 50px; height: 50px; border-radius: var(--radius-md); } .ns-feature-head .module-ic .ic { font-size: 26px; } .ns-feature-ey { display: flex; align-items: center; gap: 9px; margin-bottom: 5px; } .ns-feature-flag { font-size: var(--text-2xs); font-weight: var(--fw-bold); letter-spacing: .05em; text-transform: uppercase; color: var(--ink-faint); } .ns-feature .module-name { font-size: var(--text-xl); } .ns-feature-desc { font-size: var(--text-md); color: var(--ink-muted); line-height: 1.55; margin: 0; } .ns-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; } .ns-chip { display: inline-flex; align-items: center; gap: 5px; font-size: var(--text-xs); font-weight: var(--fw-medium); color: var(--ink-secondary); background: var(--surface-sunken); border: 1px solid var(--border-subtle); padding: 4px 9px; border-radius: var(--radius-sm); } .ns-chip .ic { font-size: 13px; color: var(--ink-muted); } .ns-feature-side { padding: 22px 22px; background: var(--surface-raised); border-left: 1px solid var(--border-subtle); display: flex; flex-direction: column; gap: 13px; } .ns-side-label { font-size: var(--text-2xs); font-weight: var(--fw-bold); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); } .ns-pipe { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; } .ns-pipe li { display: flex; align-items: center; gap: 10px; position: relative; font-size: var(--text-sm); font-weight: var(--fw-medium); color: var(--ink-secondary); padding: 2px 0; } .ns-pipe-ic { display: grid; place-items: center; width: 27px; height: 27px; border-radius: var(--radius-sm); background: var(--accent-soft); color: var(--accent); flex-shrink: 0; box-shadow: inset 0 0 0 1px var(--accent-line); } .ns-pipe-ic .ic { font-size: 15px; } .ns-pipe li:not(:last-child) .ns-pipe-ic::after { content: ""; position: absolute; left: 13px; top: 27px; width: 1px; height: 12px; background: var(--accent-line); } .ns-feature-cta { display: inline-flex; align-items: center; gap: 5px; margin-top: auto; font-size: var(--text-sm); font-weight: var(--fw-bold); color: var(--accent); } .ns-feature-cta .ic { font-size: 15px; transition: transform .14s ease; } .ns-feature:hover .ns-feature-cta .ic { transform: translateX(3px); } .ns-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } @media (max-width: 1000px) { .ns-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 620px) { .ns-grid { grid-template-columns: 1fr; } } .ns-caps { display: grid; grid-template-columns: repeat(auto-fit, minmax(232px, 1fr)); gap: 12px; margin-bottom: 14px; } .ns-cap { display: flex; align-items: center; gap: 11px; background: var(--surface); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); padding: 12px 14px; } .ns-cap-ic { display: grid; place-items: center; width: 34px; height: 34px; border-radius: var(--radius-sm); background: var(--surface-sunken); color: var(--accent); flex-shrink: 0; box-shadow: inset 0 0 0 1px var(--border-subtle); } .ns-cap-ic .ic { font-size: 18px; } .ns-cap div { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; } .ns-cap strong { font-size: var(--text-sm); color: var(--ink); font-weight: var(--fw-bold); } .ns-cap span { font-size: var(--text-xs); color: var(--ink-muted); } .ns-privacy { display: flex; gap: 12px; align-items: flex-start; background: var(--accent-tint); border: 1px solid var(--accent-line); border-radius: var(--radius-md); padding: 14px 16px; } .ns-privacy-ic { display: grid; place-items: center; width: 30px; height: 30px; border-radius: var(--radius-sm); background: var(--surface); color: var(--accent); flex-shrink: 0; box-shadow: inset 0 0 0 1px var(--accent-line); } .ns-privacy-ic .ic { font-size: 17px; } .ns-privacy div { line-height: 1.5; } .ns-privacy strong { color: var(--ink); font-size: var(--text-sm); } .ns-privacy span { color: var(--ink-secondary); font-size: var(--text-sm); } @media (max-width: 760px) { .ns-feature { grid-template-columns: 1fr; } .ns-feature-side { border-left: none; border-top: 1px solid var(--border-subtle); } } .shot { display: block; border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; background: var(--surface-sunken); aspect-ratio: 4 / 3; padding: 0; cursor: pointer; width: 100%; transition: border-color 0.12s ease, box-shadow 0.12s ease; } .shot img { width: 100%; height: 100%; object-fit: cover; display: block; } .shot:hover { border-color: var(--accent); box-shadow: var(--shadow-md); } .lpa-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; } .lpa-shot { margin: 0; } .lpa-shot > a { position: relative; display: block; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-sunken); aspect-ratio: 16 / 10; transition: border-color .14s ease, box-shadow .14s ease; } .lpa-shot > a:hover { border-color: var(--accent); box-shadow: var(--shadow-md); } .lpa-shot img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; transition: transform .2s ease; } .lpa-shot > a:hover img { transform: scale(1.015); } .lpa-step { position: absolute; top: 8px; left: 8px; width: 22px; height: 22px; border-radius: var(--radius-sm); background: var(--accent); color: #fff; font-size: var(--fs-sm); font-weight: var(--fw-bold); display: grid; place-items: center; box-shadow: 0 1px 3px rgb(0 0 0 / .3); } .lpa-shot figcaption { display: flex; flex-direction: column; gap: 1px; padding: 8px 2px 0; min-width: 0; } .lpa-url { font-size: var(--fs-sm); color: var(--ink-secondary); word-break: break-all; } .lpa-title { font-size: var(--fs-micro); color: var(--ink-muted); } .img-modal { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 32px; background: rgba(8, 12, 20, 0.82); backdrop-filter: blur(2px); } .img-modal[hidden] { display: none; } .img-modal img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: var(--radius-sm); box-shadow: 0 12px 48px rgba(0, 0, 0, 0.5); } .img-modal-close { position: absolute; top: 18px; right: 22px; width: 38px; height: 38px; border-radius: 50%; border: 0; cursor: pointer; background: rgba(255, 255, 255, 0.12); color: #fff; font-size: 24px; line-height: 1; } .img-modal-close:hover { background: rgba(255, 255, 255, 0.24); } .ep-modal { position: fixed; inset: 0; z-index: 210; display: flex; align-items: center; justify-content: center; padding: 28px; background: rgba(8, 12, 20, 0.72); backdrop-filter: blur(2px); } .ep-modal[hidden] { display: none; } .ep-modal-box { display: flex; flex-direction: column; width: min(920px, 100%); max-height: min(84vh, 820px); background: var(--surface); border: 1px solid var(--border-strong); border-radius: var(--radius); box-shadow: 0 18px 60px rgba(0, 0, 0, 0.42); overflow: hidden; } .ep-modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 14px 18px; border-bottom: 1px solid var(--border); background: var(--surface-raised); } .ep-modal-title-wrap { min-width: 0; } .ep-modal-line { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; } .ep-modal-status { font-size: var(--fs-sm); } .ep-modal-url { font-size: var(--fs-sm); color: var(--text); word-break: break-all; line-height: 1.35; } .ep-modal-close { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; border: 0; cursor: pointer; background: var(--surface-sunken); color: var(--ink-secondary); font-size: 20px; line-height: 1; } .ep-modal-close:hover { background: var(--border); color: var(--text); } .ep-modal-tabs { display: flex; gap: 2px; padding: 0 14px; background: var(--surface-raised); border-bottom: 1px solid var(--border); } .ep-tab { border: 0; background: transparent; cursor: pointer; padding: 9px 16px; font-size: var(--fs-base); font-weight: var(--fw-medium); color: var(--ink-muted); border-bottom: 2px solid transparent; margin-bottom: -1px; } .ep-tab:hover { color: var(--text); } .ep-tab.active { color: var(--accent); border-bottom-color: var(--accent); } .ep-modal-body { padding: 16px 18px; overflow-y: auto; } .ep-panel { display: none; } .ep-panel.active { display: block; } .ep-h { margin: 4px 0 6px; font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-muted); } .ep-h:not(:first-child) { margin-top: 16px; } .ep-bodymeta { text-transform: none; letter-spacing: 0; font-weight: var(--fw-medium); font-size: var(--fs-micro); } .ep-pre { margin: 0; padding: 11px 13px; font-size: var(--fs-sm); line-height: 1.5; background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-sm); color: var(--text); white-space: pre-wrap; word-break: break-word; overflow-x: auto; max-height: 340px; overflow-y: auto; } .ep-secrets { margin-bottom: 14px; padding: 10px 12px; background: var(--malicious-soft); border: 1px solid var(--malicious); border-radius: var(--radius-sm); } .ep-secrets-head { font-size: var(--fs-sm); font-weight: var(--fw-bold); color: var(--malicious-ink); margin-bottom: 7px; } .ep-secret-row { display: flex; align-items: center; gap: 8px; padding: 3px 0; font-size: var(--fs-sm); } .ep-secret-type { flex: 0 0 auto; font-weight: var(--fw-medium); color: var(--text); padding: 1px 7px; border-radius: var(--radius-pill); background: var(--surface); border: 1px solid var(--border); } .ep-secret-val { color: var(--ink-secondary); word-break: break-all; } .ep-secret-row.sev-high .ep-secret-type { color: var(--malicious); border-color: var(--malicious); } .airep-box { width: min(460px, 100%); } .airep-body { padding: 28px 24px; } .airep-state { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; } .airep-state[hidden] { display: none; } .airep-msg { display: flex; flex-direction: column; gap: 4px; } .airep-msg b { font-size: var(--fs-lg); color: var(--ink); } .airep-msg .muted { font-size: var(--fs-sm); max-width: 42ch; } .airep-ok, .airep-err, .airep-lock { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; } .airep-ok { background: var(--clean-soft); color: var(--clean); } .airep-err { background: var(--malicious-soft); color: var(--malicious); } .airep-lock { background: var(--surface); color: var(--ink-muted); } .airep-ok .ic, .airep-err .ic, .airep-lock .ic { font-size: 21px; } .airep-state .btn { margin-top: 4px; } .filter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); gap: 12px; align-items: end; } .filter-grid__wide { grid-column: span 2; } @media (max-width: 640px) { .filter-grid__wide { grid-column: auto; } } .cli-card-body { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 20px; align-items: start; } @media (max-width: 900px) { .cli-card-body { grid-template-columns: minmax(0, 1fr); } } .term { border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-sunken, var(--surface)); overflow: hidden; min-width: 0; } .term-bar { display: flex; align-items: center; gap: 7px; padding: 7px 11px; border-bottom: 1px solid var(--border-subtle); background: var(--surface-raised); } .term-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--border-strong); flex: none; } .term-name { margin-left: 6px; font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--ink-faint); } .term-body { margin: 0; padding: 14px 16px; font-family: var(--font-mono); font-size: var(--fs-sm); line-height: 1.65; color: var(--ink); white-space: pre; overflow-x: auto; } .term-p { color: var(--ink-faint); user-select: none; } .term-d { color: var(--ink-secondary); } .term-bad { color: var(--malicious); font-weight: var(--fw-bold); } .cli-card-notes { min-width: 0; } .cli-lede { margin: 0 0 12px; color: var(--ink-secondary); font-size: var(--fs-base); } .cli-points { margin: 0 0 16px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; } .cli-points li { font-size: var(--fs-sm); color: var(--ink-secondary); line-height: 1.55; } .cli-points b { color: var(--ink); font-weight: var(--fw-medium); } .cli-points code { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--ink); } .stat-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; } @media (max-width: 1100px) { .stat-row { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 760px) { .stat-row { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 420px) { .stat-row { grid-template-columns: 1fr; } } .stat-label { overflow-wrap: anywhere; } .stat-tile { position: relative; display: flex; flex-direction: column; gap: 2px; background: var(--surface); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); padding: 13px 14px 12px; box-shadow: var(--shadow-sm); transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease; } .stat-tile:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); } .stat-ic { display: grid; place-items: center; width: 28px; height: 28px; margin-bottom: 7px; border-radius: var(--radius-sm); background: var(--surface-sunken); color: var(--ink-faint); box-shadow: inset 0 0 0 1px var(--border-subtle); transition: background .14s ease, color .14s ease, box-shadow .14s ease; } .stat-ic .ic { font-size: 16px; } .stat-num { font-size: var(--fs-xl); font-weight: var(--fw-bold); color: var(--ink); font-variant-numeric: tabular-nums; line-height: 1.05; letter-spacing: -.01em; } .stat-label { font-size: var(--text-2xs); text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-muted); font-weight: var(--fw-medium); } .stat-tile:not(.stat-on) .stat-num { color: var(--ink-faint); } .stat-tile.stat-on { border-color: color-mix(in srgb, var(--accent) 24%, var(--border-subtle)); } .stat-tile.stat-on .stat-ic { background: var(--accent-soft); color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent-line); } .report-stats { grid-template-columns: repeat(7, 1fr); margin-bottom: 16px; } @media (max-width: 1100px) { .report-stats { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 640px) { .report-stats { grid-template-columns: repeat(2, 1fr); } } .sum-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-bottom: 16px; } @media (max-width: 1100px) { .sum-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 620px) { .sum-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 460px) { .sum-grid { grid-template-columns: 1fr; } } .sum-cell { --t: var(--ink-muted); display: flex; align-items: center; gap: 11px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 13px 14px; box-shadow: var(--shadow-sm); transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; } .sum-cell:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: color-mix(in srgb, var(--t) 34%, var(--border)); } .sum-ic { width: 36px; height: 36px; border-radius: var(--radius-lg); display: grid; place-items: center; flex: none; background: color-mix(in srgb, var(--t) 13%, var(--surface)); color: var(--t); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--t) 26%, transparent); } .sum-ic .ic { font-size: 17px; } .sum-n { font-size: var(--fs-xl); font-weight: var(--fw-bold); line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; } .sum-l { font-size: var(--text-2xs); text-transform: uppercase; letter-spacing: .05em; color: var(--ink-muted); font-weight: var(--fw-bold); margin-top: 3px; } .mod-cell { display: inline-flex; align-items: center; gap: 8px; } .mod-ic { width: 24px; height: 24px; border-radius: var(--radius-sm); display: grid; place-items: center; flex: none; background: var(--surface-sunken); color: var(--ink-muted); box-shadow: inset 0 0 0 1px var(--border-subtle); } .mod-ic .ic { font-size: 13px; } .list-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--border-subtle); } .list-head .lh-title { font-size: var(--fs-sm); font-weight: var(--fw-bold); color: var(--ink); display: flex; align-items: center; gap: 8px; } .list-head .lh-title .ic { color: var(--ink-faint); font-size: 15px; } .list-head .lh-count { font-family: var(--font-mono); font-weight: var(--fw-bold); color: var(--accent); } .sig-item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border); } .sig-item:last-child { border-bottom: 0; } .sig-sev { flex-shrink: 0; font-size: var(--fs-micro); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.03em; padding: 3px 8px; border-radius: var(--radius-sm); margin-top: 1px; } .sig-sev-high { background: var(--malicious-soft); color: var(--malicious); } .sig-sev-med { background: var(--suspicious-soft); color: var(--suspicious-ink); } .sig-sev-low { background: var(--info-soft); color: var(--info-ink); } .sig-sev-info { background: var(--surface-sunken); color: var(--ink-secondary); } .sig-title { font-weight: var(--fw-medium); font-size: var(--fs-base); } .sig-sub { color: var(--ink-muted); font-size: var(--fs-sm); } .sec-cat-head { margin: 0 0 10px; font-size: var(--fs-base); } .sec-cat { margin-bottom: 14px; border: 1px solid var(--border); border-left: 3px solid var(--border-strong); border-radius: var(--radius-md); overflow: hidden; } .sec-cat:last-child { margin-bottom: 0; } .sec-cat-high { border-left-color: var(--malicious); } .sec-cat-med { border-left-color: var(--suspicious); } .sec-cat-low { border-left-color: var(--info); } .sec-cat-bar { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; padding: 9px 12px; background: var(--surface-sunken); border-bottom: 1px solid var(--border); } .sec-cat-ic { display: inline-flex; color: var(--ink-muted); } .sec-cat-high .sec-cat-ic { color: var(--malicious); } .sec-cat-med .sec-cat-ic { color: var(--suspicious-ink); } .sec-cat-low .sec-cat-ic { color: var(--info-ink); } .sec-cat-name { font-size: var(--fs-base); text-transform: capitalize; } .sec-cat-count { margin-left: auto; color: var(--ink-muted); font-size: var(--fs-sm); } .sec-proof td { font-size: var(--fs-micro); vertical-align: top; } .sec-needle { color: var(--ink); font-weight: var(--fw-medium); word-break: break-all; } .sec-context { color: var(--ink-secondary); word-break: break-all; } .sec-where { display: inline-block; font-size: var(--fs-micro); font-weight: var(--fw-medium); letter-spacing: 0.03em; text-transform: uppercase; padding: 2px 6px; border-radius: var(--radius-sm); border: 1px solid var(--border); color: var(--ink-secondary); white-space: nowrap; } .sec-where-import-table { background: var(--info-soft); color: var(--info-ink); border-color: transparent; } .sec-where-extracted-string { background: var(--surface-sunken); } .sec-where-raw-bytes { color: var(--ink-muted); } .sec-cat-more { padding: 7px 12px; color: var(--ink-muted); font-size: var(--fs-micro); border-top: 1px solid var(--border-subtle); } .sig-item { flex-wrap: wrap; } .sig-body { flex: 1 1 320px; min-width: 0; } .sig-ev { margin-top: 7px; display: flex; flex-direction: column; gap: 3px; border-left: 2px solid var(--border); padding-left: 10px; } .sig-ev-row { display: flex; align-items: baseline; gap: 8px; font-size: var(--fs-sm); min-width: 0; } .sig-ev-kind { flex-shrink: 0; width: 74px; color: var(--ink-muted); font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: 0.04em; font-weight: var(--fw-medium); } .sig-ev-val { font-family: var(--font-mono); color: var(--ink); overflow-wrap: anywhere; min-width: 0; } .sig-ev-det { color: var(--ink-muted); font-size: var(--fs-micro); white-space: nowrap; } .sig-ev-more { color: var(--ink-muted); font-size: var(--fs-micro); padding-left: 82px; } .sig-common { display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; font-size: var(--fs-micro); color: var(--ink-secondary); background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 2px 7px; } .sig-src { flex-shrink: 0; align-self: flex-start; margin-top: 2px; font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: 0.04em; font-weight: var(--fw-medium); color: var(--ink-muted); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 2px 7px; } @media (max-width: 720px) { .sig-ev-kind { width: 60px; } .sig-ev-det { display: none; } } .ptree { position: relative; padding: 4px 2px; } .ptree-row { display: flex; align-items: center; margin: 7px 0; position: relative; padding-left: calc(var(--depth) * 30px); } .ptree-row[data-depth]:not([data-depth="0"])::before { content: ""; position: absolute; left: calc((var(--depth) - 1) * 30px + 15px); top: -7px; bottom: 50%; width: 2px; background: color-mix(in srgb, var(--accent) 30%, transparent); } .ptree-connector { flex: 0 0 24px; height: 2px; margin-right: 9px; position: relative; background: repeating-linear-gradient(90deg, var(--accent) 0 6px, transparent 6px 12px); background-size: 12px 2px; border-radius: var(--radius-xs); } .ptree-connector::after { content: "\25B8"; position: absolute; right: -5px; top: -7px; color: var(--accent); font-size: 12px; line-height: 1; } .ptree-row[data-depth="0"] .ptree-connector { display: none; } .ptree-node { display: flex; align-items: center; gap: 10px; padding: 8px 12px; flex: 1; min-width: 0; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: 0 1px 2px rgba(15, 23, 42, .05); transition: border-color .15s, box-shadow .15s, transform .15s; } .ptree-node:hover { border-color: var(--accent); box-shadow: 0 3px 12px rgba(37, 99, 235, .13); transform: translateY(-1px); } .ptree-ico { width: 30px; height: 30px; flex: 0 0 30px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-lg); background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); } .ptree-ico .ic { font-size: 16px; } .ptree-info { min-width: 0; flex: 1; } .ptree-head { display: flex; align-items: baseline; gap: 8px; } .ptree-name { font: var(--fw-medium) var(--fs-base)/1.3 var(--font-sans); color: var(--ink); } .ptree-pid { font: var(--fw-medium) var(--fs-micro)/1.5 var(--font-mono); color: var(--ink-secondary); background: var(--surface-sunken); border-radius: var(--radius-sm); padding: 1px 6px; white-space: nowrap; } .ptree-via { font: var(--fw-medium) var(--fs-micro)/1.5 var(--font-sans); color: var(--accent-ink); background: var(--accent-soft); border-radius: var(--radius-sm); padding: 1px 6px; white-space: nowrap; } .ptree-cmd { font-family: var(--font-mono); font-size: var(--fs-micro); color: var(--ink-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; } .opfeed-op { display: inline-flex; align-items: center; gap: 5px; justify-self: start; font: var(--fw-medium) var(--fs-micro)/1.6 var(--font-sans); text-transform: uppercase; letter-spacing: .05em; padding: 1px 8px; border-radius: var(--radius-sm); background: var(--surface-sunken); color: var(--ink-secondary); white-space: nowrap; } .opfeed-op .ic { font-size: 11px; } .op-create { background: var(--clean-soft); color: var(--clean-ink); } .op-write, .op-modify { background: color-mix(in srgb, var(--accent) 13%, transparent); color: var(--accent-ink); } .op-delete { background: var(--malicious-soft); color: var(--malicious-ink); } .op-rename { background: var(--suspicious-soft); color: var(--suspicious-ink); } .op-reg { background: color-mix(in srgb, var(--chart-3) 13%, transparent); color: var(--chart-3); } .opfeed-arrow { color: var(--ink-faint); } .froq-bar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 12px; } .froq-search { display: flex; align-items: center; gap: 7px; flex: 1; min-width: 220px; background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 6px 11px; } .froq-search .ic { color: var(--ink-muted); font-size: 15px; flex: 0 0 auto; } .froq-search input { border: 0; background: transparent; outline: none; width: 100%; font-size: var(--fs-base); color: var(--ink); } .froq-bar label { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-base); font-weight: var(--fw-medium); cursor: pointer; } .froq-bar input[type=checkbox] { accent-color: var(--accent); width: 15px; height: 15px; } .froq-scope { display: inline-flex; border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; background: var(--bg); flex: 0 0 auto; } .froq-scope-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--ink-muted); background: transparent; border: 0; cursor: pointer; white-space: nowrap; transition: background .12s, color .12s; } .froq-scope-btn + .froq-scope-btn { border-left: 1px solid var(--border); } .froq-scope-btn .ic { font-size: 14px; } .froq-scope-btn:hover { color: var(--ink); background: var(--surface); } .froq-scope-btn.is-active { background: var(--accent); color: #fff; } .froq-scope-btn.is-active:hover { color: #fff; } .froq-scope-note { display: flex; align-items: center; gap: 7px; margin: 0 0 12px; font-size: var(--fs-sm); } .froq-scope-note .ic { color: var(--accent); flex: 0 0 auto; font-size: 15px; } .froq-table td { padding: 3px 12px; font-size: var(--fs-sm); vertical-align: top; line-height: 1.55; } .froq-table th { white-space: nowrap; } .froq-table .opfeed-op { font-size: var(--fs-micro); } .froq-target { word-break: break-all; color: var(--ink); } .froq-sortable { cursor: pointer; user-select: none; white-space: nowrap; } .froq-sortable:hover { color: var(--accent); } .froq-sort-ind { font-size: 9px; color: var(--accent); margin-left: 3px; } .froq-time { white-space: nowrap; color: var(--ink-muted); } .imp-toolbar { display: flex; justify-content: flex-start; margin-bottom: 10px; } .imp-openall { display: inline-flex; align-items: center; gap: 7px; font-size: var(--fs-sm); cursor: pointer; user-select: none; color: var(--ink-muted); } .imp-openall input { accent-color: var(--accent); width: 15px; height: 15px; } .imp-acc { display: flex; flex-direction: column; gap: 8px; } .imp-dll { border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; background: var(--surface); } .imp-dll-head { display: flex; align-items: center; gap: 8px; padding: 9px 13px; cursor: pointer; user-select: none; font-family: var(--font-mono); } .imp-dll-head:hover { background: var(--surface-sunken); } .imp-dll-head .ic { color: var(--accent); font-size: 14px; } .imp-tw { width: 11px; font-size: 9px; color: var(--ink-faint); transition: transform .12s; display: inline-block; } .imp-dll.open > .imp-dll-head .imp-tw { transform: rotate(90deg); } .imp-dll-name { font-weight: var(--fw-medium); font-size: var(--fs-base); color: var(--ink); } .imp-dll-count { margin-left: auto; font-size: var(--fs-micro); color: var(--ink-muted); display: flex; align-items: center; gap: 6px; } .imp-susp-badge { background: var(--suspicious-soft); color: var(--suspicious-ink); border-radius: var(--radius-sm); padding: 1px 6px; font-size: var(--fs-micro); font-weight: var(--fw-medium); } .imp-dll-body { display: none; border-top: 1px solid var(--border); max-height: 340px; overflow: auto; } .imp-dll.open > .imp-dll-body { display: block; } .imp-fn-table td { padding: 4px 12px; font-size: var(--fs-micro); } .imp-fn-name { color: var(--ink); } .imp-fn-susp { background: color-mix(in srgb, var(--suspicious) 6%, transparent); } .imp-flag { font-size: 10px; font-weight: var(--fw-medium); color: var(--ink-muted); } .imp-flag-susp { color: var(--suspicious-ink); } div.screencast { user-select: none; margin: 0 auto; --sc-ar: 1.3333; --sc-h: min(64vh, 600px); width: min(100%, calc(var(--sc-h) * var(--sc-ar))); } .screencast-lead .screencast { --sc-h: min(64vh, 600px); } .screencast-lead.is-tall .screencast { width: 100%; } .screencast-expand { display: inline-flex; align-items: center; gap: 6px; margin: 8px 0 16px; font-size: var(--fs-sm); font-weight: var(--fw-bold); color: var(--accent); background: color-mix(in srgb, var(--accent) 8%, transparent); border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent); border-radius: var(--radius-pill); padding: 5px 12px; cursor: pointer; } .screencast-expand:hover { background: color-mix(in srgb, var(--accent) 16%, transparent); } .screencast-stage { position: relative; width: 100%; height: auto; aspect-ratio: var(--sc-ar, 1.3333); background: #0b1220; border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; } .screencast-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; display: block; } .screencast-badge { position: absolute; top: 10px; right: 10px; background: rgba(11,18,32,.72); color: #fff; font: var(--fw-medium) var(--fs-micro)/1 var(--font-mono, monospace); padding: 5px 8px; border-radius: var(--radius-sm); } .screencast-stage .screencast-expand { position: absolute; top: 10px; left: 10px; width: 30px; height: 30px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 0; cursor: pointer; background: rgba(11,18,32,.72); color: #fff; border-radius: var(--radius-sm); opacity: 0; transition: opacity .15s; } .screencast-stage:hover .screencast-expand { opacity: 1; } #panel-overview .screencast { --sc-h: min(46vh, 420px); } .screencast-expand .ic { font-size: 15px; } .screencast-bar { display: flex; align-items: center; gap: 12px; margin-top: 12px; } .sc-toggle { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--ink-faint); background: var(--surface-raised); color: var(--accent); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; } .sc-toggle svg { width: 16px; height: 16px; } .sc-toggle .sc-ic-play { margin-left: 2px; } .sc-toggle:hover { border-color: var(--accent); } .sc-track { position: relative; flex: 1 1 auto; height: 8px; border-radius: 999px; cursor: pointer; background: var(--surface-sunken); } .sc-fill { position: absolute; left: 0; top: 0; height: 100%; border-radius: 999px; background: var(--accent); width: 0; } .sc-marks { position: absolute; inset: 0; pointer-events: none; } .sc-mark { position: absolute; top: 50%; width: 2px; height: 12px; border-radius: 1px; transform: translate(-50%, -50%); background: var(--ink-faint); opacity: .85; } .sc-scrub { position: absolute; top: 50%; left: 0; width: 14px; height: 14px; border-radius: 50%; transform: translate(-50%, -50%); background: #fff; border: 2px solid var(--accent); box-shadow: 0 1px 3px rgba(0,0,0,.3); } .sc-count { flex: 0 0 auto; font-size: var(--fs-sm); color: var(--ink-muted); min-width: 54px; text-align: right; } .scrub { user-select: none; max-width: 660px; margin: 0 auto; } .model-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; } .model-card-link { display: flex; align-items: center; gap: 13px; padding: 15px 16px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); text-decoration: none; transition: border-color .12s, box-shadow .12s, transform .12s; } .model-card-link:hover { border-color: var(--mt, var(--accent)); box-shadow: 0 8px 20px -12px color-mix(in srgb, var(--mt, var(--accent)) 55%, transparent); transform: translateY(-1px); text-decoration: none; } .model-card-ic { flex: none; width: 40px; height: 40px; border-radius: var(--radius-lg); display: grid; place-items: center; color: var(--mt, var(--accent)); background: color-mix(in srgb, var(--mt, var(--accent)) 12%, var(--surface)); border: 1px solid color-mix(in srgb, var(--mt, var(--accent)) 22%, transparent); transition: background .14s, color .14s; } .model-card-ic .ic { width: 20px; height: 20px; } .model-card-link:hover .model-card-ic { background: var(--mt, var(--accent)); color: #fff; } .model-card-body { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1; } .model-card-count { font-size: var(--fs-xl); font-weight: var(--fw-bold); color: var(--ink); font-variant-numeric: tabular-nums; line-height: 1.05; } .model-card-label { font-size: var(--fs-sm); color: var(--ink-muted); } .model-card-go { width: 15px; height: 15px; color: var(--ink-faint); flex: none; opacity: 0; transition: opacity .12s, transform .12s; } .model-card-link:hover .model-card-go { opacity: 1; transform: translateX(2px); color: var(--mt, var(--accent)); } .icard-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 16px; } .icard { display: flex; align-items: center; gap: 12px; padding: 13px 15px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); } .icard-ic { flex: none; width: 40px; height: 40px; border-radius: var(--radius-lg); display: grid; place-items: center; color: var(--it, var(--accent)); background: color-mix(in srgb, var(--it, var(--accent)) 13%, var(--surface)); border: 1px solid color-mix(in srgb, var(--it, var(--accent)) 22%, transparent); } .icard-ic .ic { width: 20px; height: 20px; } .icard-body { display: flex; flex-direction: column; gap: 1px; min-width: 0; } .icard-num { font-size: var(--fs-xl); font-weight: var(--fw-bold); color: var(--ink); line-height: 1.05; font-variant-numeric: tabular-nums; } .icard-label { font-size: var(--fs-sm); color: var(--ink-muted); } .model-layout { display: grid; grid-template-columns: 190px 1fr; gap: 16px; align-items: start; } .model-rail { display: flex; flex-direction: column; gap: 2px; position: sticky; top: 12px; } .model-rail-item { padding: 8px 12px; border-radius: var(--radius-sm); font-size: var(--fs-base); color: var(--ink-muted); text-decoration: none; } .model-rail-item:hover { background: var(--surface-sunken); color: var(--ink); } .model-rail-item.active { background: var(--accent-soft); color: var(--accent); font-weight: var(--fw-medium); } .model-main { min-width: 0; } .model-search { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 0 12px; } .model-search .ic { color: var(--ink-faint); } .model-search input { flex: 1; border: none; background: none; padding: 10px 0; font-size: var(--fs-base); color: var(--ink); outline: none; } .model-search-clear { font-size: var(--fs-sm); color: var(--ink-muted); text-decoration: none; } .model-search-clear:hover { color: var(--accent); } .model-empty { text-align: center; color: var(--ink-muted); padding: 26px; } .api-seq { margin: 0; padding-left: 34px; max-height: 340px; overflow: auto; font-size: var(--fs-sm); line-height: 1.75; color: var(--ink-secondary); } .api-seq li { padding-left: 4px; } .api-seq li::marker { color: var(--ink-faint); font-size: var(--fs-micro); } .cap-table td { padding: 5px 8px; font-size: var(--fs-sm); } .cap-sub { margin: 14px 0 7px; font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: .04em; text-transform: uppercase; color: var(--ink-muted); } .cap-table + .cap-sub { margin-top: 16px; } .icard-of { font-size: var(--fs-base); font-weight: var(--fw-medium); color: var(--ink-muted); margin-left: 4px; } .alw-filter { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-left: auto; } .alw-filter .combo { min-width: 132px; } .alw-filter input[type=search] { min-width: 190px; } .model-pager { display: flex; align-items: center; gap: 12px; justify-content: center; margin-top: 14px; } .model-pager-info { font-size: var(--fs-base); color: var(--ink-muted); font-variant-numeric: tabular-nums; } .btn-sm { padding: 6px 12px; font-size: var(--fs-base); } @media (max-width: 900px) { .model-layout { grid-template-columns: 1fr; } .model-rail { flex-direction: row; flex-wrap: wrap; position: static; } } .opt-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .opt-grid .full { grid-column: 1 / -1; } .check { position: relative; display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-raised); cursor: pointer; } .check-cost { position: absolute; right: 10px; bottom: 7px; font-size: var(--fs-micro); font-variant-numeric: tabular-nums; letter-spacing: .01em; color: var(--ink-faint); background: var(--surface); border: 1px solid var(--border); border-radius: 999px; padding: 0 6px; line-height: 15px; white-space: nowrap; } .check-cost-hi { color: var(--suspicious-ink); border-color: color-mix(in srgb, var(--suspicious) 35%, var(--border)); } .check-has-cost { padding-bottom: 26px; } .check input[type=checkbox] { appearance: none; -webkit-appearance: none; margin: 1px 0 0; flex-shrink: 0; width: 18px; height: 18px; border: 1.5px solid var(--border-strong); border-radius: var(--radius-sm); background: var(--surface); cursor: pointer; display: grid; place-content: center; transition: background .12s ease, border-color .12s ease, box-shadow .12s ease; } .check input[type=checkbox]::after { content: ""; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) translate(-0.5px, -1px); opacity: 0; transition: opacity .1s ease; } .check input[type=checkbox]:hover { border-color: var(--accent); } .check input[type=checkbox]:checked { background: linear-gradient(180deg, var(--accent), var(--accent-strong)); border-color: var(--accent-strong); } .check input[type=checkbox]:checked::after { opacity: 1; } .check input[type=checkbox]:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } .check .check-body { display: flex; flex-direction: column; gap: 2px; } .check .check-title { font-weight: var(--fw-medium); font-size: var(--fs-base); display: flex; align-items: center; gap: 6px; } .check .check-title .ic { color: var(--ink-muted); } .check .check-sub { color: var(--ink-muted); font-size: var(--fs-sm); } .flag-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .ua-group { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; } .ua-card { display: block; cursor: pointer; } .ua-input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); } .ua-face { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 9px 11px; min-height: 54px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-raised); transition: border-color .12s ease, background .12s ease, box-shadow .12s ease; } .ua-card:hover .ua-face { border-color: var(--border-strong); background: var(--surface); } .ua-mark .ic { display: block; width: 22px; height: 22px; } .ua-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; } .ua-browser { font-weight: var(--fw-medium); font-size: var(--fs-base); color: var(--ink); line-height: 1.25; } .ua-os { display: inline-flex; align-items: center; gap: 5px; font-size: var(--fs-sm); color: var(--ink-muted); line-height: 1.25; } .ua-os-ic { width: 13px; height: 13px; flex: none; } .ua-tick { width: 16px; height: 16px; color: var(--accent); opacity: 0; transition: opacity .12s ease; } .ua-input:checked + .ua-face { border-color: var(--accent); background: var(--accent-soft); box-shadow: inset 0 0 0 1px var(--accent); } .ua-input:checked + .ua-face .ua-tick { opacity: 1; } .ua-input:focus-visible + .ua-face { outline: 2px solid var(--accent); outline-offset: 2px; } @media (max-width: 1100px) { .ua-group { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 620px) { .ua-group { grid-template-columns: 1fr; } } .ai-note { display: flex; gap: 10px; align-items: flex-start; background: var(--accent-soft); border: 1px solid var(--accent-line); border-radius: var(--radius-sm); padding: 12px 14px; margin-top: 12px; font-size: var(--fs-base); color: var(--accent-ink); } .ai-note svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 1px; } .form-section { margin-bottom: 22px; } .form-section > .eyebrow { font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: 0.06em; color: var(--ink-muted); font-weight: var(--fw-bold); display: inline-flex; align-items: center; gap: 7px; margin-bottom: 12px; } .form-section > .eyebrow .ic { font-size: 15px; color: var(--accent); } .chk-tone { --c: var(--accent); transition: border-color 0.12s ease, background 0.12s ease; } .chk-static { --c: var(--accent); } .chk-tone .check-title .ic { color: var(--c); font-size: 16px; } .chk-tone input[type=checkbox]:hover { border-color: var(--c); } .chk-tone input[type=checkbox]:checked { background: var(--c); border-color: var(--c); } .chk-tone:hover { border-color: color-mix(in srgb, var(--c) 42%, var(--border)); } .chk-tone:has(input:checked) { border-color: var(--c); background: color-mix(in srgb, var(--c) 7%, var(--surface-raised)); box-shadow: inset 3px 0 0 var(--c); } .os-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; } .os-box { position: relative; display: block; cursor: pointer; } .os-box input { position: absolute; opacity: 0; width: 0; height: 0; } .os-box-inner { display: flex; align-items: center; gap: 11px; border: 1.5px solid var(--border); border-radius: var(--radius-lg); padding: 13px 14px; background: var(--surface); transition: border-color .12s ease, background .12s ease, box-shadow .12s ease; } .os-box-inner .os-ic { width: 26px; height: 26px; color: var(--ink-muted); flex: none; } .os-box .os-name { font-size: var(--fs-base); font-weight: var(--fw-medium); color: var(--ink); line-height: 1.2; overflow-wrap: anywhere; } .os-box-inner { min-width: 0; } .os-box:hover .os-box-inner { border-color: var(--accent-line, var(--accent)); } .os-box input:checked + .os-box-inner { border-color: var(--accent); background: var(--accent-soft); box-shadow: inset 0 0 0 1px var(--accent); } .os-box input:checked + .os-box-inner .os-ic { color: var(--accent); } .os-box input:disabled + .os-box-inner { opacity: .42; cursor: not-allowed; filter: grayscale(1); } .os-box input:disabled ~ .os-box-inner, .os-box:has(input:disabled) { cursor: not-allowed; } .os-box input:focus-visible + .os-box-inner { outline: 2px solid var(--accent); outline-offset: 2px; } .pick-grid { display: grid; gap: 10px; grid-template-columns: 1fr; } .pick-grid-2 { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); } .pick-card { position: relative; display: block; cursor: pointer; } .pick-card input { position: absolute; opacity: 0; width: 0; height: 0; } .pick-body { display: flex; align-items: center; gap: 13px; border: 1.5px solid var(--border); border-radius: var(--radius-lg); padding: 12px 15px; background: var(--surface); transition: border-color .14s ease, box-shadow .14s ease, background .14s ease; } .pick-ic { flex: none; width: 42px; height: 42px; border-radius: var(--radius-lg); display: grid; place-items: center; color: var(--pt, var(--accent)); background: color-mix(in srgb, var(--pt, var(--accent)) 13%, var(--surface)); border: 1px solid color-mix(in srgb, var(--pt, var(--accent)) 26%, transparent); transition: background .14s ease, color .14s ease, border-color .14s ease, transform .14s ease; } .pick-ic .ic { width: 21px; height: 21px; } .pick-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; } .pick-name { font-size: var(--fs-base); font-weight: var(--fw-bold); color: var(--ink); line-height: 1.2; } .pick-sub { font-size: var(--fs-sm); color: var(--ink-muted); line-height: 1.3; } .pick-dot { flex: none; width: 19px; height: 19px; border-radius: 50%; border: 2px solid var(--border-strong); background: var(--surface); transition: border-color .14s ease, box-shadow .14s ease; } .pick-card:hover .pick-body { border-color: color-mix(in srgb, var(--pt) 50%, var(--border)); } .pick-card:hover .pick-ic { transform: translateY(-1px); } .pick-card input:checked + .pick-body { border-color: var(--pt); background: color-mix(in srgb, var(--pt) 6%, var(--surface)); box-shadow: 0 0 0 1px var(--pt), 0 6px 18px -10px var(--pt); } .pick-card input:checked + .pick-body .pick-ic { background: var(--pt); color: #fff; border-color: var(--pt); box-shadow: 0 4px 12px -4px color-mix(in srgb, var(--pt) 60%, transparent); } .pick-card input:checked + .pick-body .pick-dot { border-color: var(--pt); box-shadow: inset 0 0 0 4px var(--pt); } .pick-card input:focus-visible + .pick-body { outline: 2px solid var(--pt); outline-offset: 2px; } .pick-card input:disabled + .pick-body { opacity: .45; cursor: not-allowed; filter: grayscale(.6); } .seg-toggle { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 5px; margin-top: 2px; max-width: 560px; background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-lg); } .seg-opt { position: relative; min-width: 0; } .seg-opt input { position: absolute; opacity: 0; width: 0; height: 0; } .seg-body { display: flex; align-items: center; gap: 11px; padding: 11px 13px; border-radius: var(--radius-lg); min-width: 0; color: var(--ink-muted); cursor: pointer; border: 1px solid transparent; transition: background .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease; } .seg-body > .ic:first-child { width: 19px; height: 19px; flex: none; color: var(--ink-faint); transition: color .15s ease; } .seg-txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1; } .seg-name { font-size: var(--fs-base); font-weight: var(--fw-bold); color: inherit; line-height: 1.2; } .seg-sub { font-size: var(--fs-micro); color: var(--ink-muted); line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .seg-check { width: 17px; height: 17px; flex: none; color: var(--st); opacity: 0; transform: scale(.7); transition: opacity .15s ease, transform .15s ease; } .seg-opt:hover .seg-body { color: var(--ink); background: color-mix(in srgb, var(--st) 7%, transparent); } .seg-opt:hover .seg-body > .ic:first-child { color: var(--st); } .seg-opt input:checked + .seg-body { background: var(--surface); color: var(--ink); border-color: color-mix(in srgb, var(--st) 42%, var(--border)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--st) 50%, transparent), 0 7px 16px -11px var(--st); } .seg-opt input:checked + .seg-body > .ic:first-child { color: var(--st); } .seg-opt input:checked + .seg-body .seg-name { color: var(--ink); } .seg-opt input:checked + .seg-body .seg-check { opacity: 1; transform: scale(1); } .seg-opt input:focus-visible + .seg-body { outline: 2px solid var(--st); outline-offset: 2px; } @media (max-width: 520px) { .seg-toggle { grid-template-columns: 1fr; } .seg-sub { white-space: normal; } } .combo { position: relative; } .combo-lead { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; color: var(--accent); pointer-events: none; z-index: 1; } .combo select, .combo input { width: 100%; height: 46px; padding-left: 40px; font-family: var(--font-mono); font-size: var(--fs-base); border: 1.5px solid var(--border-strong); border-radius: var(--radius-lg); background-color: var(--surface); color: var(--ink); transition: border-color .12s ease, box-shadow .12s ease; } .combo select { padding-right: 38px; background-position: right 14px center; background-size: 13px 13px; } .combo select:hover, .combo input:hover { border-color: var(--accent); } .combo select:focus, .combo input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); outline: 2px solid var(--accent); outline-offset: 2px; } .combo:focus-within .combo-lead { color: var(--accent); } .data td.col-sample { max-width: 680px; } .scan-name-link { display: inline-block; max-width: 100%; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pack-card { display: flex; flex-direction: column; gap: 12px; } .pack-top { display: flex; align-items: flex-start; gap: 12px; } .pack-ic { flex: none; width: 40px; height: 40px; border-radius: var(--radius-lg); display: grid; place-items: center; color: var(--accent); background: var(--accent-soft); border: 1px solid var(--border); } .pack-ic .ic { width: 20px; height: 20px; } .pack-credits { font-size: var(--fs-xl); font-weight: var(--fw-bold); margin: 0; line-height: 1; } .pack-credits span { font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--ink-muted); } .pack-name { font-size: var(--fs-sm); color: var(--ink-muted); margin-top: 3px; } .pack-price { margin-left: auto; font-size: var(--fs-xl); font-weight: var(--fw-bold); color: var(--ink); } .pack-tag { margin: 0; font-size: var(--fs-sm); } .os-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 480px; } .os-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; } .os-sub { font-size: var(--fs-micro); color: var(--ink-muted); font-weight: var(--fw-medium); line-height: 1.2; } .field-locked { opacity: .45; pointer-events: none; } .code-editor { position: relative; } .code-editor .code-hl, .code-editor textarea { margin: 0; padding: 12px 13px; border: 1px solid var(--border); border-radius: var(--radius-lg); font-family: var(--font-mono); font-size: var(--fs-sm); line-height: 1.55; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; tab-size: 2; letter-spacing: 0; } .code-editor .code-hl { position: absolute; inset: 0; margin: 0; overflow: auto; pointer-events: none; background: var(--surface-sunken); color: var(--ink); } .code-editor .code-hl code { font: inherit; } .code-editor textarea { position: relative; display: block; width: 100%; min-height: 168px; resize: vertical; background: transparent; color: transparent; caret-color: var(--ink); -webkit-text-fill-color: transparent; } .code-editor:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; } .code-editor textarea::selection { background: color-mix(in srgb, var(--accent) 22%, transparent); } .tok-c { color: #16A34A; font-style: italic; } .tok-s { color: #C2410C; } .tok-v { color: var(--accent); } .tok-n { color: #B45309; } .tok-k { color: #7C3AED; font-weight: var(--fw-medium); } .tok-cmd { color: #0F766E; } .tpag { display: flex; gap: 4px; padding: 12px 0 2px; flex-wrap: wrap; align-items: center; } .tpag-btn { min-width: 30px; height: 30px; padding: 0 9px; border: 1px solid var(--border); background: var(--surface); color: var(--ink-muted); border-radius: var(--radius-sm); font-size: var(--fs-sm); font-weight: var(--fw-medium); cursor: pointer; transition: border-color .1s, color .1s, background .1s; } .tpag-btn:hover { border-color: var(--accent); color: var(--ink); } .tpag-btn.active { background: var(--accent); color: #fff; border-color: var(--accent); } .tpag-btn:disabled { opacity: .4; cursor: not-allowed; } .tpag-nav { font-size: 16px; line-height: 1; } .dl-modal[hidden] { display: none; } .dl-modal { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; } .dl-modal-backdrop { position: absolute; inset: 0; background: rgba(15, 23, 32, .55); } .dl-modal-card { position: relative; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 24px; max-width: 448px; width: calc(100% - 40px); box-shadow: 0 20px 60px rgba(16, 24, 40, .3); } .dl-modal-head { display: flex; align-items: center; gap: 9px; font-size: var(--fs-lg); font-weight: var(--fw-bold); color: var(--ink); margin-bottom: 12px; } .dl-modal-head .ic { width: 22px; height: 22px; color: var(--malicious); flex: none; } .dl-modal-body { font-size: var(--fs-base); color: var(--ink-muted); line-height: 1.55; margin: 0 0 10px; } .dl-modal-note { font-size: var(--fs-sm); color: var(--ink-muted); background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 9px 11px; margin: 0 0 14px; } .dl-modal-check { display: flex; align-items: center; gap: 9px; font-size: var(--fs-base); color: var(--ink); font-weight: var(--fw-medium); cursor: pointer; margin-bottom: 16px; } .dl-modal-check input { accent-color: var(--accent); width: 16px; height: 16px; flex: none; } .dl-modal-actions { display: flex; gap: 8px; justify-content: flex-end; } .rule-modal[hidden] { display: none; } .rule-modal { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 24px; } .rule-modal-backdrop { position: absolute; inset: 0; background: rgba(15, 23, 32, .55); } .rule-modal-card { position: relative; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); width: min(840px, 100%); max-height: 84vh; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(16, 24, 40, .3); overflow: hidden; } .rule-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; border-bottom: 1px solid var(--border-subtle); } .rule-modal-title { font-size: var(--fs-base); font-weight: var(--fw-bold); color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rule-code { margin: 0; padding: 16px 18px; overflow: auto; font-family: var(--font-mono); font-size: var(--fs-sm); line-height: 1.55; white-space: pre; background: var(--surface-sunken); color: var(--ink); flex: 1; } .rule-code code { font: inherit; } .tok-key { color: #7C3AED; font-weight: var(--fw-medium); } .rule-type-yara { background: var(--accent-soft); color: var(--accent-ink); } .rule-type-sigma { background: var(--info-soft); color: var(--info-ink); } .rule-type-suricata { background: var(--surface-sunken); color: var(--ink-secondary); } @media (max-width: 640px) { .opt-grid, .flag-group { grid-template-columns: 1fr; } } .submit-form { width: 100%; } .submit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 1180px; gap: 18px; align-items: start; } .submit-grid .form-section { margin-bottom: 0; } .submit-grid .span-2 { grid-column: 1 / -1; } .submit-grid .card-pad { padding: 16px 18px; } .submit-grid .form-section > .eyebrow { margin-bottom: 12px; } .submit-grid .help { max-width: 92ch; } .submit-grid .opt-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; } .submit-grid .opt-grid textarea { height: 78px; min-height: 78px; } .deton-adv { grid-column: 1 / -1; } .deton-adv-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: .05em; text-transform: uppercase; color: var(--ink-muted); margin: 20px 0 11px; padding-bottom: 8px; border-bottom: 1px solid var(--border-subtle); } .deton-adv-head:first-child { margin-top: 2px; } .deton-adv-head .ic { width: 14px; height: 14px; color: var(--accent); flex: none; } .deton-adv-head .deton-adv-sub { text-transform: none; letter-spacing: 0; font-weight: var(--fw-medium); font-size: var(--fs-sm); color: var(--ink-faint); margin-left: auto; } .deton-adv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(212px, 1fr)); gap: 12px; } .opt-tile { display: flex; flex-direction: column; min-width: 0; background: var(--surface-raised); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 12px 13px; transition: border-color .13s ease, box-shadow .13s ease, background .13s ease; } .opt-tile.full { grid-column: 1 / -1; } .opt-tile:hover { border-color: var(--border-strong); } .opt-tile:focus-within { border-color: color-mix(in srgb, var(--accent) 60%, transparent); box-shadow: 0 0 0 3px var(--accent-soft); background: var(--surface); } .opt-tile > label { font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--ink); margin-bottom: 9px; } .opt-tile input, .opt-tile select { height: 38px; background: var(--surface); border-color: var(--border-strong); } .opt-tile textarea { background: var(--surface); border-color: var(--border-strong); } .opt-tile input:focus, .opt-tile select:focus, .opt-tile textarea:focus { box-shadow: none; border-color: var(--border-strong); } .opt-tile:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; } .opt-tile .iconsel-btn:focus-visible, .opt-tile .flagsel-btn:focus-visible { outline: none; } .opt-tile .flagsel-btn { height: 38px; background: var(--surface); } .opt-tile.is-open .flagsel-btn, .opt-tile .flagsel.is-open .flagsel-btn { box-shadow: none; } .opt-tile .help { margin-top: 9px; margin-bottom: 0; font-size: var(--fs-micro); line-height: 1.5; color: var(--ink-faint); } @media (max-width: 560px) { .deton-adv-grid { grid-template-columns: 1fr; } .deton-adv-head .deton-adv-sub { display: none; } } input[type=file] { display: block; width: 100%; padding: 11px 13px; border: 1.5px dashed var(--border-strong); border-radius: var(--radius-md); background: var(--surface-raised); font-family: inherit; font-size: var(--fs-base); color: var(--ink-muted); cursor: pointer; transition: border-color .12s ease, background .12s ease; } input[type=file]:hover { border-color: color-mix(in srgb, var(--accent) 55%, transparent); background: var(--accent-soft); } input[type=file]::file-selector-button { margin-right: 13px; padding: 8px 15px; border: 1px solid color-mix(in srgb, var(--accent-strong) 62%, transparent); border-radius: var(--radius-sm); cursor: pointer; font-family: inherit; font-size: var(--fs-base); font-weight: var(--fw-medium); color: #fff; background: linear-gradient(180deg, var(--accent), var(--accent-strong)); box-shadow: var(--shadow-glass); transition: filter .12s ease; } input[type=file]::file-selector-button:hover { filter: brightness(1.06); } .submit-privacy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; } .submit-privacy .check { margin: 0; } .check-ultra:has(input:checked) { border-color: var(--malicious); background: color-mix(in srgb, var(--malicious) 6%, var(--surface-raised)); box-shadow: inset 3px 0 0 var(--malicious); } .check-ultra .check-title .ic { color: var(--malicious); } .check.check-locked { opacity: .7; } @media (max-width: 760px) { .submit-grid { grid-template-columns: 1fr; } .submit-grid .span-2 { grid-column: auto; } .submit-privacy { grid-template-columns: 1fr; } } .spinner { flex: none; width: 18px; height: 18px; border-radius: 50%; border: 2.5px solid var(--accent-soft); border-top-color: var(--accent); animation: spinner-turn .7s linear infinite; } @keyframes spinner-turn { to { transform: rotate(360deg); } } .empty { border: 1px dashed var(--border-strong); border-radius: var(--radius); padding: 44px 24px; text-align: center; color: var(--ink-muted); background: var(--surface-raised); } .empty > svg { width: 34px; height: 34px; color: var(--ink-faint); margin-bottom: 12px; } .card .empty, .card-pad > .empty { border: 0; background: none; padding: 40px 20px; } .empty-lg { padding: 52px 24px; } .empty-ico { display: inline-grid; place-items: center; width: 56px; height: 56px; margin-bottom: 16px; border-radius: var(--radius-lg); background: var(--surface-sunken); border: 1px solid var(--border); color: var(--ink-muted); } .empty-ico .ic { width: 26px; height: 26px; } .empty h3 { font-size: var(--fs-lg); margin-bottom: 4px; } .empty p { margin: 0 auto; max-width: 380px; font-size: var(--fs-base); } .pending-note { display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs-sm); color: var(--ink-muted); background: var(--suspicious-soft); border: 1px solid #FCE4C7; padding: 4px 10px; border-radius: var(--radius-pill); } .tabs { display: flex; gap: 3px; margin-bottom: 20px; padding: 4px; background: var(--surface-sunken); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); overflow-x: auto; flex-wrap: nowrap; scrollbar-width: thin; box-shadow: var(--shadow-sm); } .tabs::-webkit-scrollbar { height: 6px; } .tab { display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; font-size: var(--fs-base); font-weight: var(--fw-medium); color: var(--ink-muted); cursor: pointer; border: 1px solid transparent; background: none; white-space: nowrap; border-radius: var(--radius-sm); transition: background .12s ease, color .12s ease, box-shadow .12s ease, border-color .12s ease; } .tab .ic { font-size: 15px; color: var(--ink-faint); transition: color .12s ease; } .tab:hover { color: var(--ink); background: color-mix(in srgb, var(--accent) 7%, transparent); } .tab:hover .ic { color: var(--ink-muted); } .tab.active { color: var(--accent-ink); font-weight: var(--fw-bold); background: var(--surface-raised); border-color: var(--border); box-shadow: inset 0 1px 0 rgb(255 255 255 / .85), 0 1px 2px rgb(24 42 71 / .09); } .tab.active .ic { color: var(--accent); } .tab-panel { display: none; } .tab-panel.active { display: block; } .kv { width: 100%; border-collapse: collapse; font-size: var(--fs-base); } .kv th { text-align: left; color: var(--ink-muted); font-weight: var(--fw-medium); padding: 8px 14px 8px 0; white-space: nowrap; vertical-align: top; width: 190px; } .kv td { padding: 8px 0; border-bottom: 1px solid var(--border); overflow-wrap: break-word; } .kv td.mono, .kv td .mono { overflow-wrap: anywhere; } .kv tr:last-child td, .kv tr:last-child th { border-bottom: none; } .scan-crumb { display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; min-width: 0; } @media (max-width: 620px) { .scan-crumb { flex-wrap: wrap; row-gap: 8px; } .report-topbar .scan-crumb-id { margin-right: 0; } } .scan-crumb-icon { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: 0 0 30px; } .scan-crumb-icon img { width: 28px; height: 28px; object-fit: contain; } .file-badge { width: 24px; height: 29px; border-radius: var(--radius-sm); background: #fff; border: 1px solid var(--border); position: relative; display: flex; align-items: flex-end; overflow: hidden; box-shadow: 0 1px 2px rgba(15, 23, 42, .06); } .file-badge-ext { display: block; width: 100%; text-align: center; font: var(--fw-bold) 7px/1.75 var(--font-sans); color: #fff; background: var(--fc, #64748B); letter-spacing: .03em; } .samp-ic { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 24px; margin-right: 8px; vertical-align: -7px; flex: 0 0 auto; } .samp-ic img { max-width: 18px; max-height: 18px; display: block; image-rendering: -webkit-optimize-contrast; } .file-badge-sm { width: 20px; height: 24px; border-radius: var(--radius-xs); box-shadow: none; } .ft-ic { width: 100%; height: 100%; display: block; } .samp-ic .ft-ic { width: 20px; height: 20px; } .samp-ic .ic-hash, .samp-ic .ic-url { width: 16px; height: 16px; color: var(--ink-faint); } .scan-crumb-icon .ic-hash, .scan-crumb-icon .ic-url { width: 22px; height: 22px; color: var(--ink-faint); } .scan-name-hash { font-family: var(--font-mono); font-size: 12px; letter-spacing: .01em; } .scan-crumb-icon .ft-ic { width: 26px; height: 26px; } .file-badge-sm .file-badge-ext { font: var(--fw-bold) 7px/1.7 var(--font-sans); letter-spacing: .02em; } .scan-crumb-id { display: flex; flex-direction: column; gap: 1px; min-width: 0; } .scan-crumb-name { font-size: var(--fs-base); font-weight: var(--fw-bold); color: var(--ink); line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 340px; } .scan-crumb-sub { font-size: var(--fs-micro); color: var(--ink-muted); line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .scan-crumb .pill { flex: 0 0 auto; } .scan-crumb .btn { flex: 0 0 auto; white-space: nowrap; } .scan-crumb .vbadge { flex: 0 0 auto; } .cflag-wrap { display: inline-flex; align-items: center; gap: 6px; } .cflag { width: 18px; height: 13px; flex: 0 0 auto; border-radius: var(--radius-xs); box-shadow: 0 0 0 1px rgba(15,23,42,.12); background-size: cover; background-position: center; } .cflag-none { display: inline-block; width: 18px; height: 13px; border-radius: var(--radius-xs); background: var(--surface-sunken); box-shadow: inset 0 0 0 1px var(--border); } .cflag-inline { vertical-align: -2px; margin-right: 5px; } .fi.cflag { width: 18px; background-size: cover; } .chips { display: flex; flex-wrap: wrap; gap: 6px; } .chip { background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-pill); padding: 3px 10px; font-size: var(--fs-sm); color: var(--ink-muted); display: inline-block; max-width: 100%; min-width: 0; overflow-wrap: anywhere; } .chip.mono { font-family: var(--font-mono); } .chip-type { white-space: nowrap; overflow-wrap: normal; } a.chip { text-decoration: none; cursor: pointer; transition: border-color .12s, background .12s, color .12s; } a.chip:hover { border-color: var(--accent); color: var(--ink); } .chip-active { background: var(--accent); border-color: var(--accent); color: #fff; font-weight: var(--fw-medium); } .chip-active:hover { color: #fff; } .chip-trust { background: var(--clean-soft); border-color: #BBF7D0; color: var(--clean); font-weight: var(--fw-bold); } .chip-bad, .chip-mal { color: var(--malicious-ink); font-weight: var(--fw-medium); border-color: color-mix(in srgb, var(--malicious) 34%, transparent); background: color-mix(in srgb, var(--malicious) 8%, transparent); } .chip-sus, .chip-warn { color: var(--suspicious-ink); font-weight: var(--fw-medium); border-color: color-mix(in srgb, var(--suspicious) 36%, transparent); background: color-mix(in srgb, var(--suspicious) 9%, transparent); } .chip-clean { color: var(--clean-ink); font-weight: var(--fw-medium); border-color: color-mix(in srgb, var(--clean) 34%, transparent); background: color-mix(in srgb, var(--clean) 9%, transparent); } .chip-accent { color: var(--accent); font-weight: var(--fw-medium); border-color: color-mix(in srgb, var(--accent) 34%, transparent); background: color-mix(in srgb, var(--accent) 8%, transparent); } pre.code { background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 14px; overflow-x: auto; font-family: var(--font-mono); font-size: var(--fs-sm); line-height: 1.6; color: var(--ink); max-height: 420px; } .str-tools { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; } .str-search-wrap { position: relative; flex: 1 1 auto; min-width: 0; display: block; } .str-search-ic { position: absolute; left: 11px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; color: var(--ink-faint); pointer-events: none; } input.str-search { padding-left: 34px; } .str-count { flex: none; font-size: var(--fs-sm); color: var(--ink-muted); font-variant-numeric: tabular-nums; white-space: nowrap; } .str-list { list-style: none; margin: 0; padding: 4px; background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-sm); max-height: 460px; overflow-y: auto; overflow-x: hidden; display: block; } .str-list li { display: block; min-width: 0; font-family: var(--font-mono); font-size: var(--fs-sm); line-height: 1.5; color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; padding: 3px 9px; border-radius: var(--radius-xs); border-bottom: 1px solid color-mix(in srgb, var(--border) 40%, transparent); } .str-list li:last-child { border-bottom: 0; } .str-list li:hover { background: var(--surface); } .str-list li[hidden] { display: none; } .str-empty { margin: 10px 2px 0; color: var(--ink-muted); font-size: var(--fs-sm); } @media (max-width: 560px) { .str-tools { flex-wrap: wrap; gap: 8px; } .str-count { flex: 1 0 100%; } } .entropy-bar { height: 8px; background: var(--surface-sunken); border-radius: var(--radius-sm); overflow: hidden; min-width: 90px; } .entropy-fill { height: 100%; background: var(--border); } .entropy-fill.ent-lo { background: var(--clean); } .entropy-fill.ent-mid { background: var(--suspicious); } .entropy-fill.ent-hi { background: var(--malicious); } .entropy-fill.ent-none { background: var(--border); } .ent-cell { display: flex; align-items: center; gap: 8px; } .ent-val { font-size: var(--fs-sm); font-weight: var(--fw-medium); } .ent-tx-lo { color: var(--clean); } .ent-tx-mid { color: var(--suspicious); } .ent-tx-hi { color: var(--malicious); } .ent-tx-none { color: var(--ink-faint); } .sec-t-code { --sec-c: var(--accent); } .sec-t-data { --sec-c: #7C3AED; } .sec-t-link { --sec-c: #0891B2; } .sec-t-res { --sec-c: #059669; } .sec-t-meta { --sec-c: #64748B; } .sec-t-pack { --sec-c: #DC2626; } .sec-t-odd { --sec-c: #D97706; } .sec-id { display: flex; align-items: center; gap: 10px; min-width: 0; } .sec-ic { flex: 0 0 auto; width: 30px; height: 30px; border-radius: var(--radius-lg); display: inline-flex; align-items: center; justify-content: center; color: var(--sec-c); background: color-mix(in srgb, var(--sec-c) 12%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sec-c) 26%, transparent); } .sec-ic .ic { width: 16px; height: 16px; } .sec-idt { min-width: 0; } .sec-name { font-size: var(--fs-base); font-weight: var(--fw-medium); color: var(--ink); display: flex; align-items: center; gap: 6px; } .sec-role { font-size: var(--fs-micro); color: var(--ink-muted); margin-top: 1px; } .sec-ep { font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: .04em; padding: 1px 5px; border-radius: var(--radius-sm); background: var(--accent); color: #fff; } .sec-size { font-size: var(--fs-sm); margin-bottom: 5px; } .szbar { height: 5px; width: 100px; max-width: 100%; background: var(--surface-sunken); border-radius: var(--radius-xs); overflow: hidden; } .szbar-fill { height: 100%; border-radius: var(--radius-xs); background: var(--sec-c); min-width: 2px; } .chip-acc-execute { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 32%, transparent); background: color-mix(in srgb, var(--accent) 8%, transparent); } .chip-acc-write { color: var(--suspicious-ink); border-color: var(--suspicious-line); background: color-mix(in srgb, var(--suspicious) 9%, transparent); } .chip-acc-read { color: var(--ink-muted); } .chip-wx { color: #fff; background: var(--malicious); border-color: var(--malicious); font-weight: var(--fw-bold); } .sec-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; padding: 11px 16px; border-top: 1px solid var(--border); background: var(--surface-sunken); font-size: var(--fs-micro); color: var(--ink-muted); } .sec-legend span { display: inline-flex; align-items: center; gap: 6px; } .sec-dot { width: 9px; height: 9px; border-radius: var(--radius-xs); background: var(--sec-c); display: inline-block; } .sec-legend-note { margin-left: auto; font-style: italic; } .rh-c-img { --rh-c: #059669; } .rh-c-doc { --rh-c: var(--accent); } .rh-c-txt { --rh-c: #7C3AED; } .rh-c-ui { --rh-c: #0891B2; } .rh-c-blob { --rh-c: #D97706; } .rh-c-other { --rh-c: #64748B; } .rh-strip { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--border); background: var(--surface-sunken); } .rh-sum { display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border-radius: var(--radius-pill); font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--rh-c); background: color-mix(in srgb, var(--rh-c) 10%, var(--surface)); border: 1px solid color-mix(in srgb, var(--rh-c) 28%, transparent); } .rh-sum .ic { width: 14px; height: 14px; } .rh-sum b { font-weight: var(--fw-bold); color: var(--ink); background: var(--surface); border-radius: var(--radius-sm); padding: 0 6px; font-size: var(--fs-micro); } .rh-node.rh-c-img .rh-node-h .ic, .rh-node.rh-c-doc .rh-node-h .ic, .rh-node.rh-c-txt .rh-node-h .ic, .rh-node.rh-c-ui .rh-node-h .ic, .rh-node.rh-c-blob .rh-node-h .ic, .rh-node.rh-c-other .rh-node-h .ic { color: var(--rh-c); } .rh-node .rh-leaf .ic { color: var(--rh-c); } .messages { margin-bottom: 18px; display: flex; flex-direction: column; gap: 8px; } .flash { padding: 10px 14px; border-radius: var(--radius-sm); font-size: var(--fs-base); border: 1px solid; } .flash.success { background: var(--clean-soft); border-color: var(--clean-line); color: var(--clean-ink); } .flash.error { background: var(--malicious-soft); border-color: var(--malicious-line); color: var(--malicious-ink); } .flash.info { background: var(--accent-soft); border-color: var(--accent-line); color: var(--accent-ink); } .dup-notice { margin-top: 10px; line-height: 1.5; } .dup-link { color: inherit; font-weight: var(--fw-medium); white-space: nowrap; } .dup-link:hover { opacity: .8; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; } .muted { color: var(--ink-muted); } .faint { color: var(--ink-faint); } .row { display: flex; align-items: center; gap: 12px; } .between { justify-content: space-between; } .wrap { flex-wrap: wrap; } .mb-0 { margin-bottom: 0; } @media (max-width: 900px) { .app { grid-template-columns: 1fr; grid-template-rows: 1fr; } .sidebar { position: fixed; top: 0; left: 0; height: 100dvh; width: 280px; max-width: 85vw; transform: translateX(-100%); transition: transform .22s ease; z-index: 60; box-shadow: 2px 0 16px rgb(0 0 0 / .18); overflow-y: auto; } .app.nav-open .sidebar { transform: none; } .nav-backdrop { position: fixed; inset: 0; z-index: 55; background: rgb(0 0 0 / .45); } .nav-toggle { display: inline-flex; } .topbar-brand { display: inline-flex; } .topbar .crumb { display: none; } .topbar { padding: 0 12px; gap: 8px; } .topbar-actions { gap: 8px; flex: none; } .topbar .btn { white-space: nowrap; padding: 5px 10px; } .topbar-brand { min-width: 0; margin-right: auto; } .topbar-brand span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .grid-4 { grid-template-columns: repeat(2, 1fr); } .grid-3, .grid-2 { grid-template-columns: 1fr; } } @media (max-width: 560px) { .topbar .credit-chip { display: none; } .topbar-brand span { max-width: 42vw; } } @media (max-width: 760px) { [data-admin] .table-wrap { overflow-x: visible; background: none; } [data-admin] table.data, [data-admin] table.data > tbody { display: block; width: 100%; } [data-admin] table.data > thead { display: none; } [data-admin] table.data > tbody > tr { display: block; padding: 8px 4px; margin: 0; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); margin-bottom: 10px; } [data-admin] table.data > tbody > tr > td { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 6px 12px; border: 0; text-align: right; min-width: 0; width: auto !important; white-space: normal !important; word-break: break-word; } [data-admin] table.data > tbody > tr > td[data-label]::before { content: attr(data-label); flex: 0 0 40%; text-align: left; font-size: var(--fs-micro); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: .04em; color: var(--ink-faint); } [data-admin] table.data > tbody > tr > td:not([data-label]) { justify-content: flex-end; } [data-admin] table.data td.col-grow { text-align: left; } [data-admin] table.data td.col-grow[data-label] { flex-wrap: wrap; } [data-admin] table.data td:has(.btn), [data-admin] table.data td:has(.row) { flex-direction: column; align-items: stretch; gap: 6px; } [data-admin] table.data td:has(.btn)::before, [data-admin] table.data td:has(.row)::before { flex: none; } [data-admin] table.data td .row { justify-content: flex-start; flex-wrap: wrap; } [data-admin] table.data td .btn { white-space: nowrap; } } @media (max-width: 620px) { .grid[style*="grid-template-columns"] { grid-template-columns: 1fr !important; } .page-head { flex-wrap: wrap; } .page-head > .row { flex-wrap: wrap; } } .vnc-frame { position: relative; width: 100%; aspect-ratio: 4 / 3; max-height: 68vh; background: var(--vm-screen); border: 1px solid var(--border-strong); border-radius: var(--radius-sm); overflow: hidden; } .vnc-frame #vnc-screen, .vnc-frame #vnc-screen-dc { position: absolute; inset: 0; width: 100%; height: 100%; } .vnc-ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 16px; text-align: center; font-size: var(--fs-base); letter-spacing: 0.2px; z-index: 3; color: var(--ink-inverse); background: rgba(8, 14, 26, 0.66); backdrop-filter: blur(2.5px); -webkit-backdrop-filter: blur(2.5px); cursor: progress; } .vnc-frame:fullscreen { aspect-ratio: auto; max-height: none; border-radius: 0; } .arc { --arc-bg: var(--surface-raised); --arc-panel: var(--surface); --arc-raised: var(--surface-sunken); --arc-border: var(--border); --arc-line: var(--border-subtle); --arc-text: var(--ink); --arc-muted: var(--ink-muted); --arc-faint: var(--ink-faint); --arc-accent: var(--accent); --arc-bad: var(--malicious); --arc-warn: var(--suspicious); --arc-good: var(--clean); background: var(--arc-bg); color: var(--arc-text); border: 1px solid var(--arc-border); border-radius: var(--radius-md); overflow: hidden; margin-bottom: 16px; box-shadow: 0 6px 22px -14px rgba(15, 23, 42, .22); } .arc .mono { font-family: var(--font-mono); } .arc-verdict { display: flex; align-items: center; gap: 12px; padding: 14px 15px; border-radius: var(--radius-lg); margin: 13px 13px 4px; border: 1px solid var(--arc-border); position: relative; overflow: hidden; background: linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,0)), var(--tone-soft, #EEF3FE); } .arc-verdict::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--tone, var(--arc-accent)); } .arc-verdict-ring { flex: none; width: 40px; height: 40px; border-radius: var(--radius-lg); display: grid; place-items: center; color: #fff; background: var(--tone, var(--arc-accent)); box-shadow: 0 4px 12px -3px var(--tone-shadow, color-mix(in srgb, var(--accent) 50%, transparent)); } .arc-verdict-ico { font-size: 21px; } .arc-verdict-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .arc-verdict-text { font-size: var(--fs-base); font-weight: var(--fw-bold); letter-spacing: -.01em; color: var(--arc-text); line-height: 1.2; } .arc-verdict-sub { font-size: var(--fs-micro); color: var(--arc-muted); font-weight: var(--fw-medium); line-height: 1.3; } .arc-verdict-running { --tone: var(--accent); --tone-soft: #EBF1FE; --tone-shadow: color-mix(in srgb, var(--accent) 45%, transparent); } .arc-verdict-running .arc-verdict-ring { position: relative; } .arc-verdict-running .arc-verdict-ring::after { content: ""; position: absolute; inset: -4px; border-radius: var(--radius-lg); border: 2px solid var(--accent); opacity: .35; animation: arc-ring 1.6s ease-out infinite; } @keyframes arc-ring { 0% { transform: scale(.82); opacity: .5; } 100% { transform: scale(1.15); opacity: 0; } } .arc-verdict-bad { --tone: #DC2626; --tone-soft: #FDECEC; --tone-shadow: rgba(220,38,38,.45); } .arc-verdict-warn { --tone: #D97706; --tone-soft: #FEF3E4; --tone-shadow: rgba(217,119,6,.42); } .arc-verdict-good { --tone: #16A34A; --tone-soft: #E9F8EE; --tone-shadow: rgba(22,163,74,.4); } .arc-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; } .arc-tag { font-size: var(--fs-micro); padding: 2px 9px; border-radius: var(--radius-pill); background: var(--arc-raised); border: 1px solid var(--arc-border); color: var(--arc-muted); } .arc-tag.bad { color: var(--malicious); border-color: var(--malicious-line); background: var(--malicious-soft); } .arc-tag.warn { color: var(--suspicious); border-color: var(--suspicious-line); background: var(--suspicious-soft); } .arc-btn { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; padding: 8px 14px; border-radius: var(--radius-sm); font-size: var(--fs-base); font-weight: var(--fw-medium); color: var(--arc-text); background: var(--arc-raised); border: 1px solid var(--arc-border); text-decoration: none; transition: background .12s, border-color .12s; } .arc-btn:hover { background: var(--arc-raised); border-color: var(--border-strong); } .arc-btn-locked, .btn.arc-btn-locked { color: var(--ink-muted); border-style: dashed; } .arc-btn-locked:hover, .btn.arc-btn-locked:hover { color: var(--ink); border-style: solid; } .arc-btn-locked .ic { color: var(--ink-faint); } .arc-btn-locked:hover .ic { color: var(--ink-muted); } .arc-btn[hidden] { display: none !important; } .arc-btn:disabled, .arc-btn[aria-disabled="true"] { opacity: .45; cursor: default; animation: none; } .arc-btn:disabled:hover, .arc-btn[aria-disabled="true"]:hover { background: var(--arc-raised); border-color: var(--arc-border); } .arc-btn .ic { font-size: 15px; } .arc-extend { background: var(--suspicious-soft); border-color: var(--suspicious-line); color: var(--suspicious); font-weight: var(--fw-bold); animation: arc-extend-pulse 1.6s ease-in-out infinite; } .arc-extend:hover { background: #FDECC8; border-color: #FDBA74; } .arc-extend[disabled] { opacity: .6; cursor: default; animation: none; } .arc-extend-rem { font-family: var(--font-mono); font-size: var(--fs-sm); opacity: .85; } @keyframes arc-extend-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(217,119,6,.28); } 50% { box-shadow: 0 0 0 5px rgba(217,119,6,0); } } .arc-grid { display: grid; grid-template-columns: 1fr 400px; gap: 1px; background: var(--arc-border); } .arc-screen-col { background: var(--arc-bg); display: flex; flex-direction: column; } .bwin-bar { display: flex; align-items: center; gap: 10px; padding: 7px 10px; background: var(--surface-2, var(--surface)); border: 1px solid var(--border-strong); border-bottom: 1px solid var(--border); border-radius: var(--radius-sm) var(--radius-sm) 0 0; width: 100%; min-width: 0; height: 40px; box-sizing: border-box; } .vnc-frame-chromed { border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .arc .vnc-frame.vnc-frame-chromed { max-height: calc(100% - 40px); min-height: 0; } .bwin-dots { display: inline-flex; gap: 6px; flex: none; } .bwin-nav { display: inline-flex; align-items: center; gap: 2px; flex: none; margin-left: 2px; } .bwin-navb { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--ink-muted); cursor: pointer; transition: background .12s ease, color .12s ease; } .bwin-navb:hover { background: var(--surface-sunken); color: var(--ink); } .bwin-navb:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; } .bwin-navb .ic { width: 15px; height: 15px; } .bwin-nav-back { transform: rotate(180deg); } [data-input-locked="1"] .bwin-navb { opacity: .35; pointer-events: none; } .bwin-dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--border-strong); display: block; } .bwin-omni { display: flex; align-items: center; gap: 7px; flex: 1 1 auto; min-width: 0; padding: 4px 10px; background: var(--surface); border: 1px solid var(--border); border-radius: 999px; font-family: var(--font-mono); font-size: 12px; color: var(--ink-muted); } .bwin-omni-ic { width: 13px; height: 13px; color: var(--ink-faint); flex: none; } .bwin-url { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bwin-live { flex: none; display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-micro); letter-spacing: .04em; text-transform: uppercase; color: var(--clean-ink); } .bwin-live-off { color: var(--ink-faint); } .bwin-live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; display: block; } .arc-screen-bar { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-bottom: 1px solid var(--arc-line); font-size: var(--fs-sm); } .arc-flex { flex: 1; } .arc-conn { color: var(--arc-muted); font-family: var(--font-mono); font-size: var(--fs-micro); } .arc .vnc-frame { border: none; border-radius: 0; background: var(--vm-screen); max-height: 80vh; flex: 1; aspect-ratio: auto; min-height: 480px; } .live-fullscreen .arc-screen-col.arc-screen-dual { flex: 1 1 64%; max-width: 66%; min-width: 0; align-items: stretch; justify-content: stretch; padding: 5px; } .arc-dual { width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 6px; align-content: stretch; } .arc-dual-cell { display: grid; grid-template-rows: auto minmax(0, 1fr); min-width: 0; min-height: 0; overflow: hidden; background: var(--arc-bg); border: 1px solid var(--arc-line); border-radius: var(--radius-lg); } .arc-dual-cap { flex: 0 0 auto; display: flex; align-items: center; gap: 7px; padding: 7px 11px; font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--arc-text); border-bottom: 1px solid var(--arc-line); min-width: 0; } .arc-dual-cap .ic { flex: 0 0 auto; font-size: 14px; color: var(--accent); } .arc-dual-tag { flex: 0 0 auto; font-weight: var(--fw-medium); font-size: var(--fs-micro); letter-spacing: .2px; color: var(--arc-muted); background: var(--arc-raised); padding: 1px 8px; border-radius: 999px; } .live-fullscreen .arc-dual .vnc-frame { place-self: center; aspect-ratio: 4 / 3; max-width: 100%; max-height: 100%; width: auto; height: auto; min-width: 0; min-height: 0; border: none; border-radius: 0; background: var(--vm-screen); } @media (max-width: 1100px) { .live-fullscreen .arc-screen-col.arc-screen-dual { flex: 1 1 auto; max-width: none; } .arc-dual { grid-template-columns: 1fr; grid-auto-rows: 1fr; } } .arc-progress { height: 6px; width: 100%; max-width: 460px; margin-top: 9px; background: var(--arc-raised); border-radius: var(--radius-sm); overflow: hidden; border: 1px solid var(--arc-border); } .arc-progress-fill { height: 100%; width: 0; border-radius: var(--radius-sm); background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 55%, white)); box-shadow: 0 0 8px -1px color-mix(in srgb, var(--accent) 60%, transparent); transition: width .6s ease; } .arc-progress.indeterminate .arc-progress-fill { width: 38%; animation: arc-indet 1.4s ease-in-out infinite; } @keyframes arc-indet { 0% { margin-left: -40%; } 100% { margin-left: 102%; } } .arc .vnc-ph { color: var(--ink-inverse); display: flex; gap: 10px; } .arc-spin { width: 15px; height: 15px; border-radius: 50%; border: 2px solid rgba(127,176,255,.3); border-top-color: #7fb0ff; animation: arc-spin .8s linear infinite; } @keyframes arc-spin { to { transform: rotate(360deg); } } .arc-hint { display: flex; align-items: center; gap: 7px; padding: 9px 12px; font-size: var(--fs-sm); color: var(--arc-muted); border-top: 1px solid var(--arc-line); } .arc-hint .ic { color: var(--arc-accent); font-size: 14px; } .arc-side-col { background: linear-gradient(180deg, var(--arc-raised), var(--arc-panel) 140px); display: flex; flex-direction: column; min-width: 0; } .arc-side-col > * { flex: 0 0 auto; } .arc-telemetry { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin: 0 13px; } .arc-telemetry-3 { grid-template-columns: 1fr 1fr 1fr; } .arc-spark { background: var(--arc-bg); border: 1px solid var(--arc-border); border-radius: var(--radius-lg); padding: 8px 9px 6px; } .arc-spark-top { display: flex; flex-direction: column; gap: 1px; margin-bottom: 4px; } .arc-spark-label { font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: .06em; color: var(--arc-faint); font-weight: var(--fw-bold); } .arc-spark-val { font-size: var(--fs-base); font-weight: var(--fw-bold); font-family: var(--font-mono); color: var(--arc-text); font-variant-numeric: tabular-nums; } .arc-spark canvas { display: block; width: 100%; height: 30px; } .arc-metric { position: relative; background: var(--arc-bg); border: 1px solid var(--arc-border); border-radius: var(--radius-lg); padding: 8px 10px; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 9px; row-gap: 0; align-items: center; transition: border-color .18s, box-shadow .18s, transform .1s; } .arc-metric-ic { grid-row: 1 / 3; width: 30px; height: 30px; border-radius: var(--radius-lg); display: grid; place-items: center; color: var(--arc-faint); background: var(--arc-raised); } .arc-metric-ic .ic { font-size: 15px; } .arc-metric-n { align-self: end; font-size: var(--fs-xl); font-weight: var(--fw-bold); color: var(--arc-text); line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -.02em; } .arc-metric-l { font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: .04em; color: var(--arc-muted); font-weight: var(--fw-medium); } .arc-metric.active { border-color: color-mix(in srgb, var(--arc-accent) 45%, var(--arc-border)); box-shadow: 0 3px 10px -6px color-mix(in srgb, var(--accent) 40%, transparent); } .arc-metric.active .arc-metric-ic { color: #fff; background: var(--arc-accent); } .arc-metric.active .arc-metric-n { color: var(--arc-accent); } .arc-metric.pulse { animation: arc-metric-pulse .5s ease-out; } @keyframes arc-metric-pulse { 0% { transform: scale(1); } 35% { transform: scale(1.05); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); } 100% { transform: scale(1); } } .arc-tabs { display: flex; gap: 4px; padding: 8px 10px 0; background: var(--arc-raised); border-bottom: 1px solid var(--arc-border); } .arc-tab { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; padding: 8px 13px; font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--arc-muted); background: transparent; border: 1px solid transparent; border-bottom: none; border-radius: var(--radius-lg) var(--radius-lg) 0 0; transition: color .12s, background .12s, border-color .12s; position: relative; top: 1px; } .arc-tab .ic { font-size: 14px; opacity: .85; } .arc-tab:hover { color: var(--arc-text); background: color-mix(in srgb, var(--arc-bg) 60%, transparent); } .arc-tab.active { color: var(--arc-accent); background: var(--arc-bg); border-color: var(--arc-border); border-bottom: 1px solid var(--arc-bg); } .arc-tab.active .ic { opacity: 1; } .arc-count { font-size: var(--fs-micro); font-weight: var(--fw-bold); font-family: var(--font-mono); min-width: 18px; text-align: center; padding: 1px 6px; border-radius: var(--radius-pill); background: var(--arc-raised); color: var(--arc-muted); border: 1px solid var(--arc-border); } .arc-tab.active .arc-count { background: var(--arc-accent); color: #fff; border-color: var(--arc-accent); } @keyframes arc-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } } .arc-op { display: inline-block; margin-right: 7px; padding: 1px 7px; border-radius: var(--radius-pill); font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: .03em; font-weight: var(--fw-bold); background: var(--arc-raised); color: var(--arc-muted); } .arc-op-create { color: var(--clean); } .arc-op-write { color: var(--accent); } .arc-op-delete { color: var(--malicious); } .arc-op-rename { color: var(--suspicious); } .arc-net { background: var(--arc-bg); border-top: 1px solid var(--arc-border); } .arc-net-body { max-height: 40vh; overflow: auto; } .arc-net-table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); } .arc-net-table tbody td.mono, .arc-net-table tbody td:has(.mono) { font-family: var(--font-mono); } .arc-net-table tbody tr { animation: arc-in .22s ease; } .arc-net-table thead th { position: sticky; top: 0; z-index: 1; text-align: left; padding: 8px 12px; font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: .05em; font-weight: var(--fw-bold); color: var(--arc-muted); background: var(--arc-raised); border-bottom: 1px solid var(--arc-border); white-space: nowrap; } .arc-net-table tbody td { padding: 8px 12px; border-bottom: 1px solid var(--arc-line); color: var(--arc-text); } .arc-net-table tbody tr:hover td { background: var(--accent-soft); } .arc-net-table .arc-net-empty td { text-align: center; color: var(--ink-faint); padding: 40px 22px; font-size: var(--fs-sm); } .arc-net-table .arc-net-empty td::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--arc-good); margin-right: 8px; vertical-align: middle; animation: live-pulse 1.4s ease-in-out infinite; } .arc-net-table .mono { color: var(--arc-text); } .live-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--clean); margin-right: 5px; vertical-align: middle; animation: live-pulse 1.4s ease-in-out infinite; } @keyframes live-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } } @media (max-width: 1000px) { .arc-grid { grid-template-columns: 1fr; } .arc-side-col { border-top: 1px solid var(--arc-border); } } @media (prefers-reduced-motion: reduce) { .arc-spin, .live-dot { animation: none; } } input[type="file"].file-field { font-size: var(--fs-base); color: var(--ink-muted); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 5px 12px 5px 5px; max-width: 100%; cursor: pointer; transition: border-color .12s ease; } input[type="file"].file-field:hover { border-color: var(--accent); } input[type="file"].file-field:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } input[type="file"].file-field::file-selector-button { font: inherit; font-weight: var(--fw-medium); color: #fff; background: var(--accent); border: 0; border-radius: calc(var(--radius-sm) - 3px); padding: 7px 15px; margin-right: 12px; cursor: pointer; transition: background .12s ease; } input[type="file"].file-field::file-selector-button:hover { background: var(--accent-hover); } .btn-danger { background: var(--malicious); color: #fff; border: 1px solid var(--malicious); } .col-actions { width: 1%; white-space: nowrap; text-align: right; } .col-actions > * { vertical-align: middle; } .col-actions .js-ai-report + form { margin-left: 6px; } .btn-report { padding: 3px 9px; gap: 5px; font-size: var(--fs-sm); background: var(--report-soft); color: var(--report-ink); border-color: var(--report-line); } .btn-report svg { width: 13px; height: 13px; } .btn-report:hover { background: color-mix(in srgb, var(--report) 15%, #FFFFFF); border-color: var(--report); color: var(--report-ink); } .js-ai-report.is-busy { opacity: .55; pointer-events: none; } .icon-btn-danger { color: var(--ink-muted); } .icon-btn-danger:hover { color: var(--malicious); border-color: var(--malicious); background: var(--malicious-soft); } .ti-sources { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; } .ti-source { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: var(--radius-pill); border: 1px solid var(--border); background: var(--surface); font-size: var(--fs-base); } .ti-source-name { font-weight: var(--fw-medium); color: var(--ink); } .ti-source-badge { font-size: var(--fs-micro); color: var(--ink-muted); } .ti-source-hit { border-color: #BBF7D0; background: var(--clean-soft); } .ti-source-hit .ti-source-badge { color: var(--clean); font-weight: var(--fw-medium); } .ti-source-err { border-color: var(--suspicious-line); background: var(--suspicious-soft); } .ti-source-err .ti-source-badge { color: var(--suspicious); } .ti-src-tag { display: inline-block; padding: 2px 9px; border-radius: var(--radius-pill); font-size: var(--fs-micro); font-weight: var(--fw-medium); background: var(--surface-sunken); color: var(--ink-muted); } .ti-src-local-db { background: var(--accent-soft); color: var(--accent); } .ti-src-virustotal { background: var(--info-soft); color: var(--info-ink); } .ti-src-malwarebazaar { background: var(--suspicious-soft); color: var(--suspicious); } .tf-codes { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; } .tf-code { font-family: var(--font-mono); font-size: var(--fs-base); letter-spacing: .04em; text-align: center; padding: 9px 8px; background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-sm); user-select: all; } .dur-field { display: flex; align-items: center; gap: 12px; } .dur-slider { flex: 1; -webkit-appearance: none; appearance: none; height: 6px; border-radius: var(--radius-xs); background: var(--surface-sunken); outline: none; cursor: pointer; } .dur-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 50%; background: var(--accent); border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); cursor: pointer; } .dur-slider::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: var(--accent); border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); cursor: pointer; } .dur-val { min-width: 54px; text-align: right; font-family: var(--font-mono); font-weight: var(--fw-medium); color: var(--ink); font-variant-numeric: tabular-nums; } .arc-progress-label { font-size: var(--fs-micro); color: var(--arc-muted); font-family: var(--font-mono); flex: 0 1 auto; min-width: 0; overflow-wrap: anywhere; } .arc-tabs-scroll { overflow-x: auto; flex-wrap: nowrap; } .arc-tabs-scroll::-webkit-scrollbar { height: 6px; } .arc-tabs-scroll .arc-tab { white-space: nowrap; flex-shrink: 0; } .arc-net-table tbody tr.arc-row-bad td { color: var(--malicious-ink); } .data.table-fixed { table-layout: fixed; width: 100%; } .data.table-fixed .url-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 0; } .data.table-fixed .btn-sm { white-space: nowrap; } .data.table-fixed .size-cell { white-space: nowrap; } .live-fullscreen { overflow: hidden; } .live-page { display: flex; flex-direction: column; height: 100vh; background: var(--bg); } .live-topbar { display: flex; align-items: center; gap: 12px; padding: 3px 14px; min-height: 34px; flex-wrap: nowrap; background: var(--surface); border-bottom: 1px solid var(--border); flex-shrink: 0; } .live-topbar-title { font-weight: var(--fw-medium); color: var(--ink); display: flex; align-items: center; min-width: 0; } .arc-verdict-topbar { padding: 0; margin: 0; border: 0; border-radius: 0; background: none; overflow: visible; gap: 8px; align-items: center; } .arc-verdict-topbar::before { display: none; } .arc-verdict-topbar .arc-verdict-ring { width: 24px; height: 24px; border-radius: var(--radius-sm); } .arc-verdict-topbar .arc-verdict-ico { font-size: 13px; } .arc-verdict-topbar .arc-verdict-body { flex-direction: row; align-items: center; gap: 8px; } .arc-verdict-topbar .arc-verdict-text { font-size: var(--fs-base); font-weight: var(--fw-bold); line-height: 1; } .arc-verdict-topbar .arc-verdict-sub { display: none; } .arc-verdict-topbar.arc-verdict-running .arc-verdict-ring::after { inset: -3px; border-radius: var(--radius-lg); } .live-topbar-actions { margin-left: auto; display: flex; align-items: center; gap: 7px; } .live-topbar-actions .arc-btn { padding: 5px 11px; font-size: var(--fs-sm); } .live-badge2 { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: .08em; color: var(--clean); background: var(--clean-soft, #e7f6ec); padding: 3px 9px; border-radius: var(--radius-pill); margin-right: 4px; } .live-badge2 .live-dot { background: var(--clean); } .live-badge2-closed { color: var(--ink-muted); background: var(--surface-sunken); } .live-badge2-closed .live-dot { background: var(--ink-muted); animation: none; } .live-badge2-ending { color: var(--suspicious-ink); background: var(--suspicious-soft); } .live-badge2-ending .live-dot { background: var(--suspicious); animation: none; } .live-close { margin-left: 8px; font-size: 26px; line-height: 1; color: var(--ink-muted); text-decoration: none; padding: 0 8px; } .live-close:hover { color: var(--malicious); text-decoration: none; } .live-page-main { flex: 1; min-height: 0; overflow: hidden; padding: 0; display: flex; } .live-fullscreen .arc { margin-bottom: 0; border: none; border-radius: 0; box-shadow: none; display: flex; flex-direction: column; flex: 1; min-height: 0; } .live-fullscreen .arc-grid { display: flex; flex: 1; min-height: 0; gap: 1px; } .live-fullscreen .arc-screen-col { flex: 0 1 auto; min-width: 0; max-width: 72%; align-items: center; justify-content: center; padding: 6px; } .vnc-stage { position: absolute; top: 8px; left: 8px; z-index: 4; display: none; align-items: center; gap: 7px; padding: 5px 10px 5px 8px; border-radius: var(--radius-sm); background: rgba(12, 20, 33, .82); border: 1px solid rgba(255, 255, 255, .14); color: var(--ink-inverse); font-size: var(--fs-sm); line-height: 1.1; font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace); letter-spacing: .01em; pointer-events: none; box-shadow: 0 1px 6px rgba(0, 0, 0, .35); } .vnc-frame[data-stage="1"] .vnc-stage { display: inline-flex; } .vnc-tools { position: absolute; top: 8px; right: 8px; z-index: 4; display: flex; gap: 6px; opacity: .55; transition: opacity .12s ease; } .vnc-frame:hover .vnc-tools, .vnc-tools:focus-within { opacity: 1; } .vnc-tool { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: var(--radius-sm); cursor: pointer; background: rgba(12, 20, 33, .82); border: 1px solid rgba(255, 255, 255, .14); color: var(--ink-inverse); font-size: var(--fs-sm); line-height: 1.1; font-family: inherit; letter-spacing: .01em; } .vnc-tool:hover { background: rgba(22, 34, 54, .92); border-color: rgba(255, 255, 255, .26); } .vnc-tool:focus-visible { outline: 2px solid var(--arc-accent, #3b82f6); outline-offset: 1px; } .vnc-tool .ic { width: 14px; height: 14px; } .vnc-tool-ico { padding: 5px 7px; } .vnc-tools { opacity: 1; } .vnc-tool-ico { opacity: .6; transition: opacity .12s ease; } .vnc-frame:hover .vnc-tool-ico, .vnc-tool-ico:hover, .vnc-tool-ico:focus-visible { opacity: 1; } .vnc-tool-finish { background: var(--accent); border-color: color-mix(in srgb, var(--accent) 60%, white); color: #fff; font-weight: var(--fw-medium); } .vnc-tool-finish:hover { background: color-mix(in srgb, var(--accent) 82%, black); border-color: color-mix(in srgb, var(--accent) 40%, white); } .vnc-tool-finish[disabled] { background: rgba(12, 20, 33, .82); color: var(--shell-ink); border-color: rgba(255, 255, 255, .14); cursor: default; } .vnc-tool-extend { background: rgba(12, 20, 33, .9); } .vnc-tool[hidden] { display: none; } .live-prog { display: inline-flex; align-items: center; gap: 9px; margin-left: 14px; flex: 0 1 auto; min-width: 0; } .live-prog .arc-progress { display: block; flex: none; width: 132px; max-width: none; height: 6px; margin-top: 0; background: color-mix(in srgb, var(--ink-faint) 26%, transparent); border-color: color-mix(in srgb, var(--ink-faint) 34%, transparent); } .live-prog .arc-progress-fill { display: block; } .live-prog .arc-progress-label { flex: none; white-space: nowrap; overflow-wrap: normal; font-variant-numeric: tabular-nums; font-size: var(--fs-sm); color: var(--ink-muted); } @media (max-width: 820px) { .live-prog { display: none; } } .vnc-stage-ro { padding: 1px 6px; border-radius: var(--radius-xs); background: rgba(255, 255, 255, .1); color: var(--shell-ink); font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: .06em; } .live-fullscreen .arc-screen-bar { display: none; } .live-fullscreen .arc-hint { display: none; } .live-fullscreen .arc .vnc-frame { flex: 0 0 auto; width: auto; height: 100%; max-width: 100%; max-height: 100%; min-height: 0; border-radius: var(--radius-sm); aspect-ratio: 16 / 10; } .live-fullscreen .arc .vnc-frame.vnc-frame-chromed { height: calc(100% - 40px); max-height: calc(100% - 40px); } .live-fullscreen .arc-screen-only .arc-screen-col { flex: 1 1 auto; max-width: 100%; } .arc-screen-only .arc-grid { grid-template-columns: 1fr; } .live-fullscreen .arc-side-col { flex: 1 1 0; min-width: 300px; overflow-y: auto; padding-top: 5px; } .arc-fileinfo { margin: 8px 13px 2px; padding: 12px 13px; background: var(--arc-bg); border: 1px solid var(--arc-border); border-radius: var(--radius-lg); } .arc-fileinfo-head { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; min-width: 0; } .arc-fileinfo-glyph { flex: none; width: 30px; height: 30px; border-radius: var(--radius-lg); display: grid; place-items: center; color: var(--arc-accent); background: var(--accent-soft); border: 1px solid var(--arc-border); } .arc-fileinfo-glyph .ic { font-size: 16px; } .arc-fileinfo-name { font-size: var(--fs-base); font-weight: var(--fw-bold); color: var(--arc-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } .arc-fileinfo-grid { display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; margin: 0; font-size: var(--fs-sm); align-items: baseline; } .arc-fileinfo-grid dt { color: var(--arc-faint); font-weight: var(--fw-bold); font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: .06em; padding-top: 1px; } .arc-fileinfo-grid dd { margin: 0; color: var(--arc-text); min-width: 0; font-weight: var(--fw-medium); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .arc-fileinfo-hash { font-size: var(--fs-micro); color: var(--arc-muted); } .arc-fileinfo .arc-progress-row { margin-top: 12px; max-width: none; } .arc-fileinfo .arc-tags { margin-top: 9px; } .arc-fileinfo-cols { display: flex; align-items: flex-start; gap: 20px; flex-wrap: wrap; } .arc-fileinfo-main { flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 14px; } .arc-telemetry-inline .arc-telemetry { margin: 0; gap: 8px; } .arc-telemetry-inline .arc-actcol-label { margin-bottom: 7px; } .arc-telemetry-inline .arc-spark { padding: 7px 9px 5px; } .arc-telemetry-inline .arc-spark canvas { height: 72px; } .arc-actcol { flex: 0 0 auto; min-width: 158px; display: flex; flex-direction: column; gap: 2px; } .arc-actcol-label { font-size: var(--fs-micro); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: .06em; color: var(--arc-faint); margin-bottom: 4px; } .arc-actcol .arc-metric { display: flex; align-items: center; gap: 8px; padding: 4px 8px; border-radius: var(--radius-lg); background: transparent; border: 1px solid transparent; grid-template-columns: none; grid-template-rows: none; transition: background .14s, border-color .14s; } .arc-actcol .arc-metric:hover { background: var(--arc-bg); } .arc-actcol .arc-metric-ic { grid-row: auto; width: 24px; height: 24px; border-radius: var(--radius-sm); flex: none; } .arc-actcol .arc-metric-ic .ic { font-size: 13px; } .arc-actcol .arc-metric-l { flex: 1; min-width: 0; font-size: var(--fs-micro); text-transform: none; letter-spacing: 0; color: var(--arc-muted); font-weight: var(--fw-medium); align-self: center; } .arc-actcol .arc-metric-n { font-size: var(--fs-lg); font-weight: var(--fw-bold); color: var(--arc-text); align-self: center; font-variant-numeric: tabular-nums; } .arc-actcol .arc-metric.active { border-color: transparent; box-shadow: none; background: var(--accent-soft); } .arc-actcol .arc-metric.active .arc-metric-n { color: var(--arc-accent); } .live-fullscreen .arc-net { flex: 0 0 auto; display: flex; flex-direction: column; min-height: 0; } .live-fullscreen .arc-net-body { height: 30vh; overflow-y: auto; } .ind-sev { display: inline-flex; align-items: center; font-size: var(--fs-micro); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: .03em; padding: 2px 9px; border-radius: var(--radius-pill); border: 1px solid transparent; } .ind-sev-malicious { color: var(--malicious); background: var(--malicious-soft); border-color: var(--malicious-line); } .ind-sev-suspicious { color: var(--suspicious); background: var(--suspicious-soft); border-color: var(--suspicious-line); } .ind-sev-info { color: var(--ink-muted); background: var(--surface-sunken); border-color: var(--border); } .mitig-grid { display: flex; flex-wrap: wrap; gap: 8px; } .mitig-grid > * { flex: 1 1 230px; min-width: 0; } .mitig-row { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); } .mitig-name { font-size: var(--fs-sm); color: var(--ink); } .mitig-status { font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: .04em; padding: 2px 7px; border-radius: var(--radius-sm); min-width: 34px; text-align: center; flex: 0 0 auto; } .mitig-on { color: var(--clean); background: var(--clean-soft, #e7f6ec); } .mitig-off { color: var(--malicious); background: var(--malicious-soft); } .mitig-unk { color: var(--ink-muted); background: var(--surface-sunken); } .mitre-matrix { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; } .mitre-cell { border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 10px 12px; background: var(--surface); border-left: 3px solid var(--accent); } .mitre-tactic { font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: .06em; color: var(--accent); font-weight: var(--fw-bold); } .mitre-tech { font-size: var(--fs-base); font-weight: var(--fw-medium); color: var(--ink); margin: 3px 0; } .mitre-id { font-family: var(--font-mono); font-size: var(--fs-micro); color: var(--ink-muted); background: var(--surface-sunken); padding: 1px 6px; border-radius: var(--radius-sm); } .os-queue { align-items: center; } .os-queue-arrow { color: var(--ink-faint); font-size: 14px; flex: 0 0 auto; } .os-chip { position: relative; overflow: hidden; } .os-chip-progress { position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: var(--accent); transition: width .5s linear; } .flash { position: relative; padding-right: 32px; } .flash-x { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background: none; border: none; font-size: 18px; line-height: 1; cursor: pointer; color: inherit; opacity: .5; padding: 0 4px; } .flash-x:hover { opacity: 1; } .oneshot-live { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 12px; padding: 12px 16px; overflow: hidden; } .os-queue { display: flex; flex-wrap: wrap; gap: 8px; flex: 0 0 auto; } .os-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--surface); font-size: var(--fs-sm); color: var(--ink-muted); } .os-chip-name { color: var(--ink); font-weight: var(--fw-medium); } .os-chip-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ink-faint); flex: 0 0 auto; } .os-chip-state { font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: .04em; } .os-chip-running { border-color: var(--accent); background: var(--accent-soft, #e8f0fe); color: var(--accent); } .os-chip-running .os-chip-dot { background: var(--accent); animation: os-pulse 1.2s ease-in-out infinite; } .os-chip-done { border-color: #bbf7d0; } .os-chip-done .os-chip-dot { background: var(--clean); } .os-chip-failed .os-chip-dot { background: var(--malicious); } .os-chip-skipped { opacity: .5; } @keyframes os-pulse { 0%,100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 40%, transparent); } 50% { box-shadow: 0 0 0 5px color-mix(in srgb, var(--accent) 0%, transparent); } } .os-state { font-size: var(--fs-micro); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: .04em; padding: 2px 9px; border-radius: var(--radius-pill); } .os-state-queued { color: var(--ink-muted); background: var(--surface-sunken); } .os-state-running { color: var(--accent); background: var(--accent-soft, #e8f0fe); } .os-state-done { color: var(--clean); background: var(--clean-soft, #e7f6ec); } .os-state-failed { color: var(--malicious); background: var(--malicious-soft); } .oneshot-stage { flex: 1; min-height: 0; display: flex; flex-direction: column; } .os-current-bar { display: flex; align-items: center; gap: 8px; padding: 8px 12px; font-size: var(--fs-base); font-weight: var(--fw-medium); color: var(--ink); background: var(--surface-sunken); border: 1px solid var(--border); border-bottom: none; border-radius: var(--radius-sm) var(--radius-sm) 0 0; } .os-current-bar .ic { color: var(--accent); } .oneshot-body { flex: 1; min-height: 0; display: flex; align-items: stretch; gap: 0; } .oneshot-vnc-wrap { flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; align-items: stretch; justify-content: center; background: var(--bg); border: 1px solid var(--border); border-top: none; border-right: none; overflow: hidden; } .oneshot-vnc { height: 100%; width: auto; max-width: 100%; max-height: none; aspect-ratio: 4 / 3; border: none; } .oneshot-side { flex: 0 0 clamp(260px, 26%, 360px); min-width: 0; overflow-y: auto; background: var(--surface); border: 1px solid var(--border); border-top: none; padding: 14px; display: flex; flex-direction: column; gap: 12px; } .oneshot-side { align-content: flex-start; } .osx-group { display: flex; flex-direction: column; gap: 2px; background: var(--surface-sunken); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); padding: 10px 12px; } .osx-head { display: flex; align-items: center; gap: 7px; font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: 0.05em; text-transform: uppercase; color: var(--ink-secondary); margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid var(--border-subtle); } .osx-head .ic { width: 13px; height: 13px; color: var(--accent); } .osx-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: var(--fs-sm); color: var(--ink-muted); min-width: 0; padding: 3px 0; } .osx-row + .osx-row { border-top: 1px solid color-mix(in srgb, var(--border) 45%, transparent); } .osx-row b { color: var(--ink); font-weight: var(--fw-medium); text-align: right; min-width: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; } @media (min-width: 1500px) { .oneshot-side { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); align-items: start; align-content: start; } } .osx-on { color: var(--clean); } .osx-off { color: var(--ink-secondary); } .osx-clip { font-size: var(--fs-micro); } @media (max-width: 1400px) { .oneshot-body { flex-direction: column; } .oneshot-vnc-wrap { flex: 1 1 auto; min-height: 0; border-right: 1px solid var(--border); } .oneshot-side { flex: 0 0 auto; border-right: 1px solid var(--border); flex-direction: row; flex-wrap: wrap; gap: 18px; } .osx-group { flex: 1 1 190px; } } .oneshot-hint { flex: 0 0 auto; border: 1px solid var(--border); border-top: none; border-radius: 0 0 var(--radius-sm) var(--radius-sm); } .oneshot-domain { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 12px; padding: 12px 16px; overflow: hidden; } .oneshot-domain-head { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; flex-wrap: wrap; } .od-badge { display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border-radius: var(--radius-pill); background: var(--info-soft); color: var(--info-ink); font-size: var(--fs-sm); font-weight: var(--fw-bold); } .od-badge .ic { color: var(--info-ink); } .od-sub { font-size: var(--fs-sm); color: var(--ink-muted); } .od-grid { flex: 1; min-height: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .od-cell { display: flex; flex-direction: column; min-height: 0; border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; background: var(--surface); } .od-cell-bar { display: flex; align-items: center; gap: 8px; padding: 8px 12px; font-size: var(--fs-base); font-weight: var(--fw-medium); color: var(--ink); background: var(--surface-sunken); border-bottom: 1px solid var(--border); } .od-cell-bar .ic { color: var(--accent); } .od-cell-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .od-vnc { flex: 1; min-height: 0; width: 100%; display: flex; align-items: center; justify-content: center; background: var(--vm-screen); border: none; border-radius: 0; position: relative; } .od-vnc .od-screen { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .od-cell-progress { flex: 0 0 auto; height: 3px; background: var(--surface-sunken); } .od-cell-progress span { display: block; height: 100%; width: 0; background: var(--accent); } .od-note { display: flex; align-items: flex-start; gap: 9px; margin-top: 4px; padding: 10px 12px; border: 1px solid var(--info-line); background: var(--info-soft); border-radius: var(--radius-sm); font-size: var(--fs-base); color: var(--ink-muted); } .od-note[hidden] { display: none; } .od-note .ic { color: var(--info-ink); flex: 0 0 auto; margin-top: 1px; } #oneshot-workgroup-os[hidden], #oneshot-domain-note[hidden] { display: none; } @media (max-width: 900px) { .od-grid { grid-template-columns: 1fr; } } .od-run-badge { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: var(--radius-pill); background: var(--accent-soft, #e8f0fe); color: var(--accent); font-size: var(--fs-micro); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: .03em; } .od-run-badge .ic { font-size: 12px; } .od-peer-badge { display: inline-flex; align-items: center; padding: 2px 9px; border-radius: var(--radius-pill); background: var(--surface-sunken); color: var(--ink-muted); font-size: var(--fs-micro); font-weight: var(--fw-medium); text-transform: uppercase; letter-spacing: .03em; } .od-cell-target { outline: 2px solid var(--accent); outline-offset: -2px; } .od-report-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; } .od-report-role { margin: 4px 0 6px; } .sidebar { background: var(--shell); border-right: 1px solid #0e1826; } .brand { border-bottom: 1px solid rgb(255 255 255 / .07); } .brand-name { color: #fff; } .nav-group-label { color: var(--shell-faint); } .nav-item { color: var(--shell-ink); font-weight: var(--fw-medium); } .nav-item svg { color: var(--shell-faint); opacity: .85; } .nav-item:hover { background: rgb(255 255 255 / .05); color: #fff; } .nav-item:hover svg { color: #fff; opacity: 1; } .nav-item.active { background: color-mix(in srgb, var(--accent) 34%, transparent); color: #fff; box-shadow: inset 2px 0 0 var(--accent); } .nav-item.active svg { color: #fff; opacity: 1; } .sidebar :where(a, button, summary, input, select, textarea, [tabindex]):focus-visible { outline: 2px solid var(--shell-focus); outline-offset: 2px; } .sidebar-user { border-top: 1px solid rgb(255 255 255 / .08); } .sidebar-user .who .name { color: #fff; } .sidebar-user .who .sub { color: var(--shell-faint); } .sidebar-user .who .sub:hover { color: var(--shell-ink); } .btn { border-radius: var(--radius-sm); -webkit-backdrop-filter: blur(8px) saturate(1.3); backdrop-filter: blur(8px) saturate(1.3); transition: background .12s, box-shadow .12s, border-color .12s, transform .05s; } .btn:active { transform: translateY(1px); } .btn-primary { background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 88%, transparent), color-mix(in srgb, var(--accent-strong) 94%, transparent)); border-color: color-mix(in srgb, var(--accent-strong) 62%, transparent); color: #fff; box-shadow: var(--shadow-glass); } .btn-primary:hover { background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 96%, transparent), var(--accent-strong)); box-shadow: inset 0 1px 0 rgb(255 255 255 / .32), 0 2px 4px color-mix(in srgb, var(--accent) 32%, transparent), 0 4px 12px color-mix(in srgb, var(--accent) 20%, transparent); } .btn-outline { background: color-mix(in srgb, var(--accent) 6%, transparent); border-color: var(--accent-line); color: var(--accent-ink); } .btn-outline:hover { background: color-mix(in srgb, var(--accent) 12%, transparent); border-color: color-mix(in srgb, var(--accent) 30%, transparent); } .btn-danger { background: linear-gradient(180deg, color-mix(in srgb, var(--malicious) 86%, transparent), color-mix(in srgb, var(--malicious) 96%, #40080D)); border-color: color-mix(in srgb, var(--malicious) 60%, transparent); color: #fff; box-shadow: inset 0 1px 0 rgb(255 255 255 / .25), 0 1px 2px color-mix(in srgb, var(--malicious) 26%, transparent), 0 2px 8px color-mix(in srgb, var(--malicious) 14%, transparent); } .btn-danger:hover { background: linear-gradient(180deg, color-mix(in srgb, var(--malicious) 92%, #40080D), color-mix(in srgb, var(--malicious) 99%, #40080D)); border-color: color-mix(in srgb, var(--malicious) 70%, transparent); color: #fff; filter: none; } .btn:disabled { opacity: .45; cursor: not-allowed; filter: saturate(.4); box-shadow: none; transform: none; } .pill-malicious { border-color: var(--malicious-line); } .pill-suspicious { border-color: var(--suspicious-line); } .pill-clean { border-color: var(--clean-line); } .pill-neutral { border-color: var(--border); } input[type=text], input[type=email], input[type=password], input[type=number], input[type=url], input[type=search], input[type=tel], input[type=date], input[type=time], input[type=datetime-local], select, textarea { border-color: var(--border); transition: border-color .12s, box-shadow .12s; } input:focus, select:focus, textarea:focus { border-color: color-mix(in srgb, var(--accent) 55%, transparent); box-shadow: 0 0 0 3px var(--accent-soft); outline: 2px solid var(--accent); outline-offset: 2px; } .froq-search input:focus, .model-search input:focus, .code-editor textarea:focus, .opt-tile input:focus, .opt-tile select:focus, .opt-tile textarea:focus { outline: none; } input[type=date]:focus, input[type=time]:focus, input[type=datetime-local]:focus, input[type=date]:focus-within, input[type=time]:focus-within, input[type=datetime-local]:focus-within { outline: 2px solid var(--accent); outline-offset: 1px; border-color: color-mix(in srgb, var(--accent) 55%, transparent); } table.data th { background: color-mix(in srgb, var(--ink) 2.5%, transparent); } table.data td { border-bottom-color: var(--border-subtle); } .card-head { border-bottom-color: var(--border-subtle); } .spark { display: block; width: 100%; height: auto; } .spark .grid-l { stroke: var(--chart-grid); stroke-width: 1; } .spark .line { fill: none; stroke: var(--accent); stroke-width: 1.5; } .spark .area { fill: url(#sparkFill); } .spark .end { fill: var(--accent); stroke: var(--surface); stroke-width: 1.5; } .hbar { display: grid; grid-template-columns: 88px 1fr max-content; gap: 12px; align-items: center; font-size: var(--fs-sm); } .hbar + .hbar { margin-top: 10px; } .hbar-label { color: var(--ink-muted); display: flex; align-items: center; gap: 7px; } .hbar-track { height: 8px; border-radius: var(--radius-xs); background: var(--surface-sunken); overflow: hidden; } .hbar-track i { display: block; height: 100%; border-radius: inherit; background: var(--accent); } .hbar-val { font-family: var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ink); font-weight: var(--fw-medium); } .opsx-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(178px, 1fr)); gap: 14px; } .opsx { --tone: var(--accent); position: relative; display: flex; align-items: center; gap: 13px; padding: 14px 15px; border: 1px solid var(--border-subtle); border-radius: var(--radius-md); background: var(--surface-raised); transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; } .opsx:hover { transform: translateY(-2px); box-shadow: var(--shadow-sm); border-color: color-mix(in srgb, var(--tone) 32%, var(--border)); } .opsx-ic { width: 38px; height: 38px; border-radius: var(--radius-lg); display: grid; place-items: center; flex: none; background: color-mix(in srgb, var(--tone) 13%, var(--surface)); color: var(--tone); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tone) 26%, transparent); } .opsx-ic .ic { font-size: 18px; } .opsx-body { min-width: 0; } .opsx-n { font-size: var(--fs-xl); font-weight: var(--fw-bold); line-height: 1.05; color: var(--ink); font-variant-numeric: tabular-nums; } .opsx-of { font-size: var(--fs-base); font-weight: var(--fw-medium); color: var(--ink-muted); margin-left: 2px; } .opsx-l { font-size: var(--fs-sm); font-weight: var(--fw-bold); color: var(--ink); margin-top: 2px; } .opsx-sub { font-size: var(--fs-micro); color: var(--ink-muted); margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .opsx-sub.is-bad { color: var(--malicious); } .opsx-live { position: absolute; top: 10px; right: 11px; width: 7px; height: 7px; border-radius: 50%; background: var(--tone); box-shadow: 0 0 0 0 color-mix(in srgb, var(--tone) 60%, transparent); animation: opsx-pulse 1.6s ease-out infinite; } @keyframes opsx-pulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--tone) 55%, transparent); } 70% { box-shadow: 0 0 0 7px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } } .reveal { opacity: 0; transform: translateY(10px); animation: reveal-in .5s cubic-bezier(.2,.7,.3,1) forwards; } @keyframes reveal-in { to { opacity: 1; transform: none; } } .spark.is-drawn .line { stroke-dasharray: var(--spark-len, 1000); stroke-dashoffset: var(--spark-len, 1000); animation: spark-draw 1.1s ease .15s forwards; } .spark.is-drawn .area, .spark.is-drawn .end { opacity: 0; animation: spark-fade .5s ease .9s forwards; } @keyframes spark-draw { to { stroke-dashoffset: 0; } } @keyframes spark-fade { to { opacity: 1; } } .hbar-track.is-fill i { width: 0 !important; animation: hbar-grow .9s cubic-bezier(.2,.7,.3,1) .2s forwards; } @keyframes hbar-grow { to { width: var(--to, 0%); } } @media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; animation: none; } .opsx-live { animation: none; } .spark.is-drawn .line { stroke-dashoffset: 0; animation: none; } .spark.is-drawn .area, .spark.is-drawn .end { opacity: 1; animation: none; } .hbar-track.is-fill i { animation: none; width: var(--to, 0%) !important; } } .gauge { display: inline-grid; place-items: center; } .gauge-track { stroke: color-mix(in srgb, var(--ink) 9%, transparent); fill: none; } .gauge-ticks { fill: none; stroke: color-mix(in srgb, var(--ink) 22%, transparent); stroke-width: 3; stroke-dasharray: 1 3.97; transform: rotate(-90deg); transform-origin: 60px 60px; } .gauge-val { fill: none; stroke-linecap: round; transform: rotate(-90deg); transform-origin: 60px 60px; transition: stroke-dasharray .9s ease; } .gauge-num { font: var(--fw-bold) var(--fs-display) var(--font-mono); fill: var(--ink); font-variant-numeric: tabular-nums; } .gauge-cap { font: var(--fw-medium) var(--fs-micro) var(--font-mono); letter-spacing: .1em; fill: var(--ink-faint); text-transform: uppercase; } @media (max-width: 560px) { .verdict-why { flex-direction: column; align-items: center; } .verdict-why-body { width: 100%; } } .meter-row { margin-bottom: 16px; } .meter-row:last-child { margin-bottom: 0; } .meter-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; } .meter-name { font-weight: var(--fw-medium); font-size: var(--fs-base); color: var(--ink); } .meter-val { font-family: var(--font-mono); font-weight: var(--fw-bold); font-size: var(--fs-base); color: var(--ink); } .meter { height: 8px; border-radius: var(--radius-pill); background: var(--surface-sunken); overflow: hidden; } .meter i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent-strong), var(--accent)); transition: width .5s ease; } .meter i.m-warm { background: linear-gradient(90deg, #9A6510, var(--suspicious)); } .meter i.m-hot { background: linear-gradient(90deg, #8F2029, var(--malicious)); } .meter-sub { font-size: var(--fs-sm); margin-top: 5px; } .post-list { display: flex; flex-direction: column; } .post-row { display: grid; grid-template-columns: 108px 1fr max-content; gap: 12px; align-items: start; padding: 11px 0; border-bottom: 1px solid var(--border-subtle); } a.post-row { color: inherit; } a.post-row:hover { background: var(--surface-sunken); } a.post-row:hover .post-title { color: var(--accent); } .post-row:first-child { padding-top: 2px; } .post-row:last-child { border-bottom: none; padding-bottom: 2px; } .post-title { font-weight: var(--fw-medium); font-size: var(--fs-base); color: var(--ink); line-height: 1.35; } .post-excerpt { font-size: var(--fs-sm); color: var(--ink-muted); margin-top: 3px; line-height: 1.45; } .post-date { font-size: var(--fs-sm); color: var(--ink-faint); white-space: nowrap; padding-top: 2px; } .pcat { display: inline-block; font: var(--fw-bold) var(--fs-micro) var(--font-mono); text-transform: uppercase; letter-spacing: .04em; padding: 3px 8px; border-radius: var(--radius-sm); border: 1px solid transparent; white-space: nowrap; margin-top: 1px; } .pcat-research { background: var(--accent-soft); color: var(--accent-ink); border-color: var(--accent-line); } .pcat-release { background: var(--info-soft); color: var(--info-ink); border-color: var(--info-line); } .pcat-threat { background: var(--surface-sunken); color: var(--ink-secondary); border-color: var(--border); } .pcat-guide { background: var(--info-soft); color: var(--info-ink); border-color: var(--info-line); } .sig-hero { overflow: hidden; } .sig-hero-top { display: flex; gap: 20px; align-items: flex-start; flex-wrap: wrap; padding: 16px 18px; background: var(--surface); border-bottom: 1px solid var(--border-subtle); } .sig-hero-ico { flex: 0 0 auto; width: 42px; height: 42px; border-radius: var(--radius-lg); display: grid; place-items: center; background: var(--accent-soft); color: var(--accent); border: 1px solid var(--accent-line); } .sig-hero-ico.is-unknown { background: var(--surface-sunken); color: var(--ink-muted); border-color: var(--border); } .sig-hero-ico .ic { width: 21px; height: 21px; } .sig-hero-id { min-width: 240px; flex: 1 1 auto; } .sig-hero-sub { margin-top: 5px; font-size: var(--fs-sm); color: var(--ink-muted); } .sig-hero-id .lbl { display: block; margin-bottom: 4px; } .sig-hero-name { font: var(--fw-bold) var(--fs-xl)/1.2 var(--font-mono); color: var(--ink); letter-spacing: -.01em; word-break: break-word; } .sig-hero-tags { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 10px; } .sig-hero-detects { display: flex; flex-direction: column; gap: 7px; min-width: 260px; } .sig-detect { display: grid; grid-template-columns: 84px 1fr; gap: 10px; align-items: baseline; font-size: var(--fs-sm); } .sig-detect-k { font: var(--fw-medium) var(--text-2xs)/1.3 var(--font-mono); text-transform: uppercase; letter-spacing: .07em; color: var(--ink-muted); } .sig-detect-v { font-family: var(--font-mono); font-size: var(--fs-sm); color: var(--ink-secondary); word-break: break-word; } .prop-sec { padding: 12px 16px 4px; background: var(--surface); } .prop-sec + .prop-sec { padding-top: 4px; } .prop-sec:last-child { padding-bottom: 14px; } .prop-sec-h { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; font: var(--fw-medium) var(--text-2xs)/1.4 var(--font-mono); text-transform: uppercase; letter-spacing: .08em; color: var(--ink-muted); } .prop-sec-h .ic { width: 13px; height: 13px; color: var(--accent); } .prop-grid { display: flex; flex-wrap: wrap; gap: 6px; } .prop-grid > * { flex: 1 1 278px; min-width: 0; } .prop-grid-hash > * { flex-basis: 100%; } .prop { display: grid; grid-template-columns: 24px 96px 1fr; gap: 10px; align-items: center; background: var(--surface-sunken); border: 1px solid var(--border-subtle); border-radius: var(--radius-sm); padding: 8px 11px; text-align: left; width: 100%; } .prop-ic { display: grid; place-items: center; width: 24px; height: 24px; border-radius: var(--radius-sm); background: color-mix(in srgb, var(--pt, var(--ink-faint)) 13%, var(--surface)); color: var(--pt, var(--ink-faint)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pt, var(--ink-faint)) 22%, transparent); } .prop-ic .ic { width: 13px; height: 13px; } .prop-t-id { --pt: var(--accent); } .prop-t-struct { --pt: var(--chart-3); } .prop-t-sim { --pt: var(--chart-2); } .prop-t-warn { --pt: var(--suspicious); } .prop-t-ok { --pt: var(--clean); } .prop-t-muted { --pt: var(--ink-muted); } .prop:hover { border-color: color-mix(in srgb, var(--pt, var(--border)) 34%, var(--border)); } .prop-k { font: var(--fw-medium) var(--text-2xs)/1.4 var(--font-mono); text-transform: uppercase; letter-spacing: .06em; color: var(--ink-secondary); } .prop-v { font-size: var(--fs-sm); color: var(--ink); min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .prop-v.mono { font-size: var(--fs-micro); color: var(--ink-secondary); } .prop-copy { grid-template-columns: 22px 96px 1fr 20px; white-space: nowrap; font: inherit; cursor: pointer; transition: border-color .12s, background .12s; } .prop-copy:hover { background: var(--surface); border-color: var(--accent-line); } .prop-copy:hover .prop-ic { color: var(--accent); } .prop-act { display: grid; place-items: center; color: transparent; transition: color .12s; } .prop-copy:hover .prop-act { color: var(--accent); } .prop-act .ic { width: 14px; height: 14px; } .prop-copy.is-copied { border-color: var(--clean); background: var(--clean-soft); } .prop-copy.is-copied .prop-act { color: var(--clean); } .art-ic { display: grid; place-items: center; color: var(--ink-faint); } .art-ic .ic { width: 16px; height: 16px; } .srcview { margin: 0; max-height: 520px; overflow: auto; background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 12px 14px; font-family: var(--font-mono); font-size: var(--fs-sm); line-height: 1.65; color: var(--ink); white-space: pre; tab-size: 4; } .srcview:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } .au-script + .au-script { margin-top: 18px; border-top: 1px solid var(--border-subtle); padding-top: 14px; } .au-script-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 6px; } .au-code { max-height: 540px; overflow: auto; margin: 0; font-family: var(--font-mono); font-size: var(--fs-sm); line-height: 1.55; white-space: pre; tab-size: 4; -moz-tab-size: 4; background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 12px 14px; color: var(--ink-secondary); } .acct-hero { display: flex; align-items: center; gap: 18px; padding: 22px; position: relative; overflow: hidden; } .acct-hero::after { content: ""; position: absolute; top: -70px; right: -50px; width: 230px; height: 230px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--accent) 11%, transparent), transparent 68%); pointer-events: none; } .acct-avatar { width: 64px; height: 64px; border-radius: 50%; flex: none; display: grid; place-items: center; font-size: var(--fs-display); font-weight: var(--fw-bold); color: #fff; background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #7C3AED)); box-shadow: 0 6px 16px -6px color-mix(in srgb, var(--accent) 60%, transparent); } .acct-hero-id { min-width: 0; position: relative; z-index: 1; } .acct-hero-name { font-size: var(--fs-xl); font-weight: var(--fw-bold); letter-spacing: -.01em; color: var(--ink); } .acct-hero-sub { font-size: var(--fs-base); color: var(--ink-muted); margin-top: 2px; font-family: var(--font-mono); word-break: break-all; } .acct-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 11px; } .acct-chip { display: inline-flex; align-items: center; gap: 5px; font-size: var(--fs-micro); font-weight: var(--fw-bold); padding: 3px 9px; border-radius: var(--radius-pill); color: var(--ink-muted); background: var(--surface-sunken); border: 1px solid var(--border-subtle); } .acct-chip .ic { font-size: var(--fs-sm); color: var(--ink-faint); } .acct-chip.is-accent { color: var(--accent); background: var(--accent-soft); border-color: var(--accent-line); } .acct-chip.is-accent .ic { color: var(--accent); } .acct-chip.is-good { color: var(--clean-ink); background: var(--clean-soft); border-color: var(--clean-line); } .acct-chip.is-good .ic { color: var(--clean-ink); } .credit-hero { display: flex; align-items: center; gap: 16px; } .credit-ic { width: 54px; height: 54px; border-radius: 14px; flex: none; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--suspicious), color-mix(in srgb, var(--suspicious) 50%, var(--malicious))); box-shadow: 0 6px 16px -7px color-mix(in srgb, var(--suspicious) 65%, transparent); } .credit-ic .ic { font-size: var(--fs-display); } .credit-n { font-size: var(--fs-display); font-weight: var(--fw-bold); line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; } .credit-l { font-size: var(--fs-sm); color: var(--ink-muted); margin-top: 5px; } .tfa-row { display: flex; align-items: center; gap: 14px; margin-bottom: 15px; } .tfa-ic { width: 46px; height: 46px; border-radius: 12px; flex: none; display: grid; place-items: center; color: var(--tc, var(--ink-muted)); background: color-mix(in srgb, var(--tc, var(--ink-muted)) 13%, var(--surface)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tc, var(--ink-muted)) 28%, transparent); } .tfa-ic .ic { font-size: var(--fs-xl); } .tfa-txt { flex: 1; min-width: 0; } .tfa-state { font-size: var(--fs-base); font-weight: var(--fw-bold); color: var(--ink); } .tfa-hint { font-size: var(--fs-sm); color: var(--ink-muted); margin-top: 2px; } .kv-list { display: flex; flex-direction: column; } .kv-row { padding: 12px 0; border-bottom: 1px solid var(--border-subtle); } .kv-row:first-child { padding-top: 0; } .kv-row:last-child { border-bottom: 0; padding-bottom: 0; } .kv-k { font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: .05em; font-weight: var(--fw-bold); color: var(--ink-faint); } .kv-v { font-size: var(--fs-base); color: var(--ink); font-weight: var(--fw-medium); margin-top: 3px; word-break: break-word; } .kv-v.mono { font-family: var(--font-mono); font-size: var(--fs-base); } .lbl { font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: .05em; font-weight: var(--fw-bold); color: var(--ink-faint); } .ops-spark { display: flex; align-items: flex-end; gap: 4px; height: 90px; } .ops-spark-col { flex: 1; height: 100%; display: flex; align-items: flex-end; } .ops-spark-bar { width: 100%; min-height: 2px; border-radius: var(--radius-xs) var(--radius-xs) 0 0; background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 55%, transparent)); } .ops-spark-col:hover .ops-spark-bar { background: var(--accent-hover, var(--accent)); } .ops-sub-h { font-size: var(--fs-sm); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: .05em; color: var(--ink-muted); margin-bottom: 12px; } table.data th.col-remove, table.data td.col-remove { position: sticky; right: 0; text-align: right; width: 1%; white-space: nowrap; background: var(--surface); box-shadow: -8px 0 8px -8px rgba(16, 24, 40, .14); } table.data th.col-remove { background: color-mix(in srgb, var(--ink) 3%, var(--surface)); } table.data tbody tr:hover td.col-remove { background: var(--surface-raised); } .impersonate-bar { position: sticky; top: 0; z-index: 60; display: flex; align-items: center; gap: 12px; padding: 10px 14px; margin-bottom: 18px; background: var(--suspicious-soft); border: 1px solid var(--suspicious-line); border-radius: var(--radius); font-size: var(--fs-base); color: var(--ink); box-shadow: var(--shadow-sm); } .impersonate-bar > .ic { color: var(--suspicious); font-size: 17px; flex: none; } .impersonate-bar form { margin: 0 0 0 auto; } .flagsel { position: relative; } .flagsel-btn { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 10px; font-size: var(--fs-base); text-align: left; background: var(--surface); color: var(--ink); border: 1px solid var(--border); border-radius: var(--radius-sm); cursor: pointer; transition: border-color .12s ease, box-shadow .12s ease; } .flagsel-btn:hover { border-color: var(--border-strong); } .flagsel.is-open .flagsel-btn, .flagsel-btn:focus-visible { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); } .flagsel-lbl { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .flagsel-caret { width: 12px; height: 12px; color: var(--ink-faint); flex: none; transition: transform .15s ease; } .flagsel.is-open .flagsel-caret { transform: rotate(180deg); } .flagsel-flag { width: 18px; height: 13px; flex: 0 0 auto; } .flagsel-menu { position: absolute; z-index: 40; top: calc(100% + 4px); left: 0; right: 0; max-height: 280px; overflow-y: auto; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); box-shadow: var(--shadow-md); padding: 4px; } .flagsel-item { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: var(--radius-xs); font-size: var(--fs-base); color: var(--ink); cursor: pointer; } .flagsel-item:hover { background: var(--surface-sunken); } .flagsel-item.is-active { background: var(--accent-soft); color: var(--accent); font-weight: var(--fw-medium); } .flagsel-txt { flex: 1; min-width: 0; } .pers-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 9px; vertical-align: middle; flex-shrink: 0; } .pers-dot-high { background: var(--malicious); box-shadow: 0 0 0 3px var(--malicious-soft); } .pers-dot-med { background: var(--suspicious); box-shadow: 0 0 0 3px var(--suspicious-soft); } .pers-dot-low, .pers-dot-info { background: var(--ink-faint); box-shadow: 0 0 0 3px var(--surface-sunken); } .pers-src { display: inline-block; font-size: var(--fs-micro); font-weight: var(--fw-medium); letter-spacing: .02em; padding: 3px 8px; border-radius: var(--radius-pill); background: var(--surface-sunken); color: var(--ink-secondary); border: 1px solid var(--border-subtle); white-space: nowrap; } .pers-src-dynamic { background: var(--accent-soft); color: var(--accent); border-color: var(--accent-line); } .pers-src-command { background: var(--suspicious-soft); color: var(--suspicious-ink); border-color: var(--suspicious-line); } .pers-grid { columns: 2; column-gap: 12px; } @media (max-width: 900px) { .pers-grid { columns: 1; } } .pers-fam { border: 1px solid var(--border-subtle); border-radius: var(--radius-sm); background: var(--surface); overflow: hidden; break-inside: avoid; -webkit-column-break-inside: avoid; margin-bottom: 12px; } .pers-fam-hit { border-color: var(--malicious-line); } .pers-fam-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; background: var(--surface-sunken); border-bottom: 1px solid var(--border-subtle); } .pers-fam-hit .pers-fam-head { background: var(--malicious-soft); } .pers-fam-name { font-size: var(--text-2xs); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: .05em; color: var(--ink-muted); } .pers-fam-hit .pers-fam-name { color: var(--malicious); } .pers-fam-count { font-size: var(--fs-micro); color: var(--ink-secondary); font-variant-numeric: tabular-nums; } .pers-fam-hit .pers-fam-count strong { color: var(--malicious); } .pers-list { list-style: none; margin: 0; padding: 0; } .pers-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 10px; padding: 7px 12px; border-bottom: 1px solid var(--border-subtle); font-size: var(--fs-sm); } .pers-row:last-child { border-bottom: 0; } .pers-row:hover { background: var(--surface-raised); } .pers-row-hit { background: var(--malicious-soft); } .pers-row-hit:hover { background: var(--malicious-soft); } .pers-name { color: var(--ink-muted); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pers-row-hit .pers-name { color: var(--ink); font-weight: var(--fw-medium); } .pers-mitre { font-size: var(--fs-micro); color: var(--ink-secondary); white-space: nowrap; } .pers-status { font-size: var(--fs-micro); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: .04em; padding: 2px 7px; border-radius: var(--radius-pill); white-space: nowrap; } .pers-status-clean { background: var(--surface-sunken); color: var(--ink-secondary); } .pers-status-unwatched { background: var(--surface-sunken); color: var(--ink-faint); font-style: italic; } .pers-status-high { background: var(--malicious); color: #fff; } .pers-status-med { background: var(--suspicious-ink); color: #fff; } .pers-status-low, .pers-status-info { background: var(--ink-faint); color: #fff; } .pers-obs { font-size: var(--fs-micro); font-weight: var(--fw-medium); color: var(--ink-secondary); background: var(--surface-sunken); border-radius: var(--radius-pill); padding: 1px 6px; margin-left: 4px; vertical-align: middle; } .intel-ic { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: var(--radius-sm); margin-right: 9px; vertical-align: middle; background: var(--surface-sunken); color: var(--ink-faint); } .intel-ic .ic { width: 13px; height: 13px; } .intel-ic-hit { background: var(--malicious-soft); color: var(--malicious); } .intel-ic-clean { background: var(--clean-soft); color: var(--clean); } .intel-ic-unavailable, .intel-ic-off { background: var(--suspicious-soft); color: var(--suspicious); } .intel-st { display: inline-block; font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: .01em; padding: 3px 9px; border-radius: var(--radius-pill); white-space: nowrap; background: var(--surface-sunken); color: var(--ink-muted); } .intel-st-hit { background: var(--malicious); color: #fff; } .intel-st-clean { background: var(--clean-soft); color: var(--clean-ink); } .intel-st-notfound { background: var(--surface-sunken); color: var(--ink-muted); } .intel-st-unavailable, .intel-st-off { background: var(--suspicious-soft); color: var(--suspicious-ink); } .intel-row-hit { background: var(--malicious-soft); } .intel-row-hit:hover { background: var(--malicious-soft); } table.data.intel-src td { padding: 9px 14px; } .intel-age { color: var(--ink-faint); font-size: var(--fs-micro); } .stat-tile.stat-warn { border-color: var(--suspicious-line); } .stat-tile.stat-warn .stat-ic { background: var(--suspicious-soft); color: var(--suspicious); } body.report-shell { background: var(--bg); } .report-page { min-height: 100vh; display: flex; flex-direction: column; } .report-topbar { display: flex; align-items: center; gap: 14px; padding: 10px 18px; background: var(--surface-raised); border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 20; } .report-back { display: inline-flex; align-items: center; gap: 6px; flex: none; padding: 6px 12px 6px 9px; font-size: var(--fs-base); font-weight: var(--fw-medium); color: var(--ink-secondary); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); } .report-back:hover { background: var(--surface-sunken); color: var(--ink); } .report-back .ic { width: 14px; height: 14px; transform: rotate(180deg); } .report-crumb { flex: 1; min-width: 0; } .report-actions { display: flex; align-items: center; gap: 8px; flex: none; } .report-main { flex: 1; padding: 18px; max-width: 1720px; width: 100%; margin: 0 auto; } .report-layout { display: flex; align-items: flex-start; gap: 18px; } .secrail { width: 232px; flex: none; position: sticky; top: 62px; max-height: calc(100vh - 78px); overflow-y: auto; background: var(--surface-raised); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); padding: 10px 8px; } .secrail-grp { font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); padding: 13px 10px 6px; } .secrail-grp:first-child { padding-top: 3px; } .secrail .tab { display: flex; align-items: center; gap: 9px; width: 100%; padding: 7px 10px; border: 0; border-left: 2px solid transparent; border-radius: var(--radius-sm); background: none; cursor: pointer; font: inherit; font-size: var(--fs-base); color: var(--ink-secondary); text-align: left; } .secrail .tab:hover { background: var(--surface-sunken); } .secrail .tab[hidden] { display: none; } .secrail .tab .ic { width: 15px; height: 15px; flex: none; opacity: .8; } .secrail .tab.is-locked { color: var(--ink-faint); } .secrail .tab.is-locked .ic { opacity: .55; } .secrail .tab .secrail-lock { width: 12px; height: 12px; flex: none; margin-left: auto; opacity: .75; } .secrail .tab.active .secrail-lock { opacity: 1; } .secrail-t { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .secrail .tab.active { background: var(--accent-tint); color: var(--accent); font-weight: var(--fw-bold); border-left-color: var(--accent); } .secrail .tab.active .ic { opacity: 1; } .secrail-n { font-size: var(--fs-micro); font-weight: var(--fw-bold); padding: 1px 6px; border-radius: var(--radius-pill); background: var(--surface-sunken); color: var(--ink-muted); flex: none; } .secrail-n-bad { background: var(--suspicious); color: #fff; } .secmain { flex: 1; min-width: 0; } .secnext { display: flex; align-items: center; gap: 10px; width: 100%; margin-top: 20px; padding: 12px 16px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); cursor: pointer; text-align: left; color: var(--ink-muted); font: inherit; } .secnext:hover { border-color: var(--accent); background: var(--accent-tint); } .secnext:hover .secnext-v { color: var(--accent); } .secnext-k { font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: .04em; text-transform: uppercase; color: var(--ink-muted); flex: none; } .secnext-v { flex: 1; min-width: 0; font-weight: var(--fw-bold); color: var(--ink); } .secnext .ic { flex: none; opacity: .6; } #report .grid > .card { align-self: start; } #report .grid-2 { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); } @media (max-width: 1100px) { .report-layout { flex-direction: column; align-items: stretch; } .secrail { width: 100%; position: static; max-height: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 8px; } .secrail-grp { display: none; } .secrail .tab { width: auto; white-space: nowrap; flex: 0 0 auto; border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 6px 11px; } .secrail .tab .secrail-t { overflow: visible; text-overflow: clip; } .secrail .tab.active { border-color: var(--accent); background: var(--accent-tint); color: var(--accent); } } .report-topbar .scan-crumb { width: 100%; } .report-topbar .scan-crumb-id { margin-right: auto; } .report-main:has(> .finishing-stage) { display: flex; flex-direction: column; } .finishing-stage { flex: 1 1 auto; min-height: 0; display: flex; align-items: center; justify-content: center; } .finishing-card { max-width: 980px; width: 100%; margin: 0 auto; padding: 26px 28px; border-color: var(--accent-line); } .finishing-head { display: flex; align-items: flex-start; gap: 16px; text-align: left; } .finishing-spin { flex: 0 0 auto; width: 28px; height: 28px; margin-top: 2px; border: 3px solid var(--surface-sunken); border-top-color: var(--accent); border-radius: 50%; animation: finishing-rot .9s linear infinite; } @keyframes finishing-rot { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .finishing-spin { animation-duration: 2.4s; } } .finishing-title { font-size: var(--fs-lg); font-weight: var(--fw-bold); margin: 0 0 4px; } .finishing-sub { color: var(--ink-muted); font-size: var(--fs-base); line-height: 1.55; margin: 0; max-width: 82ch; } .finishing-bar { height: 6px; margin: 20px 0 8px; border-radius: var(--radius-xs); background: var(--surface-sunken); overflow: hidden; } .finishing-bar-fill { height: 100%; border-radius: var(--radius-xs); background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 70%, transparent), var(--accent)); transition: width .4s ease; } .finishing-count { display: flex; justify-content: space-between; font-size: var(--fs-micro); color: var(--ink-muted); letter-spacing: .02em; margin-bottom: 18px; } .finishing-count span:last-child { font-weight: var(--fw-bold); color: var(--accent); font-variant-numeric: tabular-nums; } .finishing-steps { list-style: none; margin: 0; padding: 0; text-align: left; display: flex; flex-wrap: wrap; gap: 8px; } .finishing-steps li { position: relative; display: flex; align-items: center; gap: 9px; flex: 1 1 158px; padding: 9px 11px; border-radius: var(--radius-lg); font-size: var(--fs-sm); color: var(--ink-muted); border: 1px solid var(--border-subtle); background: var(--surface); min-width: 0; } .fs-ic { flex: 0 0 auto; width: 25px; height: 25px; border-radius: var(--radius-sm); z-index: 1; display: inline-flex; align-items: center; justify-content: center; background: var(--surface-sunken); color: var(--ink-faint); box-shadow: inset 0 0 0 1px var(--border); } .fs-ic .ic { width: 15px; height: 15px; } .fs-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .finishing-steps li.done { color: var(--ink-muted); } .finishing-steps li.done .fs-ic { background: var(--clean-soft); color: var(--clean); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--clean) 30%, transparent); } .finishing-steps li.done { border-color: color-mix(in srgb, var(--clean) 26%, var(--border-subtle)); } .finishing-steps li.active { color: var(--ink); font-weight: var(--fw-bold); background: color-mix(in srgb, var(--accent) 9%, transparent); border-color: color-mix(in srgb, var(--accent) 45%, transparent); } .finishing-steps li.active .fs-ic { background: var(--accent); color: #fff; box-shadow: none; animation: fs-pulse 1.6s ease-in-out infinite; } @keyframes fs-pulse { 0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 42%, transparent); } 60% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent) 0%, transparent); } } @media (prefers-reduced-motion: reduce) { .finishing-steps li.active .fs-ic { animation: none; } } @media (max-width: 560px) { .finishing-card { padding: 18px 14px; margin: 16px auto; } .finishing-steps li { font-size: var(--fs-sm); gap: 10px; } } .sgrp-head[hidden], .sgrp[hidden] { display: none !important; } .sgrp-head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; padding: 14px 16px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); border-left: 3px solid var(--accent); } .sgrp-head h2 { margin: 0 0 2px; font-size: var(--fs-lg); line-height: 1.25; } .sgrp-head p { margin: 0; font-size: var(--fs-sm); color: var(--text-muted); max-width: 78ch; } .sgrp-ico { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--border); color: var(--accent); } .sgrp-ico .ic { width: 20px; height: 20px; } @media (max-width: 720px) { .sgrp-head { align-items: flex-start; } .sgrp-head p { display: none; } } .os-eta { position: absolute; left: 14px; right: 10px; bottom: 6px; font-size: var(--fs-micro); font-variant-numeric: tabular-nums; color: var(--ink-faint); line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .os-eta-ready { color: var(--clean-ink); font-weight: var(--fw-medium); } .os-grid .os-box-inner { padding-bottom: 22px; height: 100%; } .sc-note { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; padding: 9px 12px; border-radius: var(--radius-lg); font-size: var(--fs-sm); color: var(--ink-secondary); background: var(--surface-sunken); border: 1px solid var(--border); } .sc-note .ic { width: 15px; height: 15px; flex: 0 0 auto; color: var(--ink-muted); } .pk-card { overflow: hidden; border-left: 3px solid var(--clean); } .pk-card.is-packed { border-left-color: var(--suspicious); } .pk-hero { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: start; gap: 16px; padding: 20px 22px 18px; } .pk-ico { flex: 0 0 auto; width: 44px; height: 44px; border-radius: var(--radius-lg); display: inline-flex; align-items: center; justify-content: center; background: var(--clean-soft); color: var(--clean); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--clean) 28%, transparent); } .pk-hero.is-packed .pk-ico { background: var(--suspicious-soft); color: var(--suspicious); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--suspicious) 32%, transparent); } .pk-ico .ic { width: 22px; height: 22px; } .pk-id { min-width: 0; } .pk-id .lbl { font: var(--fw-medium) var(--fs-micro)/1 var(--font-sans); letter-spacing: .09em; text-transform: uppercase; color: var(--ink-faint); } .pk-name { font-size: var(--fs-xl); font-weight: var(--fw-bold); color: var(--ink); margin: 5px 0 4px; } .pk-sub { font-size: var(--fs-sm); color: var(--ink-muted); line-height: 1.5; max-width: 62ch; } .pk-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; } .pk-tags:empty { display: none; } .pk-conf { flex: 0 0 auto; width: 150px; padding: 9px 13px 8px; text-align: right; border: 1px solid var(--border-subtle); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--ink) 2.5%, transparent); } .pk-conf-num { font: var(--fw-bold) var(--fs-xl)/1 var(--font-mono); color: var(--ink-secondary); font-variant-numeric: tabular-nums; } .pk-conf-num span { font-size: var(--fs-micro); font-weight: var(--fw-medium); color: var(--ink-faint); } .pk-conf-num.is-mid { color: var(--suspicious-ink); } .pk-conf-num.is-high { color: var(--malicious); } .pk-conf-bar { height: 5px; margin: 9px 0 6px; border-radius: var(--radius-xs); background: var(--surface-sunken); overflow: hidden; } .pk-conf-fill { height: 100%; border-radius: var(--radius-xs); background: var(--ink-faint); min-width: 3px; transition: width .5s ease; } .pk-conf-fill.is-mid { background: var(--suspicious); } .pk-conf-fill.is-high { background: var(--malicious); } .pk-conf-cap { font: var(--fw-medium) var(--fs-micro)/1.3 var(--font-sans); letter-spacing: .07em; text-transform: uppercase; color: var(--ink-faint); } .pk-route { display: flex; align-items: flex-start; gap: 11px; padding: 13px 22px 14px; margin: 0 22px; padding-left: 0; padding-right: 0; border-top: 1px solid var(--border-subtle); } .pk-route .ic { width: 16px; height: 16px; flex: 0 0 auto; margin-top: 2px; color: var(--accent); } .pk-route strong { display: block; font-size: var(--fs-sm); font-weight: var(--fw-bold); color: var(--ink); } .pk-route span { display: block; font-size: var(--fs-sm); color: var(--ink-secondary); line-height: 1.5; margin-top: 2px; max-width: 74ch; } .pk-signals { border-top: 1px solid var(--border-subtle); padding-top: 15px; } .pk-signals-head { display: flex; align-items: baseline; gap: 8px; font: var(--fw-bold) var(--fs-micro)/1 var(--font-sans); letter-spacing: .07em; text-transform: uppercase; color: var(--ink-faint); margin-bottom: 11px; } .pk-signals-head .eyebrow::before { content: "\00b7"; margin-right: 8px; } .pk-sig-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; } .pk-sig-list li { display: flex; align-items: flex-start; gap: 9px; flex: 1 1 280px; min-width: 0; font-size: var(--fs-sm); color: var(--ink-secondary); line-height: 1.5; } .pk-sig-dot { flex: 0 0 auto; width: 6px; height: 6px; margin-top: 6px; border-radius: 50%; background: var(--ink-faint); } .is-packed-signals .pk-sig-dot { background: var(--suspicious); } .pk-none { display: flex; align-items: flex-start; gap: 9px; margin: 0; font-size: var(--fs-sm); color: var(--ink-muted); line-height: 1.55; } .pk-none .ic { width: 15px; height: 15px; flex: 0 0 auto; margin-top: 2px; color: var(--clean); } @media (max-width: 720px) { .pk-hero { grid-template-columns: 44px minmax(0, 1fr); } .pk-conf { grid-column: 1 / -1; width: 100%; text-align: left; } .pk-conf-bar { margin: 8px 0 5px; } } .ov-card { overflow: hidden; } .ov-verdict { display: flex; align-items: flex-start; gap: 26px; padding: 22px 24px; border-bottom: 1px solid var(--border); border-left: 3px solid var(--border-strong); background: var(--surface); } .ov-verdict.is-clean { border-left-color: var(--clean); } .ov-verdict.is-suspicious { border-left-color: var(--suspicious); } .ov-verdict.is-malicious { border-left-color: var(--malicious); } .ov-verdict .gauge { flex: 0 0 auto; } .ov-why { min-width: 0; flex: 1 1 auto; } .ov-why-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .ov-why-head h2 { display: flex; align-items: center; gap: 8px; font-size: var(--fs-lg); font-weight: var(--fw-bold); margin: 0; } .ov-why-head h2 .ic { width: 17px; height: 17px; color: var(--ink-muted); } .ov-contribs { display: grid; gap: 16px 26px; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); } .ov-contrib-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; } .ov-contrib-kind { font: var(--fw-bold) var(--fs-micro)/1 var(--font-sans); letter-spacing: .07em; text-transform: uppercase; color: var(--ink-secondary); } .ov-reasons { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; } .ov-reasons li { position: relative; padding-left: 15px; font-size: var(--fs-sm); color: var(--ink-secondary); line-height: 1.5; } .ov-reasons li:before { content: ""; position: absolute; left: 3px; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--ink-faint); } .ov-facts { display: flex; flex-wrap: wrap; margin-right: -1px; } .ov-fact { display: flex; flex-direction: column; gap: 5px; min-width: 0; flex: 1 1 196px; padding: 13px 16px; background: var(--surface); border-right: 1px solid var(--border); border-top: 1px solid var(--border); } .ov-fact-wide { flex: 2 1 392px; } .ov-fact:last-child { border-right: 0; } .ov-fact .k { font: var(--fw-medium) var(--fs-micro)/1 var(--font-sans); letter-spacing: .09em; text-transform: uppercase; color: var(--ink-faint); } .ov-fact .v { font-size: var(--fs-base); color: var(--ink); min-width: 0; overflow-wrap: anywhere; } .ov-fact .v.chips { display: flex; flex-wrap: wrap; gap: 5px; } .ov-fact .v.mono { font-family: var(--font-mono); font-size: var(--fs-sm); } .ov-os { display: flex; align-items: center; gap: 7px; } .ov-os .os-ic { width: 15px; height: 15px; flex: 0 0 auto; } @media (max-width: 700px) { .ov-verdict { flex-direction: column; align-items: center; text-align: center; gap: 16px; } .ov-why-head { justify-content: center; } .ov-reasons li { text-align: left; } .ov-fact-wide { flex: 1 1 196px; } } .drop-note { display: flex; align-items: flex-start; gap: 9px; margin: 0; padding: 11px 16px; border-bottom: 1px solid var(--border); background: var(--surface-sunken); font-size: var(--fs-sm); color: var(--ink-muted); line-height: 1.55; } .drop-note .ic { width: 15px; height: 15px; flex: 0 0 auto; margin-top: 2px; } .froq-table td { vertical-align: top; } .fro-t { word-break: break-all; line-height: 1.45; } .fro-val { font-size: var(--fs-sm); color: var(--ink-secondary); margin-top: 3px; word-break: break-all; } .fro-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 4px; } .fro-meta > span { font-size: var(--fs-micro); color: var(--ink-muted); } .fro-src { font-size: var(--fs-micro); letter-spacing: .02em; padding: 1px 7px; border-radius: var(--radius-lg); background: var(--surface-sunken); color: var(--ink-secondary); border: 1px solid var(--border); white-space: nowrap; cursor: help; } .fro-flag { margin-left: 7px; font-size: 9.5px; font-weight: var(--fw-bold); letter-spacing: .05em; text-transform: uppercase; padding: 2px 6px; border-radius: var(--radius-sm); background: var(--malicious-soft); color: var(--malicious); vertical-align: 2px; } tr.fro-key td { background: color-mix(in srgb, var(--malicious) 4%, transparent); } tr.fro-key .fro-t { font-weight: var(--fw-medium); } .drop-seen { margin-left: 8px; font-size: var(--fs-micro); white-space: nowrap; vertical-align: middle; } .slot-full { color: var(--suspicious); font-weight: var(--fw-medium); } .attn-card { margin-bottom: 22px; } .attn-list { display: flex; flex-direction: column; } .attn-row { display: flex; align-items: center; gap: 12px; padding: 12px 18px; border-top: 1px solid var(--border-subtle); color: var(--ink); } .attn-list > :first-child { border-top: 0; } a.attn-row:hover { background: var(--surface-raised); } .attn-sev { flex: none; width: 3px; align-self: stretch; border-radius: var(--radius-xs); background: var(--ink-faint); } .attn-sev-high { background: var(--malicious); } .attn-sev-med { background: var(--suspicious); } .attn-sev-info { background: var(--accent); } .attn-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; } .attn-title { font-size: var(--fs-base); font-weight: var(--fw-medium); } .attn-sub { font-size: var(--fs-sm); color: var(--ink-muted); } .attn-go { width: 15px; height: 15px; color: var(--ink-faint); flex: none; } a.attn-row:hover .attn-go { color: var(--accent); } .attn-clear { display: flex; align-items: center; gap: 12px; } .data th.col-verdict, .data td.col-verdict { width: 1%; white-space: nowrap; } .data th.col-age, .data td.col-age { width: 1%; white-space: nowrap; font-size: var(--fs-sm); } .data th.col-when, .data td.col-when { width: 1%; white-space: nowrap; } .col-when { font-variant-numeric: tabular-nums; font-size: var(--fs-sm); } .col-when .when-d { color: var(--ink-secondary); } .col-when .when-t { color: var(--ink-faint); margin-left: 6px; } .data th.col-min, .data td.col-min { width: 1%; white-space: nowrap; } .data th.col-grow, .data td.col-grow { width: 100%; } .data th.col-flush, .data td.col-flush { width: 100%; padding: 0; } .data-sticky thead th { position: sticky; top: 0; z-index: 2; background: var(--surface); box-shadow: inset 0 -1px 0 var(--border); } .submit-consent { display: flex; flex-direction: column; gap: 8px; padding: 12px 18px; margin-top: 12px; background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-lg) var(--radius-lg) 0 0; border-bottom: 0; } .consent-line { display: flex; align-items: flex-start; gap: 10px; font-size: var(--fs-sm); line-height: 1.5; color: var(--ink-secondary); cursor: pointer; max-width: 96ch; } .consent-line input { margin-top: 2px; flex: none; accent-color: var(--accent); } .consent-line b { color: var(--ink); font-weight: var(--fw-medium); } .consent-line a { color: var(--accent); font-weight: var(--fw-medium); } .submit-consent + .submit-bar { border-top-left-radius: 0; border-top-right-radius: 0; } .submit-bar { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 12px 18px; margin-top: 4px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: 0 -6px 18px rgba(16, 24, 40, .06); } .submit-bar-facts { font-size: var(--fs-sm); color: var(--ink-muted); display: flex; align-items: center; gap: 7px; flex-wrap: wrap; } .submit-bar-facts .ic { color: var(--ink-faint); flex: none; } .submit-bar-actions { display: flex; align-items: center; gap: 14px; } .upload-prog { display: flex; align-items: center; gap: 9px; } .upload-prog[hidden] { display: none; } .upload-prog-track { position: relative; width: 150px; height: 6px; border-radius: 999px; background: var(--surface-sunken); overflow: hidden; } .upload-prog-fill { position: absolute; left: 0; top: 0; height: 100%; width: 0; border-radius: 999px; background: var(--accent); transition: width .12s linear; } .upload-prog-label { font-size: var(--fs-sm); color: var(--ink-muted); font-variant-numeric: tabular-nums; white-space: nowrap; min-width: 3.5ch; } .upload-prog.is-processing .upload-prog-fill { width: 40%; animation: uprog-sweep 1.1s ease-in-out infinite; } .upload-prog.is-processing .upload-prog-track { background: var(--surface-sunken); } @keyframes uprog-sweep { from { left: -45%; } to { left: 100%; } } @media (max-width: 760px) { .submit-bar { flex-direction: column; align-items: stretch; } .submit-bar .btn { width: 100%; justify-content: center; } } .chip-ico { display: inline-flex; align-items: center; gap: 6px; } .chip-ico .ic { width: 12px; height: 12px; flex: none; opacity: .85; } [data-panel="export"] .card + .card { margin-top: 16px; } .crumb-stats { display: flex; align-items: center; gap: 4px; flex: 0 1 auto; min-width: 0; max-width: min(52vw, 800px); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; padding: 1px 0; margin-left: 4px; } .crumb-stats::-webkit-scrollbar { display: none; } .crumb-stat-none { font-variant-numeric: normal; color: var(--ink-muted); } .crumb-stat { display: inline-flex; align-items: center; gap: 5px; flex: none; padding: 3px 8px; border-radius: var(--radius-pill); border: 1px solid var(--border-subtle); background: var(--surface); font-size: var(--fs-micro); font-weight: var(--fw-bold); color: var(--ink-secondary); font-variant-numeric: tabular-nums; line-height: 1.4; white-space: nowrap; } .crumb-stat .ic { width: 11px; height: 11px; color: var(--ink-faint); flex: none; } .crumb-stat em { font-style: normal; font-weight: var(--fw-medium); color: var(--ink-muted); font-variant-numeric: normal; margin-left: 1px; } @media (max-width: 1660px) { .crumb-stats { max-width: min(42vw, 500px); } } @media (max-width: 1280px) { .crumb-stats { display: none; } } .lp { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; } .lp-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lp-btn { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; border-radius: var(--radius-sm); cursor: pointer; border: 1px solid var(--border); background: var(--surface); color: var(--ink-muted); transition: background .12s, color .12s, border-color .12s; } .lp-btn .ic { width: 11px; height: 11px; } .lp-btn:hover { background: var(--accent-soft); color: var(--accent); border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); } .lp-modal { position: fixed; inset: 0; z-index: 90; display: flex; align-items: center; justify-content: center; padding: 24px; background: color-mix(in srgb, var(--ink) 42%, transparent); } .lp-modal[hidden] { display: none; } body.lp-open { overflow: hidden; } .lp-panel { width: min(720px, 100%); max-height: 80vh; overflow: auto; background: var(--surface-raised); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 24px 60px -24px rgba(16, 24, 40, .45); padding: 18px 20px 16px; } .lp-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; } .lp-title { font-size: var(--fs-base); font-weight: var(--fw-bold); color: var(--ink); } .lp-close { border: 0; background: none; font-size: 22px; line-height: 1; cursor: pointer; color: var(--ink-muted); padding: 0 4px; } .lp-close:hover { color: var(--ink); } .lp-value { font-size: var(--fs-sm); line-height: 1.6; color: var(--ink); background: var(--surface-sunken); border: 1px solid var(--border-subtle); border-radius: var(--radius-sm); padding: 11px 13px; word-break: break-all; white-space: pre-wrap; } .lp-parts { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 4px 14px; margin: 14px 0 0; font-size: var(--fs-sm); } .lp-parts dt { color: var(--ink-muted); font-weight: var(--fw-bold); } .lp-parts dd { margin: 0; color: var(--ink); word-break: break-all; white-space: pre-wrap; } .lp-foot { display: flex; align-items: center; gap: 12px; margin-top: 16px; flex-wrap: wrap; } .lp-note { font-size: var(--fs-micro); color: var(--ink-muted); } .submit-head { display: flex; align-items: center; gap: 14px; } .submit-head-ico { flex: none; width: 46px; height: 46px; border-radius: var(--radius-lg); display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(150deg, color-mix(in srgb, var(--accent) 18%, var(--surface)), color-mix(in srgb, var(--accent) 7%, var(--surface))); color: var(--accent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent); } .submit-head-ico .ic { width: 22px; height: 22px; } .eyebrow-ico { --et: var(--accent); display: inline-flex; align-items: center; gap: 8px; } .eyebrow-ico .eyebrow-chip { width: 22px; height: 22px; border-radius: var(--radius-sm); flex: none; display: inline-flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--et) 13%, var(--surface)); color: var(--et); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--et) 26%, transparent); } .eyebrow-ico .eyebrow-chip .ic { width: 12px; height: 12px; } .tone-sample { --et: var(--accent); } .tone-guard { --et: var(--chart-3); } .tone-script { --et: var(--chart-2); } .tone-layers { --et: var(--suspicious); } .tone-net { --et: var(--clean); } .tone-deton { --et: var(--malicious); } .deton-adv-group { --dt: var(--accent); border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-raised); margin-bottom: 10px; overflow: hidden; } .deton-adv-group:hover { border-color: color-mix(in srgb, var(--dt) 40%, var(--border)); } .deton-adv-group[open] { border-color: color-mix(in srgb, var(--dt) 45%, var(--border)); } .deton-tone-launch { --dt: var(--accent); } .deton-tone-evasion { --dt: var(--chart-3); } .deton-tone-capture { --dt: var(--chart-2); } .deton-adv-group > summary { cursor: pointer; list-style: none; } .deton-adv-group > summary::-webkit-details-marker { display: none; } .deton-adv-group > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; } .deton-adv-head { display: flex; align-items: center; gap: 13px; flex-wrap: nowrap; margin: 0; padding: 13px 16px; border-bottom: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--dt) 7%, transparent), transparent 62%); text-transform: none; letter-spacing: 0; font-size: inherit; color: inherit; transition: background .12s ease; } .deton-adv-group[open] > .deton-adv-head { border-bottom: 1px solid var(--border-subtle); } .deton-adv-head:hover { background: linear-gradient(90deg, color-mix(in srgb, var(--dt) 13%, transparent), transparent 70%); } .deton-adv-ico { flex: none; width: 34px; height: 34px; border-radius: var(--radius-lg); display: inline-flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--dt) 12%, var(--surface)); color: var(--dt); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dt) 26%, transparent); } .deton-adv-ico .ic { width: 17px; height: 17px; } .deton-adv-txt { display: grid; gap: 2px; min-width: 0; flex: 1 1 auto; } .deton-adv-t { font-size: var(--fs-base); font-weight: var(--fw-bold); color: var(--ink); text-transform: none; letter-spacing: 0; } .deton-adv-head .deton-adv-sub { margin-left: 0; text-transform: none; letter-spacing: 0; font-weight: var(--fw-medium); font-size: var(--fs-sm); color: var(--ink-muted); line-height: 1.4; } .deton-adv-n { flex: none; font-size: var(--fs-micro); font-weight: var(--fw-bold); color: var(--ink-muted); background: var(--surface-sunken); border: 1px solid var(--border-subtle); border-radius: var(--radius-pill); padding: 2px 9px; white-space: nowrap; } .deton-adv-toggle { flex: none; display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-sm); font-weight: var(--fw-bold); color: var(--dt); padding: 5px 10px; border-radius: var(--radius-pill); border: 1px solid color-mix(in srgb, var(--dt) 32%, transparent); background: color-mix(in srgb, var(--dt) 8%, transparent); } .deton-adv-head:hover .deton-adv-toggle { background: color-mix(in srgb, var(--dt) 16%, transparent); } .deton-adv-chev { width: 13px; height: 13px; transition: transform .15s ease; } .deton-adv-group[open] .deton-adv-chev { transform: rotate(90deg); } .deton-adv-group[open] .deton-adv-word::after { content: "Hide"; } .deton-adv-group[open] .deton-adv-word { font-size: 0; } .deton-adv-group[open] .deton-adv-word::after { font-size: var(--fs-sm); } .deton-adv-group > .deton-adv-grid { padding: 14px 16px 16px; } @media (max-width: 640px) { .deton-adv-n { display: none; } .deton-adv-head { gap: 10px; padding: 11px 12px; } } .deton-adv-changed { margin-left: 8px; font-size: var(--fs-micro); font-weight: var(--fw-bold); color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, transparent); border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent); border-radius: var(--radius-pill); padding: 1px 7px; } .ov-layers { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 24px 14px; border-bottom: 1px solid var(--border-subtle); } .ov-layer { display: inline-flex; align-items: baseline; gap: 7px; padding: 4px 10px; border-radius: var(--radius-pill); border: 1px solid var(--border); background: var(--surface-raised); font-size: var(--fs-sm); line-height: 1.4; } .ov-layer-n { font-weight: var(--fw-bold); color: var(--ink); } .ov-layer-s { font-size: var(--fs-micro); color: var(--ink-secondary); } .ov-layer-ok { border-color: var(--clean-line); } .ov-layer-ok .ov-layer-s { color: var(--clean-ink); } .ov-layer-failed { border-color: var(--malicious-line); background: var(--malicious-soft); } .ov-layer-failed .ov-layer-s { color: var(--malicious); font-weight: var(--fw-bold); } .ov-layer-skipped { opacity: .8; } .ov-layer-why { margin: 10px 24px 0; font-size: var(--fs-sm); color: var(--ink-secondary); } .ov-found { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--border); } .ov-found-head { font: var(--fw-bold) var(--text-2xs)/1 var(--font-sans); text-transform: uppercase; letter-spacing: .07em; color: var(--ink-secondary); margin-bottom: 10px; } .ov-found-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; } .ov-found-list li { display: flex; align-items: baseline; gap: 9px; font-size: var(--fs-base); color: var(--ink); line-height: 1.45; } .ov-found-note { margin: 10px 0 0; font-size: var(--fs-sm); color: var(--suspicious-ink); } .run-failed { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; padding: 14px 18px; border-radius: var(--radius); border: 1px solid var(--malicious-line); border-left: 3px solid var(--malicious); background: var(--malicious-soft); } .run-failed .ic { width: 18px; height: 18px; flex: none; margin-top: 1px; color: var(--malicious); } .run-failed-h { font-size: var(--fs-base); font-weight: var(--fw-bold); color: var(--ink); } .run-failed-p { margin: 3px 0 0; font-size: var(--fs-sm); color: var(--ink-secondary); line-height: 1.5; } .cap-note { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 16px; padding: 11px 14px; border-radius: var(--radius); border: 1px solid var(--border); border-left: 3px solid var(--info); background: var(--surface); font-size: var(--fs-sm); color: var(--ink-secondary); line-height: 1.5; } .cap-note .ic { width: 15px; height: 15px; flex: none; margin-top: 2px; color: var(--info); } .cap-note b { color: var(--ink); font-weight: var(--fw-bold); } .run-how { margin-top: 12px; display: grid; gap: 5px; } .run-how-r { display: flex; align-items: baseline; gap: 10px; font-size: var(--fs-sm); min-width: 0; } .run-how-r .k { flex: 0 0 74px; font: var(--fw-medium) var(--fs-micro)/1.6 var(--font-sans); text-transform: uppercase; letter-spacing: .08em; color: var(--ink-faint); } .run-how-r .v { min-width: 0; color: var(--ink-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .froq-scope[hidden], .froq-scope-note[hidden] { display: none !important; } .froq-sort-btn { display: inline-flex; align-items: center; gap: 4px; font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; } .froq-sort-btn:hover { color: var(--accent); } .froq-count { font-size: var(--fs-sm); color: var(--ink-secondary); margin-left: auto; white-space: nowrap; } .ti-source-miss { border-color: var(--border); color: var(--ink-secondary); } .ti-source-skip { border-color: var(--border); color: var(--ink-faint); opacity: .85; } .intel-ic-notfound { color: var(--ink-faint); } .ystruct-head { margin: 12px 0 7px; font: var(--fw-bold) var(--text-2xs)/1 var(--font-sans); text-transform: uppercase; letter-spacing: .07em; color: var(--ink-secondary); } .rh-preview { display: flex; align-items: center; justify-content: center; min-height: 132px; margin: 12px 0 16px; padding: 14px; border: 1px solid var(--border); border-radius: var(--radius); background-color: var(--surface-raised); background-image: linear-gradient(45deg, var(--surface-sunken) 25%, transparent 25%), linear-gradient(-45deg, var(--surface-sunken) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--surface-sunken) 75%), linear-gradient(-45deg, transparent 75%, var(--surface-sunken) 75%); background-size: 14px 14px; background-position: 0 0, 0 7px, 7px -7px, -7px 0; } .rh-preview img { max-width: 100%; max-height: 260px; image-rendering: pixelated; } .rh-dl { margin-left: auto; } .rh-prev-title { display: flex; align-items: center; gap: 8px; } .kv-row-edit { align-items: center; } .kv-edit { display: flex; align-items: center; gap: 8px; } .kv-edit .input { flex: 1 1 auto; min-width: 0; max-width: 320px; } .kv-edit .btn { flex: none; white-space: nowrap; } .pw-form { display: grid; gap: 12px; max-width: 380px; } .pw-form .field { display: grid; gap: 5px; } .pw-form label { font: var(--fw-medium) var(--fs-sm)/1.2 var(--font-sans); color: var(--ink-secondary); } .field-err { margin: 0; font-size: var(--fs-sm); color: var(--malicious-ink); } .os-box-locked { opacity: .55; cursor: not-allowed; } .os-box-locked .os-box-inner { border-style: dashed; } .os-box-locked .os-name::after { content: "plan"; margin-left: 6px; padding: 1px 5px; border-radius: var(--radius-sm); font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: .06em; text-transform: uppercase; background: var(--surface-sunken); color: var(--ink-secondary); } .opt-na { opacity: .45; pointer-events: none; } .linux-note[hidden] { display: none; } .linux-note { display: flex; align-items: flex-start; gap: 8px; grid-column: 1 / -1; margin: 0 0 -4px; padding: 10px 12px; border-radius: var(--radius); border: 1px solid var(--border); border-left: 3px solid var(--info); background: var(--surface); color: var(--ink-secondary); font-size: var(--fs-sm); max-width: 96ch; } .linux-note .ic { width: 15px; height: 15px; flex: none; margin-top: 1px; color: var(--info); } .public-shell { background: var(--bg); min-height: 100vh; display: flex; flex-direction: column; } .public-shell > .public-wrap { flex: 1 0 auto; width: 100%; } .public-shell > .public-top, .public-shell > .public-foot { flex: none; } .public-top { min-height: var(--topbar-h); background: var(--surface); border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px max(28px, calc((100% - 1144px) / 2)); position: sticky; top: 0; z-index: 10; } .public-brand { display: flex; align-items: center; gap: 18px; min-width: 0; } .public-brand-link { display: flex; align-items: center; gap: 10px; color: inherit; } .public-top .brand-name { color: var(--ink); } .public-nav { display: flex; align-items: center; gap: 14px; min-width: 0; } .public-nav a { font-size: var(--text-sm); font-weight: var(--fw-medium); color: var(--ink-muted); padding: 4px 8px; border-radius: var(--radius-sm); white-space: nowrap; } .public-nav a:hover { color: var(--accent-ink); background: var(--accent-soft); } .public-wrap { max-width: 1200px; margin: 0 auto; padding: 28px; } .pub-trail { margin: 0 0 14px; min-width: 0; } .pub-trail-list { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: var(--fs-sm); line-height: 1.5; } .pub-trail-item { display: flex; align-items: center; gap: 6px; min-width: 0; } .pub-trail-link { color: var(--ink-muted); text-decoration: none; border-radius: 4px; padding: 1px 4px; margin: 0 -4px; max-width: 22ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pub-trail-link:hover { color: var(--accent-ink); background: var(--accent-soft); } .pub-trail-sep { color: var(--border-strong); opacity: .6; } .pub-trail-here { color: var(--ink); font-weight: 500; max-width: 34ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 640px) { .pub-trail-here { max-width: 18ch; } .pub-trail-link { max-width: 14ch; } } .public-ident-crumb { min-width: 0; flex: 1 1 0; } .public-top-actions { display: flex; align-items: center; gap: 10px; flex: none; margin-left: auto; flex-wrap: wrap; justify-content: flex-end; } .public-top .btn { padding: 6px 12px; font-size: var(--fs-sm); } .public-ident-dl { flex: none; white-space: nowrap; } .public-foot { max-width: 1200px; margin: 0 auto; padding: 24px 28px 40px; border-top: 1px solid var(--border-subtle); color: var(--ink-muted); font-size: var(--text-sm); display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: baseline; justify-content: space-between; } .public-foot p { margin: 0; max-width: 62ch; } .public-foot nav { display: flex; gap: 16px; flex-wrap: wrap; } .public-foot nav a { font-weight: var(--fw-medium); } .public-shell.report-page > .public-wrap { max-width: 1720px; padding: 18px; } .public-shell.report-page > .public-foot { max-width: 1720px; padding: 24px 18px 40px; } .public-shell.report-page > .public-top { padding: 10px max(18px, calc((100% - 1684px) / 2)); min-height: 61px; } .public-shell.report-page .public-ident-crumb .scan-crumb { width: 100%; } .public-shell.report-page .public-ident-crumb .scan-crumb-id { margin-right: auto; } @media (max-width: 1400px) { .public-shell.report-page > .public-top .public-nav { display: none; } } @media (max-width: 1100px) { .public-shell.report-page > .public-top { flex-wrap: wrap; row-gap: 10px; } .public-shell.report-page > .public-top > .public-ident-crumb { flex: 1 0 100%; order: 3; } } @media (max-width: 620px) { .public-shell > .public-top > .public-ident-crumb { flex: 1 0 100%; order: 3; } } .public-shell.report-page > .public-wrap:has(> .finishing-stage) { display: flex; flex-direction: column; } @media (max-width: 900px) { .public-shell.report-page > .public-wrap { padding: 18px 16px; } .public-shell.report-page > .public-top { padding: 10px 16px; } .public-shell.report-page > .public-foot { padding: 20px 16px 32px; } } .seo-runs { margin-top: 20px; } .seo-runs-note { margin: 0 0 12px; } .seo-run-shown > td { background: var(--accent-soft); } .seo-run-shown > td:first-child { box-shadow: inset 2px 0 0 var(--accent); } .seo-run-tag { display: inline-block; margin-left: 8px; padding: 1px 7px; border-radius: var(--radius-pill); background: var(--accent); color: #fff; font-family: var(--font-sans); font-size: var(--fs-micro); font-weight: var(--fw-medium); letter-spacing: .02em; vertical-align: 1px; } .pill-unknown { background: transparent; color: var(--ink-secondary); border: 1px solid var(--border-strong); } .pill-unknown::before { display: none; } .seo-hero { display: flex; align-items: flex-start; gap: 14px; flex-wrap: wrap; padding: 20px 22px; margin-bottom: 20px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-sm); } .seo-hero-ic { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border-radius: var(--radius-sm); background: var(--accent-soft); border: 1px solid var(--accent-line); color: var(--accent-ink); } .seo-hero-ic .ic { width: 19px; height: 19px; } .seo-hero-body { flex: 1 1 320px; min-width: 0; } .seo-hero-kind { font-size: var(--text-2xs); font-weight: var(--fw-bold); letter-spacing: .07em; text-transform: uppercase; color: var(--ink-faint); } .seo-hero h1 { margin: 2px 0 6px; font-size: var(--text-2xl); line-height: 1.25; font-family: var(--font-mono); font-weight: var(--fw-bold); color: var(--ink); overflow-wrap: anywhere; word-break: break-word; } .seo-hero h1 .cflag { margin-right: 8px; vertical-align: baseline; } .seo-hero p { margin: 0; color: var(--ink-secondary); font-size: var(--text-md); max-width: 78ch; } .seo-hero-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; } .seo-summary { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 20px; } .seo-summary .stat-tile { flex: 1 1 150px; padding: 12px 14px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); } .seo-hero .seo-summary { flex: 0 1 300px; margin-bottom: 0; align-self: center; align-items: stretch; gap: 8px; } .seo-hero .seo-summary .stat-tile { flex: 1 1 88px; background: var(--surface-sunken); padding: 10px 12px; } .seo-summary .stat-num { font-size: var(--text-xl); font-weight: var(--fw-bold); color: var(--ink); } .seo-summary .stat-num.is-mal { color: var(--malicious-ink); } .seo-summary .stat-num.is-sus { color: var(--suspicious-ink); } .seo-summary .stat-label { font-size: var(--text-2xs); text-transform: uppercase; letter-spacing: .06em; color: var(--ink-faint); font-weight: var(--fw-medium); } .seo-table { min-width: 700px; } .seo-table th:first-child, .seo-table td:first-child { min-width: 160px; } .seo-table td .seo-name { font-weight: var(--fw-medium); overflow-wrap: anywhere; } .seo-table td .hash { white-space: nowrap; } .seo-table td { vertical-align: top; } .seo-facets { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-top: 20px; } .seo-cloud { display: flex; gap: 8px; flex-wrap: wrap; } .seo-cloud a.chip { color: var(--ink-secondary); } .seo-cloud a.chip:hover { border-color: var(--accent-line); color: var(--accent-ink); background: var(--accent-soft); } @media (max-width: 900px) { .public-top { padding: 8px 16px; } .public-wrap { padding: 18px 16px; } .public-foot { padding: 20px 16px 32px; } .seo-hero { padding: 16px; } .seo-hero h1 { font-size: var(--text-xl); } .seo-hero .seo-summary { flex: 1 1 100%; } .seo-table { min-width: 0; } .seo-table td.hash a { display: inline-block; max-width: 22ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; } } @media (max-width: 620px) { .public-top { flex-wrap: wrap; } .public-brand { gap: 12px; } } .priv-effects { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin-top: 14px; } .priv-col { background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 10px 12px; min-width: 0; } .priv-col-head { display: flex; align-items: center; gap: 6px; margin-bottom: 7px; font-size: var(--fs-sm); font-weight: var(--fw-bold); color: var(--ink); } .priv-col-head .ic { width: 13px; height: 13px; color: var(--ink-muted); } .priv-col ul { margin: 0; padding-left: 15px; } .priv-col li { font-size: var(--fs-sm); line-height: 1.5; color: var(--ink-secondary); margin-bottom: 3px; } .priv-col li:last-child { margin-bottom: 0; } .priv-note { display: flex; gap: 7px; margin: 12px 0 0; font-size: var(--fs-sm); line-height: 1.55; color: var(--ink-muted); max-width: 96ch; } .priv-note .ic { width: 13px; height: 13px; flex: none; margin-top: 2px; } .fam-card { border-left: 3px solid var(--border-strong); } .fam-confirmed { border-left-color: var(--malicious); } .fam-probable { border-left-color: var(--suspicious); } .fam-possible { border-left-color: var(--info); } .fam-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .fam-name { font-size: var(--fs-xl); font-weight: var(--fw-bold); color: var(--ink); } .fam-conf { font-size: var(--fs-micro); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.04em; padding: 3px 8px; border-radius: var(--radius-sm); } .fam-conf-confirmed { background: var(--malicious-soft); color: var(--malicious); } .fam-conf-probable { background: var(--suspicious-soft); color: var(--suspicious-ink); } .fam-conf-possible { background: var(--info-soft); color: var(--info-ink); } .fam-why { margin: 7px 0 12px; font-size: var(--fs-sm); color: var(--ink-muted); line-height: 1.55; } .fam-kind { font-size: var(--fs-micro); font-weight: var(--fw-medium); text-transform: uppercase; letter-spacing: 0.03em; color: var(--ink-secondary); } .fam-alts { margin-top: 12px; font-size: var(--fs-sm); color: var(--ink-muted); } .fam-alt { display: inline-flex; align-items: baseline; gap: 5px; margin-left: 6px; padding: 2px 8px; border: 1px solid var(--border); border-radius: var(--radius-sm); color: var(--ink-secondary); } .fam-alt em { font-style: normal; font-size: var(--fs-micro); color: var(--ink-faint); text-transform: uppercase; } .lic-ob { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 7px; vertical-align: middle; flex: none; } .lic-ob-restricted { background: var(--malicious); } .lic-ob-copyleft { background: var(--suspicious); } .lic-ob-attribution { background: var(--accent); } .lic-ob-public-domain { background: var(--clean); } .lic-ob-unknown { background: var(--ink-faint); } .lic-ob-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; } .lic-ob-tile { display: inline-flex; align-items: center; gap: 3px; font-size: var(--fs-sm); color: var(--ink-secondary); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 6px 12px; } .lic-ob-tile b { color: var(--ink); font-size: var(--fs-base); font-weight: var(--fw-bold); } .lic-ob-tile-restricted { border-color: color-mix(in srgb, var(--malicious) 40%, transparent); } .sig-table td { vertical-align: top; padding-top: 11px; padding-bottom: 11px; } tr.sig-row { display: table-row; } .sig-table tr.sig-row > td:first-child { border-left: 3px solid transparent; } .sig-table tr.sig-row-high > td:first-child { border-left-color: var(--malicious); } .sig-table tr.sig-row-med > td:first-child { border-left-color: var(--suspicious); } .sig-table tr.sig-row-low > td:first-child { border-left-color: var(--info); } .sig-table tr.sig-row-info > td:first-child { border-left-color: var(--border-strong); } .sig-row { border-left: 3px solid transparent; } .sig-row-high { border-left-color: var(--malicious); } .sig-row-med { border-left-color: var(--suspicious); } .sig-row-low { border-left-color: var(--info); } .sig-row-info { border-left-color: var(--border-strong); } .sig-table .sig-title { margin-bottom: 2px; } .sig-table .sig-ev { margin-top: 0; border-left: 0; padding-left: 0; } .sig-table .sig-ev-kind { width: auto; min-width: 66px; white-space: nowrap; } .sig-table .sig-common { margin-top: 6px; } .sig-table .sig-src { border: 0; padding: 0; } .samp-cell { display: flex; align-items: center; width: 100%; min-width: 0; } .samp-dl { flex: 0 0 24px; display: inline-flex; align-items: center; margin-right: 8px; } .samp-cell .scan-name-link { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .samp-tags { flex: none; margin-left: 10px; } .gauge-scale { display: flex; flex-direction: column; gap: 3px; margin-top: 10px; } .gs-band { font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: .03em; text-transform: uppercase; color: var(--ink-faint); padding: 2px 8px; border-radius: var(--radius-pill); background: var(--surface-sunken); text-align: center; } .gs-band.gs-on { color: #fff; } .gs-clean.gs-on { background: var(--clean); } .gs-susp.gs-on { background: var(--suspicious); } .gs-mal.gs-on { background: var(--malicious); } .grid.grid-activity { grid-template-columns: 1.7fr 1fr; } @media (max-width: 620px) { .grid.grid-activity { grid-template-columns: 1fr; } } :root { --danger: #C2333E; --danger-soft: #FDECEE; } .chip-warn { color: var(--suspicious-ink, #8A5A00); font-weight: var(--fw-medium); background: var(--suspicious-soft, #FFF7E6); border-color: color-mix(in srgb, var(--suspicious) 35%, transparent); } .btn-danger { background: var(--danger); border-color: var(--danger); } .icon-btn-danger:hover { color: var(--danger); border-color: var(--danger); background: var(--danger-soft); } .module-card.mod-emerald { --m: #0F766E; --m-soft: #ECFEFF; --m-deep: #115E59; } .module-card.mod-rose { --m: #4F46E5; --m-soft: #EEF2FF; --m-deep: #4338CA; } .pick-card { --pt: var(--accent); } .seg-opt { --st: var(--accent); } .chk-dynamic, .chk-ai { --c: var(--accent); } .vnc-canvas:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } .check.is-unavailable { opacity: .55; cursor: not-allowed; } .check.is-unavailable input { cursor: not-allowed; } .scanmodal[hidden] { display: none; } .scanmodal { position: fixed; inset: 0; z-index: 900; display: grid; place-items: center; padding: 24px; background: color-mix(in srgb, var(--shell) 62%, transparent); backdrop-filter: blur(2px); } body.scanmodal-open { overflow: hidden; } .scanmodal-card { width: 100%; max-width: 520px; max-height: 88vh; overflow: auto; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); padding: 22px 24px; } .scanmodal-head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; } .scanmodal-ico { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: var(--radius-lg); color: var(--accent); background: color-mix(in srgb, var(--accent) 13%, var(--surface)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 26%, transparent); } .scanmodal-ico .ic { width: 20px; height: 20px; } .scanmodal-head h2 { margin: 0 0 3px; font-size: var(--fs-lg); } .scanmodal-head p { margin: 0; font-size: var(--fs-sm); color: var(--ink-secondary); line-height: 1.5; } .scanmodal-bar { height: 6px; border-radius: var(--radius-xs); overflow: hidden; background: var(--surface-sunken); margin-bottom: 16px; } .scanmodal-fill { display: block; height: 100%; width: 0; border-radius: inherit; background: var(--accent); transition: width .35s ease; } .scanmodal-stages { list-style: none; margin: 0; padding: 0; max-height: 46vh; overflow: auto; } .scanmodal-stages li { display: flex; align-items: center; gap: 10px; padding: 6px 0; font-size: var(--fs-base); color: var(--ink-faint); transition: color .2s ease; } .scanmodal-dot { width: 13px; height: 13px; border-radius: 50%; flex: none; box-shadow: inset 0 0 0 1.5px var(--border-strong); } .scanmodal-stages li.is-running { color: var(--ink); font-weight: var(--fw-medium); } .scanmodal-stages li.is-running .scanmodal-dot { box-shadow: inset 0 0 0 1.5px var(--accent-line); border: 1.5px solid transparent; border-top-color: var(--accent); animation: scanmodal-spin .7s linear infinite; } .scanmodal-stages li.is-done { color: var(--ink-secondary); } .scanmodal-stages li.is-done .scanmodal-dot { background: var(--clean); box-shadow: none; } @keyframes scanmodal-spin { to { transform: rotate(360deg); } } .scanmodal-foot { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--border-subtle); font-size: var(--fs-sm); color: var(--ink-muted); } @media (prefers-reduced-motion: reduce) { .scanmodal-stages li.is-running .scanmodal-dot { animation: none; border-top-color: var(--accent); } .scanmodal-fill { transition: none; } } .wire-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 22px; align-items: start; } @media (max-width: 1100px) { .wire-layout { grid-template-columns: 1fr; } } .wire-spine { position: sticky; top: calc(var(--topbar-h) + 12px); } @media (max-width: 1100px) { .wire-spine { position: static; } } .wire-spine-grp { position: relative; font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: .07em; color: var(--ink-faint); font-weight: var(--fw-bold); padding: 0 0 6px 22px; margin-top: 16px; } .wire-spine-grp:first-child { margin-top: 0; } .wire-trace { position: relative; padding-left: 22px; } .wire-trace::before { content: ""; position: absolute; left: 6px; top: 11px; bottom: 11px; width: 1px; background: var(--border); } .wire-trace a { position: relative; display: flex; align-items: center; gap: 8px; padding: 4px 8px; border-radius: var(--radius-sm); font-size: var(--fs-sm); color: var(--ink-muted); line-height: 1.5; } .wire-trace a::before { content: ""; position: absolute; left: -19px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: var(--surface); border: 1.5px solid var(--border); transition: background .12s, border-color .12s, box-shadow .12s; } .wire-trace a:hover { background: var(--surface-sunken); color: var(--ink); } .wire-trace a:hover::before { border-color: var(--ink-faint); } .wire-trace a.active { background: var(--accent-tint); color: var(--accent); font-weight: var(--fw-medium); } .wire-trace a.active::before { background: var(--accent); border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-tint); } .wire-m { flex: 0 0 34px; text-align: center; font-family: var(--font-mono); font-size: 9.5px; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: .04em; padding: 2px 0; border-radius: var(--radius-xs); border: 1px solid transparent; color: var(--ink-faint); background: var(--surface-sunken); } .wire-m.get { background: var(--clean-soft); color: var(--clean-ink); border-color: var(--clean-line); } .wire-m.post { background: var(--accent-tint); color: var(--accent-ink); border-color: var(--accent-line); } .wire-m.rpc { background: var(--info-soft); color: var(--info-ink); border-color: var(--info-line); } .wire-trace a.active .wire-m { border-color: currentColor; } .wire-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wire-sec { scroll-margin-top: calc(var(--topbar-h) + 14px); } .ep[id], .wire-sec-head[id] { scroll-margin-top: calc(var(--topbar-h) + 14px); } .wire-sec + .wire-sec { margin-top: 34px; } .wire-sec-head { display: flex; align-items: baseline; gap: 11px; flex-wrap: wrap; border-bottom: 1px solid var(--border); padding-bottom: 9px; margin-bottom: 16px; } .wire-sec-head .n { font-family: var(--font-mono); font-size: var(--fs-sm); font-weight: var(--fw-bold); color: var(--accent); background: var(--accent-tint); border: 1px solid var(--accent-line); border-radius: var(--radius-sm); padding: 1px 7px; } .wire-sec-head h2 { margin: 0; font-size: var(--fs-lg); letter-spacing: -.01em; } .wire-sec-head p { margin: 0; font-size: var(--fs-sm); color: var(--ink-muted); flex: 1 1 340px; } .ep { border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); overflow: hidden; } .ep + .ep, .ep + .wire-strip, .wire-strip + .ep { margin-top: 14px; } .ep-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 11px 14px; } .ep-m { font-family: var(--font-mono); font-size: var(--fs-micro); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: .06em; padding: 2px 8px; border-radius: var(--radius-sm); border: 1px solid transparent; flex-shrink: 0; } .ep-m.get { background: var(--clean-soft); color: var(--clean-ink); border-color: var(--clean-line); } .ep-m.post { background: var(--accent-tint); color: var(--accent-ink); border-color: var(--accent-line); } .ep-m.rpc { background: var(--info-soft); color: var(--info-ink); border-color: var(--info-line); } .ep-path { font-family: var(--font-mono); font-size: var(--fs-base); color: var(--ink); font-weight: var(--fw-medium); } .ep-why { flex: 1 1 100%; font-size: var(--fs-sm); color: var(--ink-muted); margin: 0; } .ep-args { display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: 4px 14px; padding: 0 14px 12px; align-items: baseline; } .ep-args dt { font-family: var(--font-mono); font-size: var(--fs-sm); color: var(--ink); } .ep-args .t { font-family: var(--font-mono); font-size: var(--fs-micro); color: var(--ink-faint); white-space: nowrap; } .ep-args dd { margin: 0; font-size: var(--fs-sm); color: var(--ink-muted); } .ep-args .req { color: var(--suspicious-ink); } .ep-args.pair { grid-template-columns: auto auto; justify-content: start; column-gap: 12px; } .ep-title { font-size: var(--fs-sm); color: var(--ink-faint); } .wire-pane { background: var(--shell); color: var(--shell-ink); font-family: var(--font-mono); font-size: var(--fs-sm); line-height: 1.7; padding: 12px 14px; overflow-x: auto; white-space: pre; tab-size: 2; border-top: 1px solid #0e1826; } .ep .wire-pane:first-child { border-top: 0; } .wire-pane .p { color: var(--shell-faint); user-select: none; } .wire-pane .hdr { color: #9FB0C6; } .wire-pane .key { color: #8AB4F8; } .wire-pane .str { color: #E0A56A; } .wire-pane .num { color: #8FD3A8; } .wire-pane .dim { color: var(--shell-faint); } .wire-rule { display: block; height: 0; border-top: 1px dashed rgb(255 255 255 / .13); margin: 9px 0; } .wire-st { font-weight: var(--fw-bold); } .wire-st.ok { color: #6FD29A; } .wire-st.warn { color: #EBBA6A; } .wire-st.bad { color: #EC8290; } .wire-strip { border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); overflow: hidden; } .wire-strip table { width: 100%; border-collapse: collapse; } .wire-strip th { text-align: left; font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: .05em; color: var(--ink-faint); font-weight: var(--fw-bold); padding: 9px 14px; background: var(--surface-sunken); border-bottom: 1px solid var(--border); } .wire-strip td { padding: 9px 14px; font-size: var(--fs-sm); color: var(--ink-secondary); border-bottom: 1px solid var(--border-subtle); vertical-align: baseline; } .wire-strip tr:last-child td { border-bottom: 0; } .wire-strip td.k { font-family: var(--font-mono); color: var(--ink); white-space: nowrap; width: 1%; } .wire-strip td.c { font-family: var(--font-mono); white-space: nowrap; width: 1%; font-weight: var(--fw-bold); } .wire-strip td.c.ok { color: var(--clean-ink); } .wire-strip td.c.warn { color: var(--suspicious-ink); } .wire-strip td.c.bad { color: var(--malicious-ink); } .wire-bound { display: flex; gap: 12px; padding: 13px 15px; border: 1px solid var(--border); border-left: 3px solid var(--tone, var(--accent)); border-radius: var(--radius-lg); background: var(--surface); } .wire-bound + .wire-bound { margin-top: 10px; } .wire-bound svg { width: 18px; height: 18px; flex-shrink: 0; color: var(--tone, var(--accent)); margin-top: 1px; } .wire-bound h3 { margin: 0 0 3px; font-size: var(--fs-base); } .wire-bound p { margin: 0; font-size: var(--fs-sm); color: var(--ink-muted); } .wire-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } @media (max-width: 820px) { .wire-steps { grid-template-columns: 1fr; } } .wire-step { border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); padding: 13px 15px; position: relative; } .wire-step .i { font-family: var(--font-mono); font-size: var(--fs-micro); font-weight: var(--fw-bold); color: var(--accent); letter-spacing: .06em; } .wire-step h3 { margin: 3px 0 4px; font-size: var(--fs-base); } .wire-step p { margin: 0; font-size: var(--fs-sm); color: var(--ink-muted); } .wire-step code { font-size: var(--fs-sm); } .ptg-tools { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .ptg-find { flex: 1; display: flex; align-items: center; gap: 8px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); padding: 0 11px; height: 34px; } .ptg-find .ic { width: 15px; height: 15px; color: var(--ink-faint); flex: none; } .ptg-find input { flex: 1; min-width: 0; border: 0; background: none; outline: none; font: inherit; font-size: var(--fs-sm); color: var(--ink-primary); height: 100%; } .ptg-count { font-size: var(--fs-sm); color: var(--ink-muted); flex: none; font-variant-numeric: tabular-nums; } .ptg-canvas { position: relative; overflow: auto; padding: 4px 8px 10px 2px; max-height: 620px; } .ptg-wires { position: absolute; top: 0; left: 0; pointer-events: none; overflow: visible; } .ptg-wire { fill: none; stroke: var(--accent-line); stroke-width: 1.5; } .ptg-wire.on { stroke: var(--accent); } .ptg-roots { position: relative; display: flex; flex-direction: column; gap: 10px; width: max-content; min-width: 100%; } .ptg-branch { display: flex; align-items: center; gap: 52px; } .ptg-kids { display: flex; flex-direction: column; gap: 10px; } .ptg-cut { font-size: var(--fs-sm); color: var(--ink-faint); border-left: 2px solid var(--border); padding: 4px 0 4px 10px; margin: 0; } .ptg-branch:not(.open) > .ptg-kids { display: none; } .ptg-node { position: relative; z-index: 1; flex: none; width: 268px; display: flex; align-items: flex-start; gap: 10px; text-align: left; padding: 10px 11px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface-raised); color: inherit; cursor: pointer; transition: border-color .12s, box-shadow .12s, transform .12s; } .ptg-node:hover { border-color: var(--accent-line); box-shadow: var(--shadow-sm); } .ptg-node.active { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-ring); } .ptg-node.dim { opacity: .32; } .ptg-ico { flex: none; width: 26px; height: 26px; border-radius: var(--radius-sm); display: grid; place-items: center; background: var(--accent-wash); color: var(--accent); } .ptg-ico .ic { width: 15px; height: 15px; } .ptg-body { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 3px; } .ptg-name { font-size: var(--fs-sm); font-weight: var(--fw-bold); color: var(--ink-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ptg-pid { margin-left: 7px; font-family: var(--font-mono); font-weight: var(--fw-regular); font-size: var(--fs-micro); color: var(--ink-faint); } .ptg-cmd { font-family: var(--font-mono); font-size: var(--fs-micro); color: var(--ink-muted); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .ptg-marks { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .ptg-mark { font-size: 10px; line-height: 16px; padding: 0 6px; border-radius: 999px; font-variant-numeric: tabular-nums; background: var(--surface); color: var(--ink-muted); border: 1px solid var(--border); } .ptg-mark.op-write { border-color: var(--warn-line); color: var(--warn-ink); } .ptg-mark.op-reg { border-color: var(--info-line); color: var(--info-ink); } .ptg-mark.op-create{ border-color: var(--accent-line); color: var(--accent); } .ptg-tw { flex: none; align-self: center; width: 18px; height: 18px; display: grid; place-items: center; color: var(--ink-faint); transition: transform .12s; } .ptg-tw .ic { width: 13px; height: 13px; } .ptg-branch.open > .ptg-node .ptg-tw { transform: rotate(90deg); } .ptg-detail[hidden] { display: none; } .ptg-dhead { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; } .ptg-dname { font-size: var(--fs-lg); font-weight: var(--fw-bold); } .ptg-ops { margin-top: 16px; } .ptg-opshead { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: .05em; color: var(--ink-faint); font-weight: var(--fw-bold); } .ptg-opshead .ic { width: 14px; height: 14px; color: var(--ink-muted); } .pt-pid { font-family: var(--font-mono); font-size: var(--fs-micro); color: var(--ink-faint); background: var(--surface); border: 1px solid var(--border); border-radius: 999px; padding: 1px 8px; } .pt-badge { margin-left: auto; font-variant-numeric: tabular-nums; font-size: var(--fs-micro); color: var(--ink-muted); } .pt-oprow { display: flex; align-items: baseline; gap: 8px; padding: 5px 0; border-bottom: 1px solid var(--border-subtle); font-size: var(--fs-sm); } .pt-oprow:last-child { border-bottom: 0; } .pt-oprow .t { font-family: var(--font-mono); color: var(--ink-secondary); min-width: 0; overflow-wrap: anywhere; } .pt-oprow .n { margin-left: auto; font-size: var(--fs-micro); color: var(--ink-faint); flex: none; } .pt-unattr { display: flex; align-items: center; gap: 9px; padding: 8px 0; border-bottom: 1px solid var(--border-subtle); font-size: var(--fs-sm); } .pt-unattr:last-child { border-bottom: 0; } .pt-unattr .ic { width: 15px; height: 15px; color: var(--ink-faint); } @media (prefers-reduced-motion: reduce) { .ptg-node, .ptg-tw { transition: none; } } .plan-chooser { display: block; } .plan-period-input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); } .plan-periods { display: inline-flex; gap: 3px; margin-bottom: 16px; padding: 4px; background: var(--surface-sunken); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); } .plan-periods label { display: inline-flex; align-items: center; gap: 7px; padding: 7px 16px; font-size: var(--fs-base); font-weight: var(--fw-medium); color: var(--ink-muted); cursor: pointer; white-space: nowrap; border: 1px solid transparent; border-radius: var(--radius-sm); transition: background .12s ease, color .12s ease, box-shadow .12s ease, border-color .12s ease; } .plan-periods label:hover { color: var(--ink); background: color-mix(in srgb, var(--accent) 7%, transparent); } .plan-chooser #period-monthly:checked ~ .plan-periods label[for="period-monthly"], .plan-chooser #period-annual:checked ~ .plan-periods label[for="period-annual"] { color: var(--accent-ink); font-weight: var(--fw-bold); background: var(--surface-raised); border-color: var(--border); box-shadow: inset 0 1px 0 rgb(255 255 255 / .85), 0 1px 2px rgb(24 42 71 / .09); } .plan-chooser #period-monthly:focus-visible ~ .plan-periods label[for="period-monthly"], .plan-chooser #period-annual:focus-visible ~ .plan-periods label[for="period-annual"] { outline: 2px solid var(--accent); outline-offset: 2px; } .plan-grid { grid-template-columns: repeat(4, 1fr); align-items: stretch; } @media (max-width: 1180px) { .plan-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .plan-grid { grid-template-columns: 1fr; } } .plan-card { display: flex; flex-direction: column; gap: 14px; } .plan-card-current { border-color: var(--accent); } .plan-price { font-size: 22px; font-weight: var(--fw-bold); margin-top: 6px; } .plan-price-alt { font-size: var(--fs-sm); color: var(--ink-faint); margin-top: 2px; } .plan-p-yr { display: none; } .plan-chooser #period-annual:checked ~ .plan-grid .plan-p-mo { display: none; } .plan-chooser #period-annual:checked ~ .plan-grid .plan-p-yr { display: inline; } .plan-features { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 9px; flex: 1; } .plan-note-quiet { font-size: var(--fs-sm); color: var(--ink-faint); } @media (max-width: 620px) { .kv-stack, .kv-stack tbody, .kv-stack tr, .kv-stack th, .kv-stack td { display: block; width: auto; } .kv-stack th { padding: 8px 0 2px; white-space: normal; } .kv-stack td { padding: 0 0 8px; } } .grid-min0 > * { min-width: 0; } .abuse-modal[hidden] { display: none; } .abuse-modal { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; } .abuse-modal-backdrop { position: absolute; inset: 0; background: rgba(15, 23, 32, .55); } .abuse-modal-card { position: relative; width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 48px); overflow-y: auto; background: var(--surface-raised); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: 0 24px 60px -24px rgba(15, 23, 42, .45); padding: 20px 22px 18px; } .abuse-modal-head { display: flex; align-items: center; gap: 9px; font-size: var(--fs-lg); font-weight: var(--fw-bold); color: var(--ink); margin: 0 0 12px; } .abuse-modal-head .ic { width: 22px; height: 22px; color: var(--suspicious); flex: none; } .abuse-modal-body { font-size: var(--fs-base); color: var(--ink-muted); line-height: 1.55; margin: 0 0 14px; } .abuse-modal-form { margin: 0; } .abuse-modal-label { display: block; font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--ink); margin: 0 0 6px; } .abuse-modal-text { min-height: 120px; resize: vertical; } .abuse-modal-note { font-size: var(--fs-sm); color: var(--ink-muted); background: var(--surface-sunken); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 9px 11px; margin: 10px 0 0; line-height: 1.5; } .abuse-modal-status { font-size: var(--fs-sm); line-height: 1.5; margin: 12px 0 0; padding: 9px 11px; border-radius: var(--radius-lg); border: 1px solid var(--border); color: var(--ink-muted); background: var(--surface-sunken); } .abuse-modal-status[hidden] { display: none; } .abuse-modal-status.is-ok { color: var(--clean-ink); background: var(--clean-soft); border-color: var(--clean-line); } .abuse-modal-status.is-error { color: var(--malicious-ink); background: var(--malicious-soft); border-color: var(--malicious-line); } .abuse-modal-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; } .abuse-modal-actions [hidden] { display: none; } .abuse-modal-form.is-filed .abuse-modal-label, .abuse-modal-form.is-filed .abuse-modal-text, .abuse-modal-form.is-filed .abuse-modal-note { display: none; } .abuse-modal-form.is-filed .abuse-modal-status { margin-top: 0; } .js-abuse-open .ic { color: var(--suspicious); } .js-abuse-open.is-filed { opacity: .6; pointer-events: none; } .js-abuse-open.is-filed .ic { color: var(--ink-faint); } .public-ident-report { flex: none; } .js-abuse-open.arc-btn { color: var(--ink); background: var(--surface-sunken); border: 1px solid var(--border); } .js-abuse-open.arc-btn:hover { border-color: var(--border-strong); } .abuse-filed { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 16px; padding: 11px 14px; border-radius: var(--radius-lg); border: 1px solid var(--clean-line); background: var(--clean-soft); color: var(--clean-ink); font-size: var(--fs-base); line-height: 1.55; } .abuse-filed .ic { width: 18px; height: 18px; flex: none; margin-top: 2px; } .abuse-page { max-width: 720px; margin: 0 auto; } .abuse-page .card-head h1 { display: flex; align-items: center; gap: 9px; font-size: var(--fs-lg); font-weight: var(--fw-bold); color: var(--ink); margin: 0; } .abuse-page .card-head h1 .ic { width: 20px; height: 20px; color: var(--suspicious); flex: none; } .abuse-lede { font-size: var(--fs-base); color: var(--ink-muted); line-height: 1.6; margin: 0 0 16px; } .abuse-form { margin: 0; } .abuse-label { display: block; font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--ink); margin: 0 0 6px; } .abuse-text { min-height: 150px; resize: vertical; } .abuse-privacy { margin: 10px 0 0; } .abuse-error { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 14px; padding: 10px 12px; border-radius: var(--radius-lg); border: 1px solid var(--malicious-line); background: var(--malicious-soft); color: var(--malicious-ink); font-size: var(--fs-sm); line-height: 1.5; } .abuse-error .ic { width: 17px; height: 17px; flex: none; margin-top: 1px; } .abuse-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 18px; } .plan-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 40px; } .plan-strip__label { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-muted); margin: 0 0 4px; } .plan-strip__name { font-size: 17px; font-weight: 600; color: var(--ink); margin: 0; } .plan-strip__of { font-size: 13px; font-weight: 400; color: var(--ink-muted); } .plan-strip__cta { margin-left: auto; } @media (max-width: 700px) { .plan-strip { gap: 14px; } .plan-strip__cta { margin-left: 0; width: 100%; justify-content: center; } } .rpt-schema{margin-top:var(--space-8);} .rpt-schema__h{font-size:var(--font-size-h4);margin-bottom:var(--space-2);} .rpt-schema__lede{color:var(--fg-secondary);max-width:62rem;margin-bottom:var(--space-5);} .rpt-schema__sec{margin-top:var(--space-6);} .rpt-schema__name{display:flex;align-items:baseline;gap:var(--space-3);font-size:var(--font-size-body);margin-bottom:var(--space-2);} .rpt-schema__count{font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-faint);} .rpt-schema__scroll{overflow-x:auto;border:var(--border-w) solid var(--border-default);background:var(--bg-surface);} .rpt-schema__t{border-collapse:collapse;width:100%;font-size:var(--font-size-body-sm);} .rpt-schema__t th{text-align:left;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-faint);font-weight:var(--fw-normal);border-bottom:var(--border-w) solid var(--border-default);white-space:nowrap;} .rpt-schema__t td{padding:var(--space-2) var(--space-3);border-bottom:var(--border-w) solid var(--border-subtle);vertical-align:top;} .rpt-schema__t tr:last-child td{border-bottom:0;} .rpt-schema__t code{font-family:var(--font-mono);font-size:var(--font-size-label);} .wire-layout > *{min-width:0;}