.mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-bottom-nav-height);padding-bottom:var(--safe-area-bottom);background:var(--color-text-primary);border-top:var(--border-strong) solid var(--color-border-primary);display:flex;align-items:stretch;justify-content:space-around;z-index:var(--z-header);box-sizing:border-box}.mobile-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--touch-target-min);color:#ffffff8c;position:relative;transition:color var(--motion-nav);-webkit-tap-highlight-color:transparent}.mobile-tab-item.active{color:var(--color-brand)}.mobile-tab-item.active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;background:var(--color-brand)}.mobile-tab-icon{display:flex;align-items:center;justify-content:center;line-height:0}.mobile-tab-label{font-family:var(--font-mono);font-size:var(--text-label-sm);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-wide);line-height:1}.mobile-tab-item:active{background:#ccff0014}.mobile-tab-item:focus-visible{outline:var(--focus-outline);outline-offset:-3px}@media (min-width: 769px){.mobile-tab-bar{display:none}}.layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.layout-header{display:flex;align-items:stretch;justify-content:space-between;padding:0 var(--page-padding-x);height:var(--header-height);background:var(--color-text-primary);border-bottom:var(--border-strong) solid var(--color-border-primary);position:sticky;top:0;z-index:var(--z-header);padding-top:var(--safe-area-top)}.layout-logo{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);font-family:var(--font-display);font-size:var(--text-heading-md);font-weight:var(--weight-black);color:var(--color-text-inverse);text-transform:uppercase;letter-spacing:var(--tracking-tight);border-right:var(--border-default) solid rgba(255,255,255,.12);transition:background var(--motion-fast) var(--ease-out)}.layout-logo:hover{background:#ccff0014}.layout-logo-mark{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--color-brand);color:var(--color-brand-fg);border:var(--border-default) solid var(--color-brand-fg);border-radius:var(--radius-xs)}.layout-logo-text{font-size:var(--text-heading-md)}.layout-nav{display:flex;align-items:stretch;gap:0}.layout-nav a{display:flex;align-items:center;padding:var(--nav-item-padding);font-family:var(--font-body);font-size:var(--text-label-md);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:#ffffffb3;border-left:var(--border-default) solid rgba(255,255,255,.08);transition:all var(--motion-fast) var(--ease-out);position:relative}.layout-nav a:hover{color:var(--color-text-inverse);background:#ffffff0f}.layout-nav a.active{color:var(--color-brand);background:#ccff000f}.layout-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-brand)}.layout-nav a:focus-visible{outline:var(--focus-outline);outline-offset:-3px}.layout-mobile-header{display:none}.layout-main{flex:1;max-width:var(--max-width-page);width:100%;margin:0 auto;padding:var(--page-padding-y) var(--page-padding-x)}@media (max-width: 1024px){.layout-nav a{padding:var(--space-sm) var(--space-md);font-size:var(--text-label-sm)}.layout-logo{padding:0 var(--space-sm)}}@media (max-width: 768px){.layout-header{display:none}.layout-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);padding-top:var(--safe-area-top);height:calc(var(--mobile-header-height) + var(--safe-area-top));background:var(--color-text-primary);border-bottom:var(--border-strong) solid var(--color-border-primary);position:sticky;top:0;z-index:var(--z-header);box-sizing:border-box}.layout-mobile-logo{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-text-inverse);font-family:var(--font-display);font-size:var(--text-body-md);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-tight)}.layout-mobile-logo-mark{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-brand);color:var(--color-brand-fg);border:var(--border-default) solid var(--color-brand-fg);border-radius:var(--radius-xs)}.layout-mobile-logo-text{font-size:var(--text-body-sm)}.layout-mobile-title{font-family:var(--font-mono);font-size:var(--text-label-md);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-brand)}.layout-main{padding-bottom:calc(var(--page-padding-y) + var(--mobile-bottom-nav-height));padding-left:max(var(--mobile-page-padding-x),var(--safe-area-left));padding-right:max(var(--mobile-page-padding-x),var(--safe-area-right))}}@media (max-width: 390px){.layout-mobile-logo-text{font-size:var(--text-label-md)}.layout-mobile-title{font-size:var(--text-label-sm)}}.floating-nav{position:fixed;right:var(--space-lg);bottom:var(--space-lg);z-index:var(--z-sticky, 900);display:flex;gap:var(--space-sm);align-items:center}.floating-nav-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:var(--border-strong) solid var(--color-border-primary);background:var(--color-surface-primary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-label-md);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-wide);text-decoration:none;border-radius:var(--radius-xs);box-shadow:var(--shadow-offset-sm);transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.floating-nav-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-offset-md)}.floating-nav-btn:active{transform:translate(1px,1px);box-shadow:var(--shadow-pressed)}.floating-nav-btn.primary{background:var(--color-brand);color:var(--color-brand-fg)}.floating-nav-btn.primary:hover{background:var(--color-brand)}.floating-nav-arrow{font-family:var(--font-mono);font-size:var(--text-label-lg);font-weight:var(--weight-black);line-height:1}.floating-nav-text{white-space:nowrap}@media (max-width: 768px){.floating-nav{right:var(--space-md);bottom:calc(var(--mobile-bottom-nav-height) + var(--space-sm));flex-direction:column;align-items:flex-end}.floating-nav-btn{min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);font-size:var(--text-label-md)}}@media (max-width: 390px){.floating-nav{right:var(--space-sm);gap:var(--space-2xs)}.floating-nav-btn{padding:var(--space-2xs) var(--space-sm);font-size:var(--text-label-sm)}.floating-nav-arrow{font-size:var(--text-label-md)}}@media (prefers-reduced-motion: reduce){.floating-nav-btn{transition:none}.floating-nav-btn:hover{transform:none}}.home{display:flex;flex-direction:column}.home-focus-banner{background:var(--color-surface-primary);border:var(--border-strong) solid var(--color-border-primary);border-left:6px solid var(--color-brand);box-shadow:var(--shadow-offset-md);padding:var(--space-lg) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-2xl)}.home-focus-banner-header{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-label-lg);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-primary)}.home-focus-banner-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-brand);color:var(--color-brand-fg);border:var(--border-default) solid var(--color-border-primary);border-radius:var(--radius-xs)}.home-focus-banner-title{font-size:var(--text-label-lg)}.home-focus-banner-body{font-size:var(--text-body-md);color:var(--color-text-primary);line-height:var(--leading-relaxed)}.home-focus-banner-body strong{display:block;font-size:var(--text-heading-md);font-weight:var(--weight-black);margin-bottom:var(--space-2xs);color:var(--color-text-primary)}.home-focus-banner-body p{color:var(--color-text-secondary);font-size:var(--text-body-sm);margin:0;font-weight:var(--weight-medium)}.home-focus-banner-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap}.home-hero{padding:var(--space-3xl) 0 var(--space-2xl);text-align:left;max-width:720px}.home-tagline{display:inline-block;background:var(--color-text-primary);color:var(--color-brand);padding:6px 14px;font-family:var(--font-mono);font-size:var(--text-label-md);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-lg);border-radius:var(--radius-xs)}.home-title{font-family:var(--font-display);font-size:var(--text-display-2xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-md);color:var(--color-text-primary)}.home-highlight{background:var(--color-brand);color:var(--color-brand-fg);padding:0 10px;display:inline-block;border:var(--border-default) solid var(--color-border-primary);border-radius:var(--radius-xs)}.home-subtitle{font-size:var(--text-body-lg);color:var(--color-text-secondary);max-width:560px;margin:0 0 var(--space-xl);line-height:var(--leading-relaxed);font-weight:var(--weight-medium)}.home-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.home-divider{height:var(--border-strong);background:var(--color-border-primary);margin:var(--space-2xl) 0}.home-section{padding:var(--space-xl) 0}.home-section-title{font-family:var(--font-display);font-size:var(--text-heading-xl);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2xs);display:inline-block;background:var(--color-text-primary);color:var(--color-brand);padding:4px 14px;border-radius:var(--radius-xs)}.home-section-desc{color:var(--color-text-secondary);font-size:var(--text-body-sm);margin-bottom:var(--space-xl);margin-top:var(--space-md);font-weight:var(--weight-medium)}.home-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.home-step{background:var(--color-surface-primary);border:var(--border-strong) solid var(--color-border-primary);padding:var(--space-lg);text-align:left;box-shadow:var(--shadow-offset-sm);transition:transform var(--motion-default) var(--ease-out),box-shadow var(--motion-default) var(--ease-out);border-radius:var(--radius-sm)}.home-step:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-offset-lg)}.home-step-num{width:36px;height:36px;background:var(--color-brand);color:var(--color-brand-fg);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-heading-md);font-weight:var(--weight-black);margin-bottom:var(--space-sm);border:var(--border-default) solid var(--color-border-primary);border-radius:var(--radius-xs)}.home-step h4{font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-black);margin-bottom:var(--space-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.home-step p{font-size:var(--text-body-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md)}.home-card{display:block;text-decoration:none;color:inherit;background:var(--color-surface-primary);border:var(--border-strong) solid var(--color-border-primary);padding:var(--space-xl);box-shadow:var(--shadow-offset-sm);transition:transform var(--motion-default) var(--ease-out),box-shadow var(--motion-default) var(--ease-out);border-radius:var(--radius-sm)}.home-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-offset-lg)}.home-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-surface-secondary);color:var(--color-text-primary);border:var(--border-default) solid var(--color-border-primary);border-radius:var(--radius-xs);margin-bottom:var(--space-md)}.home-card h3{font-family:var(--font-display);font-size:var(--text-body-md);font-weight:var(--weight-black);margin-bottom:var(--space-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.home-card p{font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);font-weight:var(--weight-medium)}.home-boundary{background:var(--color-surface-primary);border:var(--border-strong) solid var(--color-border-primary);padding:var(--space-xl);box-shadow:var(--shadow-offset-md);border-radius:var(--radius-sm)}.home-boundary-title{font-family:var(--font-display);font-size:var(--text-body-md);font-weight:var(--weight-black);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:var(--tracking-wide);display:flex;align-items:center;gap:var(--space-sm)}.home-boundary-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--status-warning-bg);color:var(--status-warning);border:var(--border-default) solid var(--status-warning);border-radius:var(--radius-xs)}.home-boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.home-boundary-item{font-size:var(--text-body-sm);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);padding-left:32px;position:relative;border:var(--border-default) solid var(--color-border-primary);font-weight:var(--weight-medium);border-radius:var(--radius-xs)}.home-boundary-item.ok{background:var(--status-success-bg);border-color:var(--status-success)}.home-boundary-item.no{background:var(--status-danger-bg);border-color:var(--status-danger)}.home-boundary-item:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:10px;height:10px;border:var(--border-default) solid var(--color-border-primary);border-radius:var(--radius-xs)}.home-boundary-item.ok:before{background:var(--status-success)}.home-boundary-item.no:before{background:var(--status-danger)}.home-footer{border-top:var(--border-strong) solid var(--color-border-primary);padding:var(--space-xl) 0;text-align:center;font-size:var(--text-label-md);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--color-text-primary);color:var(--color-text-inverse);margin-top:var(--space-2xl)}@media (max-width: 768px){.home-title{font-size:var(--text-display-xl)}.home-steps{grid-template-columns:repeat(2,1fr)}.home-boundary-grid{grid-template-columns:1fr}}@media (max-width: 390px){.home-hero{padding:var(--space-xl) 0 var(--space-lg)}.home-title{font-size:var(--text-display-lg)}.home-actions{flex-direction:column;align-items:stretch}.home-steps,.home-cards{grid-template-columns:1fr}.home-section-title{font-size:var(--text-heading-lg)}}@media (max-width: 360px){.home-title{font-size:var(--text-display-xl)}.home-actions{gap:var(--space-sm)}.home-steps{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}}.capture-calibrator{border:var(--border-strong) solid var(--color-border-primary);box-shadow:var(--shadow-offset-md);background:var(--color-surface-primary);border-radius:var(--radius-sm);overflow:hidden}.cc-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-heading-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-md) var(--space-lg);background:var(--color-text-primary);color:var(--color-text-inverse);border-bottom:var(--border-strong) solid var(--color-border-primary)}.cc-status{font-family:var(--font-mono);font-size:var(--text-label-sm);padding:var(--space-3xs) var(--space-sm);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-wide);border:var(--border-default) solid var(--color-border-primary);border-radius:var(--radius-xs)}.cc-status--ok{background:var(--status-success);color:var(--color-text-inverse)}.cc-status--warn{background:var(--status-warning);color:var(--color-text-inverse)}.cc-video-container{position:relative;background:var(--video-bg);aspect-ratio:var(--video-aspect-ratio);display:flex;align-items:center;justify-content:center;border-bottom:var(--border-strong) solid var(--color-border-primary)}.cc-video{width:100%;height:100%;object-fit:cover;display:block}.cc-canvas-hidden{display:none}.cc-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:var(--color-bg-primary);text-align:center;padding:var(--space-xl)}.cc-placeholder p{font-family:var(--font-mono);font-size:var(--text-body-sm);font-weight:var(--weight-regular);color:var(--color-text-secondary);letter-spacing:var(--tracking-wide)}.cc-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:var(--color-bg-primary);text-align:center;padding:var(--space-xl)}.cc-error p{font-family:var(--font-mono);font-size:var(--text-body-md);color:var(--status-danger-fg);font-weight:var(--weight-bold)}.cc-stop-btn{position:absolute;top:var(--space-md);right:var(--space-md);font-size:var(--text-label-sm);padding:var(--space-2xs) var(--space-sm);z-index:var(--z-content)}.cc-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:var(--border-strong) solid var(--color-border-primary)}.cc-metric{padding:var(--space-md) var(--space-sm);text-align:center;border-right:var(--border-default) solid var(--color-border-primary);background:var(--color-surface-secondary)}.cc-metric:last-child{border-right:none}.cc-metric-label{display:block;font-family:var(--font-mono);font-size:var(--text-label-sm);font-weight:var(--weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.cc-metric-value{display:block;font-family:var(--font-mono);font-size:var(--text-data-md);font-weight:var(--weight-black);margin-top:var(--space-3xs);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.cc-metric--ok{background:var(--color-brand-soft)}.cc-metric--ok .cc-metric-value{color:var(--color-brand-active)}.cc-metric--warn .cc-metric-value{color:var(--status-warning)}.cc-warnings{padding:var(--space-md) var(--space-lg);background:var(--status-warning-bg);border-bottom:var(--border-strong) solid var(--color-border-primary)}.cc-warning-item{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--status-warning-fg);font-weight:var(--weight-bold);padding:var(--space-3xs) 0;letter-spacing:var(--tracking-wide)}.cc-passed-hint{padding:var(--space-md) var(--space-lg);background:var(--color-brand);border-top:var(--border-strong) solid var(--color-border-primary);font-family:var(--font-mono);font-size:var(--text-body-md);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-brand-fg)}@media (max-width: 768px){.cc-header{font-size:var(--text-label-lg);padding:var(--space-sm) var(--space-md)}.cc-metric{padding:var(--space-sm) var(--space-2xs)}.cc-metric-value{font-size:var(--text-body-lg)}}@media (max-width: 390px){.cc-header{font-size:var(--text-body-sm)}.cc-metric-label{font-size:var(--text-caption)}.cc-metric-value{font-size:var(--text-body-md)}.cc-placeholder,.cc-error{padding:var(--space-md)}}.setup{display:flex;flex-direction:column;gap:var(--space-xl)}.setup-title{font-family:var(--font-display);font-size:var(--text-display-lg);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-text-primary)}.setup-desc{font-family:var(--font-body);font-size:var(--text-body-md);color:var(--color-text-secondary);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.setup-steps{display:flex;flex-direction:column;gap:var(--space-lg)}.setup-step{display:flex;align-items:center;gap:var(--space-lg);background:var(--color-surface-primary);border:var(--border-strong) solid var(--color-border-primary);box-shadow:var(--shadow-offset-md);padding:var(--space-lg);border-radius:var(--radius-sm);transition:transform var(--motion-default) var(--ease-out),box-shadow var(--motion-default) var(--ease-out)}.setup-step:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-offset-lg)}.setup-step-num{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:var(--color-brand);color:var(--color-brand-fg);font-family:var(--font-display);font-size:var(--text-heading-lg);font-weight:var(--weight-black);border:var(--border-strong) solid var(--color-border-primary);border-radius:var(--radius-xs);box-shadow:var(--shadow-offset-xs);font-variant-numeric:tabular-nums}.setup-step-content{flex:1}.setup-step-content h3{font-family:var(--font-display);font-size:var(--text-heading-md);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2xs);color:var(--color-text-primary)}.setup-step-content p{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.setup-step-icon{font-size:var(--text-display-lg);min-width:48px;text-align:center;line-height:1}.setup-calibrator-section{display:flex;flex-direction:column;gap:var(--space-sm)}.setup-section-title{font-family:var(--font-display);font-size:var(--text-heading-xl);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.setup-section-desc{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium);line-height:var(--leading-normal);margin-bottom:var(--space-sm)}.setup-notice{background:var(--color-surface-primary);border:var(--border-strong) solid var(--color-border-primary);box-shadow:var(--shadow-offset-md);padding:var(--space-lg);border-radius:var(--radius-sm)}.setup-notice h3{font-family:var(--font-display);font-size:var(--text-heading-md);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-md);color:var(--color-text-primary)}.setup-notice ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.setup-notice li{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-text-secondary);padding-left:var(--space-lg);position:relative;font-weight:var(--weight-medium);line-height:var(--leading-normal)}.setup-notice li:before{content:"▶";position:absolute;left:0;top:1px;font-size:var(--text-label-sm);font-weight:var(--weight-black);color:var(--color-brand-active)}.setup-actions{display:flex;gap:var(--space-md);padding-top:var(--space-lg);border-top:var(--border-strong) solid var(--color-border-primary)}@media (max-width: 768px){.setup-title{font-size:var(--text-heading-xl)}.setup-section-title{font-size:var(--text-heading-lg)}.setup-step{padding:var(--space-md);gap:var(--space-md)}.setup-step-num{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);font-size:var(--text-heading-md)}.setup-step-icon{font-size:var(--text-heading-xl);min-width:36px}}@media (max-width: 390px){.setup-title{font-size:var(--text-heading-lg)}.setup-step{flex-direction:column;text-align:center;gap:var(--space-sm)}.setup-step-icon{min-width:auto}.setup-actions{flex-direction:column}.setup-notice{padding:var(--space-md)}}:root{--color-bg-primary: #f7f5ef;--color-bg-secondary: #eeebe2;--color-surface-primary: #ffffff;--color-surface-secondary: #f4f1ea;--color-surface-inset: #e8e4d8;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-text-inverse: #ffffff;--color-border-primary: #0f172a;--color-border-secondary: #475569;--color-border-tertiary: #cbd5e1;--color-bg: var(--color-bg-primary);--color-bg-card: var(--color-surface-primary);--color-bg-hover: var(--color-surface-secondary);--color-border: var(--color-border-primary);--color-border-light: var(--color-border-secondary);--color-text: var(--color-text-primary);--color-text-muted: var(--color-text-tertiary);--color-brand: #ccff00;--color-brand-hover: #b8e600;--color-brand-active: #a3cc00;--color-brand-fg: #0f172a;--color-brand-soft: rgba(204, 255, 0, .12);--color-accent: var(--color-brand);--color-accent-hover: var(--color-brand-hover);--color-cobalt: #2563eb;--color-cobalt-hover: #1d4ed8;--color-cobalt-soft: rgba(37, 99, 235, .1);--color-coral: #ff5a36;--color-coral-hover: #e64a26;--color-coral-soft: rgba(255, 90, 54, .1);--color-violet: #7c3aed;--color-violet-hover: #6d28d9;--color-violet-soft: rgba(124, 58, 237, .1);--color-accent-blue: var(--color-cobalt);--color-accent-green: #059669;--color-accent-yellow: #d97706;--status-success: #059669;--status-success-bg: rgba(5, 150, 105, .1);--status-success-border: #059669;--status-success-fg: #065f46;--status-warning: #d97706;--status-warning-bg: rgba(217, 119, 6, .1);--status-warning-border: #d97706;--status-warning-fg: #92400e;--status-danger: #dc2626;--status-danger-bg: rgba(220, 38, 38, .08);--status-danger-border: #dc2626;--status-danger-fg: #991b1b;--status-info: #2563eb;--status-info-bg: rgba(37, 99, 235, .08);--status-info-border: #2563eb;--status-info-fg: #1e40af;--status-neutral: #64748b;--status-neutral-bg: rgba(100, 116, 139, .1);--status-neutral-border: #64748b;--status-neutral-fg: #475569;--confidence-high: #059669;--confidence-high-bg: rgba(5, 150, 105, .1);--confidence-medium: #d97706;--confidence-medium-bg: rgba(217, 119, 6, .1);--confidence-low: #94a3b8;--confidence-low-bg: rgba(148, 163, 184, .12);--color-success: var(--status-success);--color-warning: var(--status-warning);--color-danger: var(--status-danger);--chart-current: #ccff00;--chart-current-stroke: #0f172a;--chart-baseline: #2563eb;--chart-target: #7c3aed;--chart-muted: #94a3b8;--chart-grid: #e2e8f0;--chart-axis: #475569;--chart-positive: #059669;--chart-negative: #dc2626;--font-display: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-body: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Courier New", monospace;--font-family: var(--font-body);--font-mono-default: var(--font-mono);--text-display-2xl: 48px;--text-display-xl: 36px;--text-display-lg: 28px;--text-heading-xl: 24px;--text-heading-lg: 20px;--text-heading-md: 16px;--text-heading-sm: 14px;--text-body-lg: 16px;--text-body-md: 14px;--text-body-sm: 12px;--text-label-lg: 13px;--text-label-md: 11px;--text-label-sm: 10px;--text-caption: 10px;--text-data-2xl: 36px;--text-data-xl: 28px;--text-data-lg: 22px;--text-data-md: 16px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 900;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--font-size-xs: var(--text-label-sm);--font-size-sm: var(--text-body-sm);--font-size-base: var(--text-body-md);--font-size-lg: var(--text-body-lg);--font-size-xl: var(--text-heading-lg);--font-size-2xl: var(--text-heading-xl);--font-size-3xl: var(--text-display-lg);--font-size-4xl: var(--text-display-xl);--space-3xs: 2px;--space-2xs: 4px;--space-xs: 6px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--space-xs-old: 4px;--radius-none: 0px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 9999px;--radius-sm-old: var(--radius-xs);--radius-md-old: var(--radius-sm);--radius-lg-old: var(--radius-md);--border-thin: 1px;--border-default: 2px;--border-strong: 3px;--border-emphasis: 4px;--border-width: var(--border-strong);--shadow-offset-xs: 2px 2px 0 0 var(--color-border-primary);--shadow-offset-sm: 3px 3px 0 0 var(--color-border-primary);--shadow-offset-md: 4px 4px 0 0 var(--color-border-primary);--shadow-offset-lg: 6px 6px 0 0 var(--color-border-primary);--shadow-offset-xl: 8px 8px 0 0 var(--color-border-primary);--shadow-pressed: 0 0 0 0 var(--color-border-primary);--shadow-focus: 0 0 0 3px var(--color-brand);--shadow-sm: var(--shadow-offset-sm);--shadow-md: var(--shadow-offset-md);--shadow-lg: var(--shadow-offset-lg);--shadow-offset: 4px;--motion-fast: .1s;--motion-default: .18s;--motion-slow: .28s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: var(--motion-fast) var(--ease-out);--transition-normal: var(--motion-default) var(--ease-out);--max-width-page: 1280px;--max-width-content: 1200px;--header-height: 60px;--page-padding-x: var(--space-2xl);--page-padding-y: var(--space-2xl);--module-gap: var(--space-2xl);--card-padding: var(--space-xl);--nav-item-padding: 10px 16px;--max-width: var(--max-width-page);--video-bg: #0a0e1a;--video-surface: #131829;--video-border: var(--color-border-primary);--video-accent: var(--color-brand);--video-text: #e2e8f0;--video-text-muted: #64748b;--video-overlay: rgba(10, 14, 26, .85);--video-aspect-ratio: 16 / 9;--z-base: 0;--z-content: 1;--z-sticky: 100;--z-header: 200;--z-dropdown: 500;--z-drawer: 800;--z-modal: 900;--z-toast: 1000;--z-tooltip: 1100;--bp-mobile: 390px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1280px;--focus-outline: 3px solid var(--color-brand);--focus-outline-offset: 2px;--disabled-opacity: .55;--disabled-border: var(--color-border-tertiary);--touch-target-min: 44px;--touch-target-comfort: 48px;--touch-gap-min: 8px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--mobile-header-height: 56px;--mobile-bottom-nav-height: calc(56px + var(--safe-area-bottom));--mobile-page-padding-x: var(--space-md);--mobile-page-padding-y: var(--space-md);--mobile-card-padding: var(--space-md);--mobile-sheet-radius: var(--radius-lg);--mobile-sticky-action-h: calc(56px + var(--safe-area-bottom));--motion-sheet: .24s var(--ease-out);--motion-nav: .18s var(--ease-out)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--leading-normal);min-height:100vh;min-height:100dvh;background-image:radial-gradient(circle,rgba(15,23,42,.04) 1px,transparent 1px);background-size:20px 20px}a{color:var(--color-text-primary);text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:var(--font-body)}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.brutal-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 20px;font-family:var(--font-body);font-size:var(--text-label-lg);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border:var(--border-strong) solid var(--color-border-primary);box-shadow:var(--shadow-offset-sm);transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out);cursor:pointer;background:var(--color-surface-primary);color:var(--color-text-primary);border-radius:var(--radius-xs);position:relative}.brutal-btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-offset-md)}.brutal-btn:active,.brutal-btn.pressed{transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.brutal-btn:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.brutal-btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;transform:none;box-shadow:var(--shadow-offset-xs);border-color:var(--disabled-border)}.brutal-btn.primary{background:var(--color-brand);color:var(--color-brand-fg);border-color:var(--color-border-primary)}.brutal-btn.primary:hover{background:var(--color-brand-hover)}.brutal-btn.primary:active{background:var(--color-brand-active)}.brutal-btn.secondary{background:var(--color-cobalt);color:var(--color-text-inverse)}.brutal-btn.secondary:hover{background:var(--color-cobalt-hover)}.brutal-btn.danger{background:var(--status-danger);color:var(--color-text-inverse)}.brutal-btn.danger:hover{background:#b91c1c}.brutal-btn.tertiary{background:transparent;border-color:var(--color-border-tertiary);box-shadow:none;color:var(--color-text-secondary)}.brutal-btn.tertiary:hover{border-color:var(--color-border-primary);color:var(--color-text-primary);transform:none;box-shadow:none}.brutal-btn.small{padding:6px 12px;font-size:var(--text-label-md);box-shadow:var(--shadow-offset-xs);border-width:var(--border-default)}.brutal-btn.small:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-offset-sm)}.brutal-btn.small:active{transform:translate(1px,1px);box-shadow:var(--shadow-pressed)}.brutal-card{background:var(--color-surface-primary);border:var(--border-strong) solid var(--color-border-primary);padding:var(--card-padding);box-shadow:var(--shadow-offset-md);transition:transform var(--motion-default) var(--ease-out),box-shadow var(--motion-default) var(--ease-out);border-radius:var(--radius-sm)}.brutal-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-offset-lg)}.brutal-tag{display:inline-flex;align-items:center;padding:3px 8px;font-size:var(--text-label-md);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border:var(--border-default) solid var(--color-border-primary);background:var(--color-surface-primary);color:var(--color-text-primary);border-radius:var(--radius-xs);white-space:nowrap}.brutal-tag.small{padding:1px 6px;font-size:var(--text-label-sm)}.brutal-tag.tag-stable{background:var(--status-success);color:#fff;border-color:var(--color-border-primary)}.brutal-tag.tag-focus{background:var(--color-brand);color:var(--color-brand-fg)}.brutal-tag.tag-warn{background:var(--status-warning);color:#fff}.brutal-tag.tag-danger{background:var(--status-danger);color:#fff}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){:root{--text-display-2xl: 32px;--text-display-xl: 26px;--text-display-lg: 22px;--page-padding-x: var(--space-lg);--page-padding-y: var(--space-lg);--module-gap: var(--space-xl);--card-padding: var(--space-lg);--header-height: var(--mobile-header-height)}}@media (max-width: 390px){:root{--text-display-2xl: 28px;--text-display-xl: 24px;--text-display-lg: 20px;--page-padding-x: var(--space-md);--page-padding-y: var(--space-md);--shadow-offset-md: 3px 3px 0 0 var(--color-border-primary);--shadow-offset-lg: 4px 4px 0 0 var(--color-border-primary)}.brutal-card{padding:var(--space-lg)}.brutal-btn{padding:10px 16px;font-size:var(--text-label-md)}}@media (max-width: 360px){:root{--page-padding-x: var(--space-sm);--page-padding-y: var(--space-sm);--text-display-lg: 18px}}