:root{--okm-gold-50:#FBF8F0;--okm-gold-100:#F4ECD8;--okm-gold-200:#E7D4A6;--okm-gold-300:#D9BC79;--okm-gold-400:#CDA85B;--okm-gold-500:#C59D48;--okm-gold-600:#AE8839;--okm-gold-700:#8C6C2D;--okm-gold-800:#6B5223;--okm-gold-900:#4A3917;--okm-ink-900:#1B1F22;--okm-ink-800:#23282C;--okm-ink-700:#2E3338;--okm-ink-600:#3A4046;--okm-ink-500:#4C5359;--okm-gray-900:#3D3A38;--okm-gray-700:#56524F;--okm-gray-600:#706C6D;--okm-gray-500:#8A8785;--okm-gray-400:#ABA8A4;--okm-gray-300:#CFCCC8;--okm-gray-200:#E4E2DD;--okm-gray-100:#F0EEEA;--okm-gray-50:#F7F6F3;--okm-white:#FFFFFF;--okm-success:#4F7A4A;--okm-success-bg:#EAF0E7;--okm-warning:#C5891F;--okm-warning-bg:#F8EFD7;--okm-danger:#B23B30;--okm-danger-bg:#F6E4E1;--okm-info:#3E6B8C;--okm-info-bg:#E4EDF3;--color-bg:var(--okm-gray-50);--color-surface:var(--okm-white);--color-surface-sunken:var(--okm-gray-100);--color-surface-inverse:var(--okm-ink-700);--color-surface-gold:var(--okm-gold-500);--color-wash-gold:var(--okm-gold-50);--text-primary:var(--okm-ink-800);--text-secondary:var(--okm-gray-600);--text-muted:var(--okm-gray-500);--text-on-dark:var(--okm-white);--text-on-gold:var(--okm-ink-900);--text-brand:var(--okm-gold-700);--color-border:var(--okm-gray-200);--color-border-strong:var(--okm-gray-300);--color-border-gold:var(--okm-gold-500);--brand-primary:var(--okm-gold-500);--brand-primary-hover:var(--okm-gold-600);--brand-ink:var(--okm-ink-700);--focus-ring:var(--okm-gold-500);--selection-bg:var(--okm-gold-200);--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--space-12:6rem;--space-16:8rem;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:20px;--radius-pill:999px;--radius-circle:50%;--border-hairline:1px solid var(--color-border);--border-strong:1px solid var(--color-border-strong);--border-gold:1px solid var(--color-border-gold);--rule-gold:2px;--shadow-xs:0 1px 2px rgba(27,31,34,0.06);--shadow-sm:0 1px 3px rgba(27,31,34,0.08),0 1px 2px rgba(27,31,34,0.04);--shadow-md:0 4px 12px rgba(27,31,34,0.08),0 2px 4px rgba(27,31,34,0.05);--shadow-lg:0 12px 32px rgba(27,31,34,0.12),0 4px 8px rgba(27,31,34,0.06);--shadow-xl:0 24px 60px rgba(27,31,34,0.16);--shadow-gold:0 6px 20px rgba(197,157,72,0.30);--ring-focus:0 0 0 3px rgba(197,157,72,0.40);--container-max:1240px;--container-pad:var(--space-5);--header-h:76px;--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.4,0,1,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:360ms;--font-sans:"DIN Pro",Arial,system-ui,sans-serif;--font-display:"DIN Pro",Arial,system-ui,sans-serif;--font-condensed:"DIN Pro Condensed","DIN Pro",Arial,sans-serif;--font-mono:ui-monospace,"SFMono-Regular","Menlo","Consolas",monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fs-3xs:0.6875rem;--fs-2xs:0.75rem;--fs-xs:0.8125rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem;--fs-4xl:3rem;--fs-5xl:3.75rem;--fs-6xl:4.75rem;--lh-tight:1.05;--lh-snug:1.18;--lh-heading:1.25;--lh-body:1.55;--lh-relaxed:1.7;--ls-tighter:-0.02em;--ls-tight:-0.01em;--ls-normal:0;--ls-wide:0.04em;--ls-eyebrow:0.18em;--ls-caps:0.08em;--display-size:var(--fs-6xl);--display-weight:var(--fw-bold);--display-ls:var(--ls-tighter);--display-lh:var(--lh-tight);--heading-weight:var(--fw-semibold);--heading-ls:var(--ls-tight);--heading-lh:var(--lh-heading);--eyebrow-size:var(--fs-xs);--eyebrow-weight:var(--fw-semibold);--eyebrow-ls:var(--ls-eyebrow);--body-size:var(--fs-base);--body-weight:var(--fw-regular);--body-lh:var(--lh-body)}@font-face{font-family:DIN Pro;src:url(/fonts/DINPro-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:DIN Pro;src:url(/fonts/DINPro-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DIN Pro;src:url(/fonts/DINPro-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DIN Pro;src:url(/fonts/DINPro-Bold.otf) format("opentype");font-weight:600 700;font-style:normal;font-display:swap}body{--app-bg:var(--okm-ink-900);--app-bg-2:#20262b;--app-surface:var(--okm-ink-800);--app-surface-2:var(--okm-ink-700);--app-ink:var(--okm-gray-50);--app-ink-2:var(--okm-gray-300);--app-ink-3:var(--okm-gray-500);--app-line:var(--okm-ink-600);--app-line-strong:var(--okm-ink-500);--app-gold:var(--okm-gold-400);--app-gold-strong:var(--okm-gold-300);--app-gold-soft:rgba(197,157,72,0.16);--app-on-gold:#1a1206;--app-ok:var(--okm-success);--app-ok-bg:rgba(79,122,74,0.22);--app-warn:var(--okm-warning);--app-err:var(--okm-danger);--app-err-bg:rgba(178,59,48,0.22);--app-elev:0 8px 24px rgba(0,0,0,0.45);--app-hairline-top:inset 0 1px 0 rgba(255,255,255,0.04);--dial-face:var(--okm-ink-800);--dial-line:var(--okm-ink-600);--dial-tick:var(--okm-gray-400);--dial-ink:var(--okm-gray-50)}body.theme-day{--app-bg:var(--okm-gray-50);--app-bg-2:var(--okm-white);--app-surface:var(--okm-white);--app-surface-2:var(--okm-gray-100);--app-ink:var(--okm-ink-900);--app-ink-2:var(--okm-gray-700);--app-ink-3:var(--okm-gray-600);--app-line:var(--okm-gray-200);--app-line-strong:var(--okm-gray-300);--app-gold:var(--okm-gold-500);--app-gold-strong:var(--okm-gold-600);--app-gold-soft:var(--okm-gold-100);--app-ok-bg:var(--okm-success-bg);--app-err-bg:var(--okm-danger-bg);--app-elev:var(--shadow-md);--app-hairline-top:none}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--app-bg);background-image:radial-gradient(135% 70% at 50% -10%,var(--app-bg-2) 0,var(--app-bg) 55%);background-attachment:fixed;color:var(--app-ink);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;transition:background-color var(--dur-base) var(--ease-standard)}a{text-decoration:none}a,button{color:inherit}button{font:inherit}.app-main{max-width:520px;margin:0 auto;padding:var(--space-4) var(--space-4) calc(72px + var(--space-6));display:flex;flex-direction:column;gap:var(--space-4)}.brand-bar{position:-webkit-sticky;position:sticky;top:0;z-index:9;background:color-mix(in srgb,var(--app-bg) 88%,transparent);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border-bottom:1px solid var(--app-line)}.brand-bar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 8%,var(--app-gold-soft) 30%,var(--app-gold) 50%,var(--app-gold-soft) 70%,transparent 92%);opacity:.7;pointer-events:none}.brand-bar-inner{position:relative;max-width:520px;margin:0 auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.brand-chip{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:var(--radius-md);background:linear-gradient(155deg,var(--app-surface-2),var(--app-surface));border:1px solid var(--app-line);box-shadow:var(--app-hairline-top),var(--shadow-xs)}.brand-mark{width:24px;height:24px;display:block}.brand-divider{width:1px;height:24px;flex:none;background:linear-gradient(180deg,transparent,var(--app-line-strong) 25%,var(--app-line-strong) 75%,transparent)}.brand-lockup{display:flex;flex-direction:column;gap:1px;min-width:0}.brand-eyebrow{font-size:var(--fs-3xs);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--app-gold)}.brand-eyebrow,.brand-name{font-weight:var(--fw-semibold)}.brand-name{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:var(--ls-tight);line-height:1.05;color:var(--app-ink)}.eyebrow{font-size:var(--eyebrow-size);font-weight:var(--eyebrow-weight);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--app-ink-3)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.page-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);margin:0}.hint{font-size:var(--fs-sm);color:var(--app-ink-2);margin:0}.card{background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--radius-lg);padding:var(--space-4);flex-direction:column;box-shadow:var(--app-hairline-top),var(--app-elev)}.card,.card-row{display:flex;gap:var(--space-3)}.card-row{justify-content:space-between}.btn,.card-row{align-items:center}.btn{display:flex;justify-content:center;gap:var(--space-2);min-height:56px;padding:0 var(--space-5);border-radius:var(--radius-xl);border:1px solid transparent;font-size:var(--fs-lg);font-weight:var(--fw-semibold);cursor:pointer;width:100%;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.btn:focus-visible{outline:none;box-shadow:var(--ring-focus)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--app-gold);color:var(--app-on-gold);box-shadow:var(--shadow-gold);letter-spacing:var(--ls-tight)}.btn-primary:hover{background:var(--app-gold-strong)}.btn-primary:disabled{background:var(--app-line-strong);color:var(--app-ink-3);cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--app-surface);border-color:var(--app-line-strong);color:var(--app-ink);box-shadow:var(--app-hairline-top)}.btn-secondary:hover{border-color:var(--app-gold);color:var(--app-gold-strong)}.btn-danger{background:var(--app-err);color:#fff}.btn-small{min-height:48px;font-size:var(--fs-base)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);min-height:28px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--fs-2xs);background:var(--app-surface-2);border:1px solid var(--app-line);color:var(--app-ink-2);white-space:nowrap}.pill-dot{width:8px;height:8px;border-radius:50%;background:var(--app-ink-3);flex:none}.pill-ok{background:var(--app-ok-bg);border-color:transparent;color:var(--app-ok)}.pill-ok .pill-dot{background:var(--app-ok)}.pill-err{background:var(--app-err-bg);border-color:transparent;color:var(--app-err)}.pill-err .pill-dot{background:var(--app-err)}.seg{display:flex;background:var(--app-surface-2);border:1px solid var(--app-line);border-radius:var(--radius-md);padding:3px;gap:3px}.seg button{flex:1 1;min-height:44px;border:none;border-radius:var(--radius-sm);background:transparent;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--app-ink-2);cursor:pointer}.seg button[aria-pressed=true]{background:var(--app-surface);color:var(--app-ink);font-weight:var(--fw-semibold);box-shadow:var(--shadow-xs)}.seg button:focus-visible{outline:none;box-shadow:var(--ring-focus)}.stepper{display:flex;align-items:center;gap:var(--space-2)}.stepper button{width:48px;height:48px;flex:none;border:1px solid var(--app-line-strong);border-radius:var(--radius-md);background:var(--app-surface);font-size:var(--fs-xl);cursor:pointer}.stepper button:focus-visible{outline:none;box-shadow:var(--ring-focus)}.stepper output{flex:1 1;text-align:center;font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:var(--fw-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.toggle-row{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:var(--space-3)}.toggle-row .switch{width:52px;height:32px;flex:none;border-radius:var(--radius-pill);border:1px solid var(--app-line-strong);background:var(--app-surface-2);position:relative;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard)}.toggle-row .switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--app-surface);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-standard)}.toggle-row .switch[aria-pressed=true]{background:var(--app-gold);border-color:var(--app-gold)}.toggle-row .switch[aria-pressed=true]:after{transform:translateX(20px)}.toggle-row .switch:focus-visible{outline:none;box-shadow:var(--ring-focus)}.dial-wrap{background:radial-gradient(120% 90% at 50% 0,#2b3137 0,var(--dial-face) 62%);border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-4) var(--space-4);border:1px solid var(--dial-line);box-shadow:var(--app-elev),inset 0 1px 0 rgba(255,255,255,.05);position:relative;overflow:hidden}.dial-wrap:before{content:"";position:absolute;top:-30%;left:50%;width:70%;aspect-ratio:1;transform:translateX(-50%);background:radial-gradient(circle,rgba(197,157,72,.16),transparent 65%);pointer-events:none}.dial-needle{transition:transform 90ms var(--ease-out);transform-origin:100px 104px}.dial-value{font-family:var(--font-sans);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);fill:var(--dial-ink)}.dial-sub{font-size:var(--fs-2xs);fill:var(--okm-gray-300);letter-spacing:var(--ls-caps);text-transform:uppercase}@media (prefers-reduced-motion:reduce){.dial-needle,body{transition:none}}.wave-wrap{padding:var(--space-4)}.wave-canvas{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}.wave-readout{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--space-3)}.wave-value{font-family:var(--font-sans);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);font-size:var(--fs-3xl);letter-spacing:var(--ls-tight);color:var(--dial-ink);line-height:1}.wave-label{font-size:var(--fs-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--okm-gray-300)}.channels summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--app-ink-2)}.channels summary:focus-visible{outline:none;box-shadow:var(--ring-focus);border-radius:var(--radius-sm)}.channels-hint{color:var(--app-gold)}.channel-grid{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-3)}.channel-cell{display:grid;grid-template-columns:3.2rem 1fr auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3)}.channel-cell .eyebrow{font-size:.625rem}.channel-bar{height:6px;background:var(--app-surface-2);overflow:hidden}.channel-bar,.channel-bar>span{border-radius:var(--radius-pill)}.channel-bar>span{display:block;height:100%;background:var(--app-gold);transition:width var(--dur-fast) var(--ease-standard)}.channel-cell .mono{font-size:var(--fs-xs);color:var(--app-ink-2)}.scan-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;width:100%;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--app-line-strong);background:var(--app-surface-2);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard)}.scan-tile:hover{border-color:var(--app-gold)}.scan-tile:focus-visible{outline:none;box-shadow:var(--ring-focus)}.scan-tile-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.glance{text-align:center;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--fs-5xl);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.progressbar{height:8px;background:var(--app-surface-2);overflow:hidden}.progressbar,.progressbar>div{border-radius:var(--radius-pill)}.progressbar>div{height:100%;background:var(--app-gold);transition:width var(--dur-fast) var(--ease-standard)}.heatmap-canvas{width:100%;height:300px;object-fit:fill;border-radius:var(--radius-md);border:1px solid var(--app-line);image-rendering:pixelated;display:block}.heatmap-legend{display:flex;flex-direction:column;gap:var(--space-1)}.list-legend{margin-top:calc(-1 * var(--space-1))}.card>.heatmap-canvas{height:240px}.legend-bar{height:10px;border-radius:var(--radius-pill);background:linear-gradient(90deg,#00007f,#0000ff,#00ffff,#00ff00,#ffff00,#ff0000,#7f0000)}.legend-labels{display:flex;justify-content:space-between;font-size:var(--fs-2xs);color:var(--app-ink-3)}.surface3d{width:100%;border-radius:var(--radius-md);border:1px solid var(--app-line);overflow:hidden;background:radial-gradient(120% 90% at 50% 0,#20262b 0,var(--dial-face) 70%);touch-action:none}.surface3d-msg{display:flex;align-items:center;justify-content:center;text-align:center;height:340px;padding:var(--space-5);color:var(--app-ink-2);font-size:var(--fs-sm)}.scan-select{width:100%;min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--app-line-strong);background:var(--app-surface);color:var(--app-ink);font:inherit;font-size:var(--fs-sm)}.scan-select:focus-visible{outline:none;box-shadow:var(--ring-focus)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-2);gap:var(--space-2)}.stat-cell{display:flex;flex-direction:column;gap:2px;background:var(--app-surface-2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.stat-cell .eyebrow{font-size:.625rem}.stat-value{font-size:var(--fs-base);font-weight:var(--fw-semibold)}.anomaly-row{display:flex;align-items:center;gap:var(--space-3);min-height:44px}.anomaly-dot{width:12px;height:12px;border-radius:50%;flex:none}.anomaly-meta{display:flex;flex-direction:column;min-width:0;flex:1 1}.anomaly-pos{font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.anomaly-strength{font-size:var(--fs-base);font-weight:var(--fw-bold)}.bottomnav{position:fixed;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--app-surface) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--app-line);display:flex;justify-content:center;z-index:10;padding-bottom:env(safe-area-inset-bottom)}.bottomnav-inner{display:flex;width:100%;max-width:520px;padding:var(--space-2) var(--space-2) 0;gap:var(--space-1)}.bottomnav a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;border-radius:var(--radius-lg);font-size:var(--fs-3xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--app-ink-3);transition:color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard)}.bottomnav a[aria-current=page]{color:var(--app-gold);background:var(--app-gold-soft)}.bottomnav a:focus-visible{outline:none;box-shadow:var(--ring-focus)}.bottomnav svg{width:24px;height:24px}.empty-state{text-align:center;color:var(--app-ink-2);padding:var(--space-6) var(--space-4)}.file-label input{position:absolute;width:1px;height:1px;opacity:0}.scan-name{font-weight:600;font-size:var(--fs-base);word-break:break-all;margin:var(--space-1) 0 0}.recent-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--app-line);background:var(--app-surface-2);transition:border-color var(--dur-fast) var(--ease-standard)}.recent-row:hover{border-color:var(--app-gold)}.recent-thumb{flex:none;width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--app-line)}.recent-thumb .heatmap-canvas{width:100%;height:100%;object-fit:cover;border:none;border-radius:0}.recent-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.recent-name{font-weight:var(--fw-semibold);font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.divider{border:none;border-top:1px solid var(--app-line);margin:0}.info-row{justify-content:space-between}.info-link,.info-row{display:flex;align-items:center;gap:var(--space-3)}.info-link{min-height:44px;color:var(--app-gold);font-weight:var(--fw-medium)}.info-link:hover{color:var(--app-gold-strong);text-decoration:underline}.info-link svg{width:20px;height:20px;flex:none}.notice{background:var(--app-gold-soft);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--fs-sm);color:var(--app-ink-2)}