:root{--wuno-surface-canvas:#f7fbfe;--wuno-surface-panel:#ffffff;--wuno-surface-elevated:#fdfeff;--wuno-primary-700:#24839b;--wuno-primary-500:#3996ae;--wuno-accent-500:#13c2c2;--wuno-text-primary:#102a3a;--wuno-text-secondary:#627987;--wuno-border-subtle:#dceaf5;--wuno-status-success:#27ae84;--wuno-status-warning:#f2a93b;--wuno-status-error:#de5b6d;--process-normal:var(--wuno-status-success);--process-drift:var(--wuno-status-warning);--process-alarm:var(--wuno-status-error);--data-live:var(--wuno-status-success);--data-delayed:var(--wuno-status-warning);--data-offline:var(--wuno-status-error);--evidence-selected:var(--wuno-primary-700);--evidence-baseline:var(--wuno-text-secondary);--control-read-only:var(--wuno-primary-500);--control-human-confirmed:var(--wuno-status-success);--chart-grid:var(--wuno-border-subtle);--chart-event-window:color-mix(in srgb,var(--wuno-status-warning) 14%,transparent);--font-sans:"PingFang SC","Noto Sans CJK SC",Arial,sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--font-body:16px;--font-support:14px;--touch-target:44px;--panel-radius:14px;--control-radius:10px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px}*{box-sizing:border-box}html{color:var(--wuno-text-primary);font-family:var(--font-sans)}body,html{background:var(--wuno-surface-canvas);font-size:var(--font-body)}body{margin:0;min-width:320px;line-height:1.55}button,input,select,textarea{font:inherit}a,button,select,summary{touch-action:manipulation}a{color:inherit}button,select,summary{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}:focus-visible{outline:3px solid var(--wuno-accent-500);outline-offset:3px}small{font-size:var(--font-support)}.table-link,.text-link,button,input,select,summary,textarea{min-height:var(--touch-target)}.sr-only,.sr-summary{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-160%);padding:10px 14px;border-radius:8px;background:var(--wuno-text-primary);color:white;text-decoration:none}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100dvh;overflow-x:clip}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:240px;display:flex;flex-direction:column;padding:20px 16px;background:var(--wuno-surface-panel);border-right:1px solid var(--wuno-border-subtle)}.sidebar-close,.sidebar-scrim,.sidebar-trigger{display:none}.brand-lockup{display:flex;align-items:center;gap:16px;min-height:52px;padding:0 8px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--wuno-primary-700);background:color-mix(in srgb,var(--wuno-accent-500) 12%,white)}.brand-mark svg{width:23px;height:23px}.brand-lockup strong{display:block;letter-spacing:.13em;font-size:15px}.brand-lockup small{display:block;margin-top:3px;color:var(--wuno-text-secondary);font-size:var(--font-support)}.app-sidebar nav{display:grid;grid-gap:8px;gap:8px;margin-top:32px}.app-sidebar nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;border-radius:12px;color:var(--wuno-text-secondary);font-size:16px;font-weight:650;text-decoration:none;transition:background-color .18s ease,color .18s ease}.app-sidebar nav a svg{width:20px;height:20px}.app-sidebar nav a:hover{color:var(--wuno-primary-700);background:var(--wuno-surface-canvas)}.app-sidebar nav a[aria-current=page]{color:var(--wuno-primary-700);background:color-mix(in srgb,var(--wuno-primary-500) 10%,white);box-shadow:inset 3px 0 var(--wuno-primary-700)}.sidebar-boundary{display:flex;gap:8px;align-items:flex-start;margin-top:auto;padding:16px 12px;border:1px solid var(--wuno-border-subtle);border-radius:12px;background:var(--wuno-surface-canvas)}.sidebar-boundary svg{flex:0 0 auto;width:20px;color:var(--control-read-only)}.sidebar-boundary p{margin:0}.sidebar-boundary span,.sidebar-boundary strong{display:block}.sidebar-boundary span,.sidebar-boundary strong{font-size:var(--font-support)}.sidebar-boundary span{margin-top:4px;color:var(--wuno-text-secondary)}.app-workspace{min-height:100dvh;margin-left:240px}.context-bar{position:-webkit-sticky;position:sticky;top:0;z-index:20;min-height:72px;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);padding:8px clamp(20px,2vw,40px);border-bottom:1px solid var(--wuno-border-subtle);background:color-mix(in srgb,var(--wuno-surface-panel) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.context-bar>div:first-of-type{min-width:0;margin-right:auto}.context-bar div span,.context-bar div strong{display:block}.context-bar div span{color:var(--wuno-text-secondary);font-size:var(--font-support);letter-spacing:.04em}.context-bar div strong{margin-top:2px;font-size:14px}.source-chip{flex:0 0 auto;padding:8px 12px;border:1px solid var(--wuno-border-subtle);border-radius:999px;color:var(--wuno-primary-700);background:var(--wuno-surface-canvas);font-size:var(--font-support);font-weight:700}.app-workspace main{width:100%;padding:clamp(20px,2.5vw,48px)}.page-stack{display:grid;grid-gap:var(--space-3);gap:var(--space-3);width:min(100%,1680px);margin:0 auto}.page-header{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.demo-stage h1,.page-header h1{margin:0;font-size:clamp(30px,2.1vw,42px);letter-spacing:-.035em;line-height:1.14}.demo-stage>p,.page-header p{max-width:72ch;margin:0;color:var(--wuno-text-secondary);font-size:var(--font-body);line-height:1.65}.kicker{color:var(--wuno-primary-700);font-size:var(--font-support);font-weight:800;letter-spacing:.08em}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-heading h2{margin:3px 0 0;font-size:17px}.mode-notice{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;min-height:52px;padding:12px 16px;border:1px solid var(--wuno-border-subtle);border-radius:var(--panel-radius);background:var(--wuno-surface-panel);font-size:var(--font-support)}.mode-notice svg{width:18px;height:18px}.mode-notice span{color:var(--wuno-text-secondary)}.mode-static-demo{border-color:color-mix(in srgb,var(--wuno-status-warning) 48%,var(--wuno-border-subtle));background:color-mix(in srgb,var(--wuno-status-warning) 7%,white)}.status-tag{display:inline-flex;align-items:center;gap:6px;width:max-content;min-height:32px;padding:5px 10px;border:1px solid;border-radius:999px;font-size:var(--font-support);font-weight:800;white-space:nowrap}.status-tag svg{width:14px;height:14px}.status-normal{color:#147253;background:color-mix(in srgb,var(--process-normal) 10%,white)}.status-warning{color:#8a5600;background:color-mix(in srgb,var(--process-drift) 12%,white)}.status-critical{color:#a52f42;background:color-mix(in srgb,var(--process-alarm) 10%,white)}.state-panel{min-height:120px;display:flex;align-items:center;gap:16px;padding:24px;border:1px solid var(--wuno-border-subtle);border-radius:12px;background:var(--wuno-surface-panel)}.state-panel>svg{flex:0 0 auto;width:26px;height:26px;color:var(--wuno-primary-700)}.state-panel strong{font-size:14px}.state-panel p{margin:5px 0 0;color:var(--wuno-text-secondary);font-size:var(--font-support);line-height:1.6}.state-compact{min-height:62px;padding:12px 16px}.state-error{border-color:color-mix(in srgb,var(--wuno-status-error) 50%,var(--wuno-border-subtle))}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--wuno-border-subtle);border-radius:12px;background:var(--wuno-surface-panel);overflow:hidden}.metric-strip>div{min-height:112px;display:grid;align-content:center;grid-gap:8px;gap:8px;padding:16px 24px;border-right:1px solid var(--wuno-border-subtle)}.metric-strip>div:last-child{border-right:0}.metric-strip small,.metric-strip span{color:var(--wuno-text-secondary);font-size:var(--font-support)}.metric-strip strong{font-family:var(--font-mono);font-size:23px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metric-strip .metric-alert{color:#a52f42;font-family:var(--font-sans);font-size:18px}.metric-strip .metric-hypothesis{font-family:var(--font-sans);font-size:18px;line-height:1.35}.overview-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(300px,3fr);grid-gap:24px;gap:24px;align-items:stretch}.audit-timeline,.chart-panel,.compact-chart,.decision-form,.event-rail,.record-summary,.side-panel,.table-panel{border:1px solid var(--wuno-border-subtle);border-radius:12px;background:var(--wuno-surface-panel)}.chart-panel{padding:16px;overflow:hidden}.chart-loading{min-height:220px;display:grid;place-items:center;color:var(--wuno-text-secondary);background:linear-gradient(90deg,var(--wuno-surface-canvas),var(--wuno-surface-elevated),var(--wuno-surface-canvas));background-size:200% 100%;font-size:var(--font-support);animation:chart-loading 1.6s ease-in-out infinite}@keyframes chart-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.heatmap-chart{height:470px!important}.mobile-chart-fallback{display:none;padding:16px;border-radius:12px;background:var(--wuno-surface-canvas)}.mobile-chart-fallback p{margin:6px 0 0;line-height:1.6}.legend-copy,.mobile-chart-fallback p{color:var(--wuno-text-secondary);font-size:var(--font-support)}.legend-copy{display:flex;align-items:center;gap:5px}.legend-copy i{width:10px;height:10px;margin-left:7px;border-radius:2px;border:1px solid}.legend-normal{background:var(--wuno-border-subtle)}.legend-drift{background:var(--process-drift)}.legend-alarm{background:var(--process-alarm)}.data-table-disclosure{margin-top:12px;border-top:1px solid var(--wuno-border-subtle)}.data-table-disclosure summary{min-height:var(--touch-target);display:flex;align-items:center;color:var(--wuno-primary-700);font-size:var(--font-support);font-weight:700}table{width:100%;border-collapse:collapse;font-size:var(--font-support)}td,th{padding:11px 12px;border-bottom:1px solid var(--wuno-border-subtle);text-align:left}thead th{color:var(--wuno-text-secondary);background:var(--wuno-surface-canvas);font-size:var(--font-support);letter-spacing:.02em}tbody th{font-weight:700}.event-rail{display:flex;flex-direction:column;gap:16px;padding:24px}.event-rail>strong{font-size:18px;line-height:1.35}.event-rail>p{margin:0;color:var(--wuno-text-secondary);font-size:var(--font-support);line-height:1.65}.event-rail .event-ai-summary{padding-bottom:16px;border-bottom:1px solid var(--wuno-border-subtle)}.event-ai-summary strong{color:var(--wuno-text-primary)}.priority-reasons{display:grid;grid-gap:0;gap:0;margin:0}.priority-reasons div{display:grid;grid-template-columns:64px minmax(0,1fr);grid-gap:12px;gap:12px;min-height:52px;align-items:center;border-bottom:1px solid var(--wuno-border-subtle)}.priority-reasons dt{color:var(--wuno-primary-700);font-size:var(--font-support);font-weight:800}.priority-reasons dd{margin:0;color:var(--wuno-text-secondary);font-size:var(--font-support);line-height:1.45}.event-rail .primary-button{margin-top:auto}.control-button,.primary-button,.secondary-button{min-height:44px;border-radius:8px;font-weight:800}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border:1px solid var(--wuno-primary-700);background:var(--wuno-primary-700);color:white}.primary-button:hover{background:#1e7188}.control-button:active,.primary-button:active{transform:translateY(1px)}.link-button{width:max-content;max-width:100%;text-decoration:none;white-space:nowrap}.secondary-button{padding:10px 16px;border:1px solid var(--wuno-primary-700);color:var(--wuno-primary-700);background:white}.table-link,.text-link{display:inline-flex;align-items:center;gap:6px;padding:4px 6px;color:var(--wuno-primary-700);font-size:var(--font-support);font-weight:800}.demo-page{min-height:calc(100dvh - 112px)}.demo-stage{min-height:min(680px,calc(100dvh - 180px));display:grid;align-content:center;justify-items:start;grid-gap:var(--space-3);gap:var(--space-3);padding:clamp(28px,4vw,64px);border:1px solid var(--wuno-border-subtle);border-radius:16px;background:var(--wuno-surface-panel)}.demo-stage>*{max-width:960px}.demo-stage>.mode-notice{width:min(100%,760px)}.demo-stage>label{display:grid;grid-template-columns:max-content minmax(0,620px);align-items:center;grid-gap:var(--space-2);gap:var(--space-2);width:min(100%,820px);color:var(--wuno-text-primary);font-weight:750}.demo-stage>label select{width:100%;min-width:0}.demo-stage .evidence-panel,.demo-stage .section-heading{width:100%}.replay-progress{width:min(680px,100%);height:9px;border-radius:999px;background:var(--wuno-border-subtle);overflow:hidden}.replay-progress span{display:block;width:35%;height:100%;background:var(--wuno-primary-700)}.result-stage{justify-items:center;text-align:center}.replay-control{min-height:76px;display:grid;grid-template-columns:minmax(280px,1.5fr) auto auto minmax(130px,.55fr) minmax(150px,auto);align-items:end;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2);border:1px solid var(--wuno-border-subtle);border-radius:var(--panel-radius);background:var(--wuno-surface-panel)}.control-button{display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:1px solid var(--wuno-border-subtle);color:var(--wuno-text-primary);background:var(--wuno-surface-canvas)}.control-button:first-of-type{color:white;background:var(--wuno-primary-700);border-color:var(--wuno-primary-700)}.control-button svg{width:18px;height:18px}.replay-control label{display:grid;align-content:start;grid-gap:6px;gap:6px;min-width:0;color:var(--wuno-text-secondary);font-size:var(--font-support);font-weight:700}.replay-scenario-field{min-width:0}.replay-scenario-field select,.replay-speed-field select{width:100%;min-width:0;max-width:100%}input,select,textarea{min-width:0;max-width:100%;min-height:var(--touch-target);padding:10px 12px;border:1px solid var(--wuno-border-subtle);border-radius:var(--control-radius);color:var(--wuno-text-primary);background:white}textarea{resize:vertical}.sample-readout{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;min-width:0;min-height:var(--touch-target);padding:10px 12px}.sample-readout small,.sample-readout span{color:var(--wuno-text-secondary);font-size:var(--font-support)}.sample-readout strong{font-family:var(--font-mono);font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.capture-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;border:1px solid color-mix(in srgb,var(--process-alarm) 42%,var(--wuno-border-subtle));border-radius:12px;background:color-mix(in srgb,var(--process-alarm) 6%,white)}.capture-banner>div{display:flex;align-items:center;gap:12px}.capture-banner>div:last-child{justify-content:flex-end;flex-wrap:wrap}.capture-banner svg{width:24px;height:24px;color:#a52f42}.capture-banner p{margin:0}.capture-banner p span,.capture-banner p strong{display:block}.capture-banner p span{margin-top:3px;color:var(--wuno-text-secondary);font-size:var(--font-support)}.table-panel{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.table-panel td,.table-panel th{white-space:nowrap}.ai-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;overflow:hidden;border:1px solid var(--wuno-border-subtle);border-radius:var(--panel-radius);background:var(--wuno-surface-panel);list-style:none}.ai-stepper li{position:relative;display:grid;grid-template-columns:24px auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;grid-column-gap:8px;column-gap:8px;min-width:0;min-height:76px;padding:12px 16px;border-right:1px solid var(--wuno-border-subtle)}.ai-stepper li:last-child{border-right:0}.ai-stepper li:after{content:"";position:absolute;right:-5px;z-index:1;width:9px;height:9px;border-radius:50%;background:var(--wuno-primary-700);box-shadow:0 0 0 4px white}.ai-stepper li:last-child:after{display:none}.ai-stepper svg{grid-row:1/3;width:22px;height:22px;color:var(--wuno-primary-700)}.ai-stepper li>span{color:var(--wuno-text-secondary);font-family:var(--font-mono);font-size:var(--font-support)}.ai-stepper strong{overflow:hidden;font-size:var(--font-support);text-overflow:ellipsis;white-space:nowrap}.ai-stepper small{grid-column:2/4;color:var(--wuno-text-secondary);white-space:nowrap}.ai-stepper .is-human{background:color-mix(in srgb,var(--wuno-primary-500) 7%,white)}.ai-workbench{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);align-items:start}.ai-panel{min-width:0;padding:var(--space-3);border:1px solid var(--wuno-border-subtle);border-radius:var(--panel-radius);background:var(--wuno-surface-panel)}.ai-detection{grid-column:span 4}.ai-conclusion,.ai-explanation{grid-column:span 8}.ai-side-stack{grid-column:span 4;display:grid;grid-gap:var(--space-3);gap:var(--space-3);min-width:0}.ai-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ai-section-header h2{margin:4px 0 0;font-size:22px;letter-spacing:-.02em}.ai-thesis{max-width:70ch;margin:24px 0 0;color:var(--wuno-text-secondary);font-size:18px;line-height:1.7}.ai-thesis strong{color:var(--wuno-text-primary);font-weight:800}.ai-value-prop{width:max-content;max-width:100%;margin:16px 0 0;padding:8px 12px;border-left:3px solid var(--wuno-primary-700);color:var(--wuno-primary-700);background:color-mix(in srgb,var(--wuno-primary-500) 7%,white);font-size:var(--font-support);font-weight:800}.ai-candidate-list{display:grid;grid-gap:0;gap:0;margin:24px 0 0;padding:0;border-top:1px solid var(--wuno-border-subtle);list-style:none}.ai-candidate-list li{display:grid;grid-template-columns:36px minmax(104px,auto) minmax(0,1fr) 64px;align-items:center;grid-gap:12px;gap:12px;min-height:58px;border-bottom:1px solid var(--wuno-border-subtle)}.ai-candidate-list .candidate-rank{color:var(--wuno-text-secondary)}.ai-candidate-list .candidate-rank,.ai-candidate-list b{font-family:var(--font-mono);font-size:var(--font-support)}.ai-candidate-list li>span:nth-child(3){min-width:0;overflow-wrap:anywhere;color:var(--wuno-text-secondary);font-size:var(--font-support)}.ai-candidate-list li>strong{justify-self:end;color:var(--wuno-primary-700);font-family:var(--font-mono);font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ai-sample-window{margin:22px 0 0;padding-bottom:16px;border-bottom:1px solid var(--wuno-border-subtle);color:var(--wuno-primary-700);font-family:var(--font-mono);font-size:var(--font-support);font-weight:800}.ai-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1px;gap:1px;margin:0;background:var(--wuno-border-subtle)}.ai-stat-grid div{min-width:0;padding:16px 12px;background:white}.ai-stat-grid dt{color:var(--wuno-text-secondary);font-size:var(--font-support)}.ai-stat-grid dd{margin:6px 0 0;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:22px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ai-stat-grid dd small{color:var(--wuno-text-secondary);font-family:var(--font-sans);font-weight:600}.ai-explanation-copy,.ai-method-note{margin:16px 0 0;color:var(--wuno-text-secondary);font-size:var(--font-support);line-height:1.7}.ai-explanation>.chart-panel{margin-top:20px;padding:20px 0 0;border:0;border-top:1px solid var(--wuno-border-subtle);border-radius:0}.ai-evidence-detail{display:grid;grid-template-columns:minmax(0,1fr) 240px;grid-gap:16px;gap:16px;align-items:start;margin-top:16px}.ai-evidence-detail>.compact-chart,.ai-evidence-detail>.evidence-panel{padding:16px 0 0;border:0;border-top:1px solid var(--wuno-border-subtle);border-radius:0}.ai-recommendation{padding-bottom:16px}.ai-risk-copy{margin:20px 0 0;padding:14px 16px;border-left:3px solid var(--process-alarm);color:var(--wuno-text-secondary);background:color-mix(in srgb,var(--process-alarm) 6%,white);font-size:var(--font-support);line-height:1.65}.ai-risk-copy strong{color:#a52f42}.ai-action-group{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:12px;gap:12px;padding:18px 0;border-bottom:1px solid var(--wuno-border-subtle)}.ai-action-group h3{margin:0;font-size:var(--font-support)}.ai-action-group ol{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;counter-reset:ai-action;list-style:none}.ai-action-group li{position:relative;padding-left:28px;color:var(--wuno-text-secondary);font-size:var(--font-support);line-height:1.55}.ai-action-group li:before{counter-increment:ai-action;content:counter(ai-action);position:absolute;left:0;top:0;display:grid;place-items:center;width:20px;height:20px;border-radius:5px;color:var(--wuno-primary-700);background:color-mix(in srgb,var(--wuno-primary-500) 10%,white);font-family:var(--font-mono);font-size:var(--font-support);font-weight:800}.ai-safety-boundary{margin:16px 0 0;color:var(--wuno-text-secondary);font-size:var(--font-support);line-height:1.65}.ai-human-gate>.decision-form,.ai-human-gate>.decision-success,.ai-human-gate>.side-panel{border-radius:var(--panel-radius)}.ai-human-gate .login-prompt p{margin:0 0 16px;color:var(--wuno-text-secondary);font-size:var(--font-support);line-height:1.65}.ai-human-gate .login-prompt .primary-button{width:100%}.evidence-chart{height:540px!important}.event-window-label{padding:6px 10px;border-radius:8px;color:#8a5600;background:color-mix(in srgb,var(--process-drift) 14%,white);font-size:var(--font-support);font-weight:800}.evidence-panel{padding:16px;border:1px solid var(--wuno-border-subtle);border-radius:12px;background:var(--wuno-surface-panel)}.evidence-tracks{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.evidence-track{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) 56px;align-items:center;grid-gap:16px;gap:16px;min-width:0;min-height:96px;padding:16px;border-radius:12px;background:var(--wuno-surface-canvas)}.evidence-track>div{min-width:0}.evidence-track code{display:block;color:var(--wuno-primary-700);font-family:var(--font-mono);font-size:var(--font-support)}.evidence-track strong{display:block;margin-top:2px;font-size:var(--font-body)}.evidence-track p{margin:4px 0 0;color:var(--wuno-text-secondary);font-size:var(--font-support)}.evidence-track>b{font-family:var(--font-mono);color:var(--wuno-primary-700);font-size:var(--font-body)}.spark-placeholder{height:42px;display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid var(--wuno-border-subtle)}.spark-placeholder i{flex:1 1;min-width:1px;background:var(--wuno-primary-500);opacity:.72}.compact-chart,.decision-form,.side-panel{padding:16px}.decision-form h2,.side-panel h2{margin:4px 0 14px;font-size:18px}.side-panel h3{margin:16px 0 8px;font-size:var(--font-support)}.side-panel ul{padding-left:20px;color:var(--wuno-text-secondary);line-height:1.7}.compact-chart h3,.side-panel ul{margin:0;font-size:var(--font-support)}.contribution-chart{height:150px!important}.decision-form{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.decision-form label{display:grid;grid-gap:6px;gap:6px;color:var(--wuno-text-secondary);font-size:var(--font-support);font-weight:700}.decision-form .primary-button{width:100%}.safety-note{color:var(--wuno-text-secondary);line-height:1.6}.form-error,.safety-note{margin:0;font-size:var(--font-support)}.form-error{color:#a52f42}.login-form{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.login-form label{display:grid;grid-gap:6px;gap:6px;color:var(--wuno-text-secondary);font-size:var(--font-support);font-weight:700}.login-form input{border:1px solid var(--wuno-border-subtle);border-radius:var(--control-radius);padding:10px 12px;font:inherit}.login-form .primary-button{width:100%;justify-content:center}.operator-identity{display:flex;flex-wrap:wrap;gap:8px;margin:0;color:var(--wuno-text-secondary)}.operator-identity,.role-chip{align-items:center;font-size:var(--font-support)}.role-chip{display:inline-flex;min-height:32px;padding:4px 10px;border-radius:999px;font-weight:800}.role-chip.role-shift_lead{background:color-mix(in srgb,var(--process-normal) 14%,white);color:#147253}.role-chip.role-operator{background:color-mix(in srgb,#2f6fa5 12%,white);color:#2f6fa5}.operator-badge{display:flex;align-items:center;gap:10px;flex:0 0 auto}.operator-badge .text-link{background:none;border:none;cursor:pointer;font:inherit;padding:4px 8px}.login-page{width:min(100%,760px)}.preset-accounts{display:grid;grid-gap:8px;gap:8px;margin-top:4px}.preset-accounts ul{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.preset-accounts button{display:grid;grid-gap:3px;gap:3px;width:100%;padding:12px;border:1px dashed var(--wuno-border-subtle);border-radius:var(--control-radius);background:var(--wuno-surface-canvas);cursor:pointer;text-align:left;font:inherit}.preset-accounts button:hover{border-color:var(--wuno-primary-700)}.preset-accounts code{font-family:var(--font-mono)}.preset-accounts code,.preset-accounts small{font-size:var(--font-support);color:var(--wuno-text-secondary)}.decision-success{display:flex;gap:12px;padding:16px;border:1px solid color-mix(in srgb,var(--process-normal) 45%,var(--wuno-border-subtle));border-radius:var(--panel-radius);background:color-mix(in srgb,var(--process-normal) 7%,white)}.decision-success svg{width:24px;height:24px;color:#147253}.decision-success a,.decision-success span,.decision-success strong{display:block}.decision-success span{margin:4px 0;color:var(--wuno-text-secondary);font-size:var(--font-support)}.decision-success a{color:var(--wuno-primary-700);font-size:var(--font-support);font-weight:800}.freshness{display:flex;align-items:center;gap:6px}.freshness small{margin-left:4px;color:var(--wuno-text-secondary);font-size:var(--font-support)}.record-summary{padding:20px}.record-summary dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1px;gap:1px;margin:20px 0 0;background:var(--wuno-border-subtle)}.record-summary dl div{min-width:0;padding:16px;background:white}.record-summary dt{color:var(--wuno-text-secondary);font-size:var(--font-support)}.record-summary dd{margin:5px 0 0;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--font-support)}.audit-timeline{padding:20px}.audit-timeline h2{margin:0 0 20px;font-size:18px}.audit-timeline ol{display:grid;grid-gap:0;gap:0;margin:0;padding:0;list-style:none}.audit-timeline li{display:grid;grid-template-columns:84px minmax(0,1fr);grid-gap:16px;gap:16px;min-height:84px}.audit-timeline li>span{color:var(--wuno-primary-700);font-family:var(--font-mono);font-size:var(--font-support);overflow-wrap:anywhere}.audit-timeline li>div{position:relative;padding:0 0 24px 18px;border-left:1px solid var(--wuno-border-subtle)}.audit-timeline li>div:before{content:"";position:absolute;left:-5px;top:1px;width:9px;height:9px;border-radius:50%;background:var(--wuno-primary-700)}.audit-timeline p{margin:5px 0 0;color:var(--wuno-text-secondary);font-size:var(--font-support)}.system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--wuno-border-subtle);border-radius:var(--panel-radius);background:var(--wuno-surface-panel);overflow:hidden}.system-grid>div{display:grid;align-content:start;grid-gap:10px;gap:10px;min-width:0;min-height:164px;padding:20px;border-right:1px solid var(--wuno-border-subtle)}.system-grid>div:last-child{border-right:0}.system-grid>div>span{color:var(--wuno-text-secondary);font-size:var(--font-support)}.system-grid>div>strong{font-family:var(--font-mono);font-size:var(--font-body);overflow-wrap:anywhere}.system-grid p{margin:0;color:var(--wuno-text-secondary);font-size:var(--font-support);line-height:1.65}@media (max-width:1200px){.app-sidebar{width:88px;padding-inline:10px}.brand-lockup{justify-content:center;padding:0}.app-sidebar nav a span,.brand-lockup>span:last-child,.sidebar-boundary p{display:none}.app-sidebar nav a{padding:0}.app-sidebar nav a,.sidebar-boundary{justify-content:center}.app-workspace{margin-left:88px}.overview-grid{grid-template-columns:minmax(0,3fr) minmax(280px,2fr)}.system-grid{grid-template-columns:repeat(2,1fr)}.system-grid>div:nth-child(2){border-right:0}.system-grid>div:nth-child(-n+2){border-bottom:1px solid var(--wuno-border-subtle)}.replay-control{grid-template-columns:minmax(0,1fr) auto auto minmax(150px,.55fr)}.replay-scenario-field{grid-column:1/-1}}@media (max-width:900px){.ai-workbench,.overview-grid{grid-template-columns:1fr}.ai-conclusion,.ai-detection,.ai-explanation,.ai-side-stack{grid-column:1}.evidence-chart{height:500px!important}.source-chip{display:none}.context-bar{gap:12px}}@media (max-width:767px){.app-sidebar{display:flex;width:min(280px,86vw);padding:20px 16px;transform:translateX(-105%);box-shadow:16px 0 36px rgba(36,131,155,.13);transition:transform .18s ease}.app-sidebar.sidebar-open{transform:translateX(0)}.brand-lockup{justify-content:flex-start;padding:0 8px}.app-sidebar nav a span,.brand-lockup>span:last-child,.sidebar-boundary p{display:block}.app-sidebar nav a{padding:0 12px}.app-sidebar nav a,.sidebar-boundary{justify-content:flex-start}.sidebar-close,.sidebar-trigger{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--wuno-border-subtle);border-radius:8px;color:var(--wuno-primary-700);background:white}.sidebar-trigger{flex:0 0 auto;margin-right:8px}.sidebar-close{position:absolute;top:16px;right:12px;border-color:transparent}.sidebar-close svg,.sidebar-trigger svg{width:21px;height:21px}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:25;width:100%;height:100%;border:0;background:rgba(16,42,58,.42)}.app-workspace{margin-left:0}.context-bar{min-height:64px;padding-inline:16px}.context-bar>div:first-of-type span{display:none}.context-bar>div:first-of-type strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-workspace main{padding:16px}.page-stack{gap:16px}.overview-grid{grid-template-columns:1fr}.capture-banner{align-items:flex-start;flex-direction:column}.ai-stepper{grid-template-columns:repeat(5,minmax(128px,1fr));overflow-x:auto}.ai-stepper li{min-height:72px}.ai-evidence-detail{grid-template-columns:1fr}.mode-notice{grid-template-columns:auto 1fr}.mode-notice span{grid-column:2}.evidence-track{grid-template-columns:1fr auto}.spark-placeholder{grid-column:1/-1;grid-row:2}.record-summary dl{grid-template-columns:1fr 1fr}}@media (max-width:700px){.demo-stage h1,.page-header h1{font-size:clamp(28px,8vw,36px)}.demo-stage{min-height:auto;align-content:start;padding:28px 20px}.demo-stage>label{grid-template-columns:1fr;gap:8px}.replay-control{grid-template-columns:auto auto minmax(0,1fr);align-items:stretch}.replay-scenario-field{grid-column:1/-1}.replay-speed-field{grid-column:1/3}.sample-readout{grid-column:3;align-self:end}.control-button{width:100%;justify-content:center}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip>div:nth-child(2){border-right:0}.metric-strip>div:nth-child(-n+2){border-bottom:1px solid var(--wuno-border-subtle)}.system-grid{grid-template-columns:1fr}.system-grid>div{border-right:0;border-bottom:1px solid var(--wuno-border-subtle)}.table-panel:before{content:"表格可横向滚动查看全部字段";position:-webkit-sticky;position:sticky;left:0;display:block;width:max-content;padding:10px 12px;color:var(--wuno-text-secondary);font-size:var(--font-support);background:var(--wuno-surface-panel)}.table-panel table{min-width:720px}.operator-badge .role-chip{display:none}}@media (max-width:480px){.desktop-chart{display:none}.mobile-chart-fallback{display:block}.heatmap-panel .legend-copy{display:none}.evidence-chart{height:470px!important}.record-summary dl{grid-template-columns:1fr}.ai-stepper{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:visible}.ai-stepper li{grid-template-columns:1fr;grid-template-rows:22px auto;justify-items:center;gap:4px;min-height:58px;padding:8px 2px}.ai-stepper li>svg{grid-column:1;grid-row:1}.ai-stepper li>span,.ai-stepper small{display:none}.ai-stepper strong{grid-column:1;grid-row:2;overflow:visible;font-size:var(--font-support);white-space:nowrap}.ai-candidate-list li{grid-template-columns:32px minmax(0,1fr) 56px;gap:8px;padding-block:8px}.ai-candidate-list b,.ai-candidate-list li>span:nth-child(3){grid-column:2}.ai-candidate-list li>strong{grid-column:3;grid-row:1/3}.control-button span{display:none}.control-button{width:44px;padding:0;justify-content:center}.link-button{width:100%}.metric-strip{grid-template-columns:1fr}.metric-strip>div{border-right:0;border-bottom:1px solid var(--wuno-border-subtle);min-height:96px}.audit-timeline li{grid-template-columns:1fr;gap:6px}.audit-timeline li>div{margin-left:4px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}