:root{--color-bg-primary: #EFEAE3;--color-bg-secondary: #F2EDE6;--color-bg-soft: #F6F1EA;--color-surface-primary: #F2EDE6;--color-surface-raised: #FAF6EF;--color-surface-sunken: #E7E1D8;--color-surface-overlay: rgba(250, 246, 239, .94);--color-primary: #91C7F5;--color-primary-hover: #80BAEC;--color-primary-active: #71ACDE;--color-primary-soft: #C9E4FA;--color-pink: #F3A2C0;--color-pink-hover: #EA91B2;--color-pink-soft: #F9D4E2;--color-mint: #A9DDBD;--color-mint-hover: #97CFAA;--color-mint-soft: #D5F0DF;--color-peach: #F5C4A5;--color-peach-soft: #FAE0D0;--color-lilac: #C9B9EA;--color-lilac-soft: #E4DCF5;--color-yellow-soft: #F2DEA2;--color-text-primary: #46403A;--color-text-secondary: #786E64;--color-text-tertiary: #9C9388;--color-text-disabled: #B8B0A4;--color-text-on-accent: #46403A;--color-success: #88C9A0;--color-warning: #E8BD75;--color-error: #E5969E;--color-info: #83B9E8;--color-border-soft: rgba(110, 128, 153, .1);--color-border-medium: rgba(110, 128, 153, .18);--color-highlight: rgba(255, 255, 255, .72);--bg: var(--color-bg-primary);--surface: var(--color-surface-raised);--surface-soft: var(--color-bg-soft);--surface-subtle: var(--color-surface-sunken);--text: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-tertiary);--border: var(--color-border-soft);--border-strong: var(--color-border-medium);--fjord: var(--color-primary);--fjord-deep: var(--color-primary-active);--fjord-pale: var(--color-primary-soft);--fjord-soft: var(--color-primary-soft);--sage: var(--color-mint);--sage-deep: var(--color-mint-hover);--sage-pale: var(--color-mint-soft);--sage-soft: var(--color-mint-soft);--mauve: var(--color-lilac);--mauve-deep: #a895b8;--mauve-pale: var(--color-lilac-soft);--mauve-soft: var(--color-lilac-soft);--peach-deep: #E0A88A;--peach-pale: var(--color-peach-soft);--cream: var(--color-bg-primary);--cream-deep: var(--color-surface-sunken);--cream-soft: var(--color-bg-soft);--color-primary-deep: var(--color-primary-active);--color-success-deep: var(--color-mint-hover);--color-warning-deep: #D9A85E;--color-danger: var(--color-error);--color-accent: var(--color-pink);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-serif: Georgia, "Songti SC", "STSong", "PingFang SC", serif;--font-mono: "SF Mono", "JetBrains Mono", "Cascadia Code", monospace;--text-display: 3rem;--text-h1: 2.25rem;--text-h2: 1.75rem;--text-h3: 1.375rem;--text-body-lg: 1.125rem;--text-body: .9375rem;--text-body-sm: .8125rem;--text-label: .75rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.65;--leading-relaxed: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-wider: .12em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--space-3xl: var(--space-16);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 999px;--shadow-xs: 0 2px 6px rgba(90, 78, 68, .08), 0 -1px 3px rgba(255, 255, 255, .55);--shadow-sm: 0 6px 14px rgba(90, 78, 68, .1), 0 -3px 8px rgba(255, 255, 255, .58);--shadow-md: 0 12px 28px rgba(90, 78, 68, .13), 0 -5px 14px rgba(255, 255, 255, .64);--shadow-lg: 0 22px 48px rgba(90, 78, 68, .16), 0 -8px 20px rgba(255, 255, 255, .68);--shadow-inset: inset 3px 3px 8px rgba(90, 78, 68, .08), inset -3px -3px 8px rgba(255, 255, 255, .62);--shadow-pressed: inset 4px 4px 10px rgba(90, 78, 68, .12), inset -3px -3px 8px rgba(255, 255, 255, .5);--shadow-hover: 0 16px 36px rgba(90, 78, 68, .15), 0 -6px 16px rgba(255, 255, 255, .66);--shadow-clay-sm: var(--shadow-sm);--shadow-clay-md: var(--shadow-md);--shadow-clay-lg: var(--shadow-lg);--shadow-clay-xl: var(--shadow-lg);--shadow-clay-hover: var(--shadow-hover);--shadow-clay-pressed: var(--shadow-pressed);--inner-clay: var(--shadow-inset);--inner-clay-deep: var(--shadow-pressed);--inner-clay-inset: var(--shadow-inset);--border-hairline: 1px solid var(--color-border-soft);--border-thin: 1px solid var(--color-border-medium);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .32s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-enter: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-sticky-action: 220;--z-bottom-nav: 250;--z-overlay: 500;--z-modal: 800;--z-toast: 900;--bp-xs: 320px;--bp-sm: 360px;--bp-mobile: 430px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1280px;--bp-ultrawide: 1440px;--focus-ring: 0 0 0 3px rgba(145, 199, 245, .3);--text-display-mobile: 2rem;--text-h1-mobile: 1.75rem;--text-h2-mobile: 1.5rem;--text-h3-mobile: 1.25rem;--text-body-mobile: .9375rem;--text-body-sm-mobile: .8125rem;--stat-value-mobile: 1.5rem;--stat-value-mobile-lg: 2rem;--space-page-x-mobile: 16px;--space-page-y-mobile: 24px;--space-card-mobile: 20px;--space-section-gap-mobile: 20px;--mobile-nav-height: 56px;--mobile-bottom-nav-height: 64px;--mobile-safe-top: env(safe-area-inset-top, 0px);--mobile-safe-bottom: env(safe-area-inset-bottom, 0px);--mobile-content-max-width: 100%;--mobile-sticky-action-height: 72px;--touch-target-min: 44px;--touch-target-comfort: 48px;--touch-target-large: 56px;--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);--bottom-sheet-radius: 28px;--bottom-sheet-handle-width: 40px;--bottom-sheet-handle-height: 4px;--bottom-sheet-max-height: 85vh;--bottom-sheet-overlay: rgba(70, 64, 58, .32);--nav-tab-active-bg: var(--color-primary);--nav-tab-active-color: var(--color-text-on-accent);--nav-tab-inactive-color: var(--color-text-secondary)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);background:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.55) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(245,196,165,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(243,162,192,.04) 0%,transparent 70%),var(--color-bg-primary);background-attachment:fixed;color:var(--color-text-primary);line-height:var(--leading-normal);min-height:100vh;font-weight:var(--weight-normal);font-feature-settings:"cv11","ss01"}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary-active);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-primary)}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)!important;border-radius:var(--radius-sm)}.page-container{max-width:880px;margin:0 auto;padding:var(--space-12) var(--space-6);width:100%;flex:1}.page-title{font-family:var(--font-serif);font-size:var(--text-h1);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);line-height:var(--leading-tight)}.page-subtitle{font-size:var(--text-body);color:var(--color-text-secondary);font-weight:var(--weight-medium);margin-top:var(--space-2)}.hero-title{font-family:var(--font-serif);font-size:2.8rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);line-height:var(--leading-tight)}.evidence-link{float:right;margin-top:-36px}.chart-responsive svg{max-width:100%;height:auto}.mobile-stack{display:flex;align-items:center;gap:var(--space-lg)}@media (max-width: 767px){.mobile-stack{flex-direction:column;align-items:stretch}.mobile-stack>*{margin-left:0!important;width:100%}}@media (max-width: 480px){.similarity-bar{flex-basis:100%;min-width:0!important;margin-top:var(--space-sm)}}.section-label{font-family:var(--font-sans);font-size:var(--text-label);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-tertiary)}.section-number{font-family:var(--font-serif);font-size:var(--text-label);font-weight:var(--weight-semibold);color:var(--color-primary-active);letter-spacing:var(--tracking-wide)}.card{background:var(--color-surface-raised);border:none;border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-spring)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.card-compact{padding:var(--space-6)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.card-title{font-family:var(--font-serif);font-size:var(--text-h3);font-weight:var(--weight-semibold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}.card-accent-fjord,.card-accent-sage,.card-accent-mauve,.card-accent-peach{border-left:none;position:relative}.card-accent-fjord:before,.card-accent-sage:before,.card-accent-mauve:before,.card-accent-peach:before{content:"";position:absolute;top:16px;left:16px;width:8px;height:8px;border-radius:50%;box-shadow:inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #00000014}.card-accent-fjord:before{background:var(--color-primary)}.card-accent-sage:before{background:var(--color-mint)}.card-accent-mauve:before{background:var(--color-lilac)}.card-accent-peach:before{background:var(--color-peach)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 28px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);transition:all var(--duration-normal) var(--ease-spring);border:none;position:relative;white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-text-on-accent);box-shadow:var(--shadow-sm),inset 1px 1px 3px #fff6,inset -1px -1px 3px #5a4e441f}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md),inset 1px 1px 3px #ffffff73,inset -1px -1px 3px #5a4e4424}.btn-primary:active{background:var(--color-primary-active);transform:translateY(1px) scale(.98);box-shadow:var(--shadow-xs),inset 2px 2px 5px #5a4e4426,inset -1px -1px 3px #fff3}.btn-secondary{background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:var(--shadow-xs),var(--shadow-inset)}.btn-secondary:hover{background:var(--color-bg-soft);transform:translateY(-1px);box-shadow:var(--shadow-sm),var(--shadow-inset)}.btn-secondary:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:8px 18px;box-shadow:none}.btn-ghost:hover{color:var(--color-primary-active);background:var(--color-primary-soft)}.btn-ghost:active{background:var(--color-surface-sunken)}.btn-sm{padding:8px 18px;font-size:var(--text-body-sm)}.btn-lg{padding:14px 34px;font-size:var(--text-body-lg)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow-xs)!important;pointer-events:none}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);box-shadow:var(--shadow-inset)}.badge-pass{background:var(--color-mint-soft);color:var(--color-mint-hover)}.badge-retry{background:var(--color-peach-soft);color:#c9926e}.badge-reference{background:var(--color-primary-soft);color:var(--color-primary-active)}.badge-demo{background:var(--color-lilac-soft);color:#9a87b8}.progress-track{width:100%;height:10px;background:var(--color-surface-sunken);border-radius:var(--radius-pill);overflow:hidden;box-shadow:var(--shadow-inset)}.progress-fill{height:100%;border-radius:var(--radius-pill);background:var(--color-primary);transition:width var(--duration-slow) var(--ease-spring);box-shadow:inset 1px 1px 2px #ffffff59,inset -1px -1px 2px #43536c1a}.progress-fill-sage{background:var(--color-mint)}.progress-fill-peach{background:var(--color-peach)}.progress-fill-mauve{background:var(--color-lilac)}.range-layer{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-body);transition:all var(--duration-normal) var(--ease-standard);box-shadow:var(--shadow-inset)}.range-layer-observed{background:var(--color-surface-sunken)}.range-layer-usable{background:var(--color-primary-soft)}.range-layer-comfortable{background:var(--color-mint-soft)}.range-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:inset 1px 1px 2px #fff6,inset -1px -1px 2px #43536c1f}.range-dot-observed{background:var(--color-text-tertiary)}.range-dot-usable{background:var(--color-primary)}.range-dot-comfortable{background:var(--color-mint)}.range-label-text{font-size:var(--text-body-sm);color:var(--color-text-secondary);min-width:64px;font-weight:var(--weight-medium)}.range-notes{margin-left:auto;font-family:var(--font-mono);font-weight:var(--weight-semibold);font-size:var(--text-body-sm);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.dim-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) 0}.dim-name{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);width:64px;flex-shrink:0;color:var(--color-text-secondary)}.dim-track{flex:1;height:8px;background:var(--color-surface-sunken);border-radius:var(--radius-pill);overflow:hidden;box-shadow:var(--shadow-inset)}.dim-fill{height:100%;border-radius:var(--radius-pill);transition:width var(--duration-slow) var(--ease-spring);box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #43536c1a}.dim-val{width:32px;text-align:right;font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.stat-value{font-family:var(--font-serif);font-size:1.875rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.stat-unit{font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary);margin-left:2px}.stat-label{font-size:var(--text-label);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.note-box{font-size:var(--text-body-sm);color:var(--color-text-secondary);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);margin-top:var(--space-4);line-height:var(--leading-relaxed);font-weight:var(--weight-medium);box-shadow:var(--shadow-inset)}.note-peach{background:var(--color-peach-soft)}.note-fjord{background:var(--color-primary-soft)}.note-sage{background:var(--color-mint-soft)}.divider{height:1px;background:linear-gradient(to right,transparent,var(--color-border-medium),transparent);border:none;margin:var(--space-8) 0}.divider-thin{height:1px;background:linear-gradient(to right,transparent,var(--color-border-soft),transparent);margin:var(--space-6) 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.step-dots{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-label);font-weight:var(--weight-semibold);border:none;background:var(--color-surface-raised);color:var(--color-text-tertiary);transition:all var(--duration-normal) var(--ease-spring);box-shadow:var(--shadow-xs),var(--shadow-inset)}.step-dot.active{background:var(--color-primary);color:var(--color-text-on-accent);transform:scale(1.06);box-shadow:var(--shadow-sm),inset 1px 1px 3px #ffffff4d,inset -1px -1px 3px #43536c1f}.step-dot.completed{background:var(--color-mint);color:var(--color-text-on-accent);box-shadow:var(--shadow-xs),inset 1px 1px 2px #ffffff59,inset -1px -1px 2px #43536c1a}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=range],textarea,select{background:var(--color-surface-sunken);border:none;border-radius:var(--radius-md);padding:12px 18px;font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-text-primary);outline:none;transition:all var(--duration-normal) var(--ease-standard);box-shadow:var(--shadow-inset);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=range]:focus,textarea:focus,select:focus{background:var(--color-bg-soft);box-shadow:var(--shadow-inset),var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary);font-weight:var(--weight-medium)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2374839A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}input[type=range]{background:transparent;box-shadow:none;padding:0;height:32px}input[type=range]::-webkit-slider-runnable-track{height:8px;background:var(--color-surface-sunken);border-radius:var(--radius-pill);box-shadow:var(--shadow-inset)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--color-primary);margin-top:-7px;box-shadow:var(--shadow-xs),inset 1px 1px 2px #fff6,inset -1px -1px 2px #43536c1f;cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-track{height:8px;background:var(--color-surface-sunken);border-radius:var(--radius-pill);box-shadow:var(--shadow-inset)}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:var(--color-primary);box-shadow:var(--shadow-xs),inset 1px 1px 2px #fff6,inset -1px -1px 2px #43536c1f;cursor:pointer}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-secondary)}.text-faint{color:var(--color-text-tertiary)}.text-sm{font-size:var(--text-body-sm)}.text-xs{font-size:var(--text-label)}.text-fjord{color:var(--color-primary-active)}.text-sage{color:var(--color-mint-hover)}.text-peach{color:#c9926e}.text-mauve{color:#9a87b8}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-1)}.gap-sm{gap:var(--space-2)}.gap-md{gap:var(--space-4)}.gap-lg{gap:var(--space-6)}.w-full{width:100%}.mt-xs{margin-top:var(--space-1)}.mt-sm{margin-top:var(--space-2)}.mt-md{margin-top:var(--space-4)}.mt-lg{margin-top:var(--space-6)}.mt-xl{margin-top:var(--space-8)}.mb-xs{margin-bottom:var(--space-1)}.mb-sm{margin-bottom:var(--space-2)}.mb-md{margin-bottom:var(--space-4)}.mb-lg{margin-bottom:var(--space-6)}.nav-scroll::-webkit-scrollbar{display:none}.nav-scroll{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-pill);border:2px solid var(--color-bg-secondary);box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #43536c1f}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4)}.grid-8{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media (max-width: 1023px){.grid-12{grid-template-columns:repeat(8,1fr)}}@media (max-width: 767px){.grid-12,.grid-8{grid-template-columns:repeat(4,1fr)}}.bottom-nav,.bottom-nav-overlay{display:none}@media (hover: none){.card:hover{transform:none;box-shadow:var(--shadow-sm)}}.sticky-action-bar{position:sticky;bottom:0;left:0;right:0;z-index:var(--z-sticky-action);background:var(--color-surface-overlay);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + var(--safe-area-bottom));box-shadow:0 -6px 18px #5a4e4414;border-top:1px solid var(--color-border-soft)}.sticky-action-bar>.action-row{display:flex;gap:var(--space-2);align-items:center;max-width:880px;margin:0 auto}.sticky-action-bar .btn{flex:1}.mobile-tooltip{position:relative;display:inline-block;cursor:pointer;border-bottom:1px dotted var(--color-text-tertiary)}.mobile-tooltip-detail{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-sunken);border-radius:var(--radius-sm);font-size:var(--text-body-sm);color:var(--color-text-secondary);box-shadow:var(--shadow-inset);line-height:1.6}@media (max-width: 1024px){.page-container{max-width:720px}}@media (max-width: 1023px){.page-container{max-width:100%}}@media (max-width: 767px){:root{--page-bottom-padding: calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom) + var(--space-4))}.page-container{max-width:100%;padding:var(--space-page-y-mobile) var(--space-page-x-mobile);padding-bottom:var(--page-bottom-padding)}input,select,textarea{font-size:16px!important}.card{padding:var(--space-card-mobile);border-radius:var(--radius-md);margin-bottom:var(--space-section-gap-mobile)}.grid-2,.grid-3{grid-template-columns:1fr}.grid-3.stat-row{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.page-title{font-size:var(--text-h1-mobile)}.hero-title{font-size:var(--text-display-mobile)}.evidence-link{float:none;margin-top:var(--space-sm);display:inline-block}body.nav-hidden .page-container{padding-bottom:var(--space-page-y-mobile)}.stat-value{font-size:var(--stat-value-mobile)}.stat-value-lg{font-size:var(--stat-value-mobile-lg)!important}.btn-lg{padding:12px 26px;font-size:var(--text-body);min-height:var(--touch-target-comfort)}.btn,.btn-sm{min-height:var(--touch-target-min)}.btn{white-space:normal}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:var(--color-surface-overlay);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-top:1px solid var(--color-border-soft);box-shadow:0 -6px 18px #5a4e4414;z-index:var(--z-bottom-nav);justify-content:space-around;align-items:stretch}.bottom-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-1);color:var(--nav-tab-inactive-color);text-decoration:none;font-size:12px;font-weight:var(--weight-semibold);transition:all var(--duration-normal) var(--ease-spring);min-height:var(--touch-target-min);background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.bottom-nav-tab svg{width:24px;height:24px;flex-shrink:0}.bottom-nav-tab.active{color:var(--nav-tab-active-color)}.bottom-nav-tab.active .tab-icon-wrap{background:var(--nav-tab-active-bg);box-shadow:var(--shadow-xs),inset 1px 1px 3px #ffffff4d,inset -1px -1px 3px #5a4e441f;transform:translateY(-1px)}.bottom-nav-tab .tab-icon-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:28px;border-radius:var(--radius-pill);transition:all var(--duration-normal) var(--ease-spring)}.top-nav-desktop{display:none!important}.bottom-sheet-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bottom-sheet-overlay);z-index:var(--z-overlay);animation:fadeIn var(--duration-normal) var(--ease-standard)}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;max-height:var(--bottom-sheet-max-height);background:var(--color-surface-raised);border-radius:var(--bottom-sheet-radius) var(--bottom-sheet-radius) 0 0;box-shadow:var(--shadow-lg);z-index:var(--z-modal);padding:var(--space-4);padding-bottom:calc(var(--space-4) + var(--safe-area-bottom));animation:slideUp var(--duration-slow) var(--ease-enter);overflow-y:auto}.bottom-sheet-handle{width:var(--bottom-sheet-handle-width);height:var(--bottom-sheet-handle-height);background:var(--color-border-medium);border-radius:var(--radius-pill);margin:0 auto var(--space-4)}body.nav-hidden .bottom-nav{display:none}.chat-fullheight{height:calc(100dvh - var(--mobile-safe-top));display:flex;flex-direction:column;min-height:0!important}.chat-fullheight .chat-messages{flex:1;overflow-y:auto;min-height:0;max-height:none!important}.chat-fullheight .chat-input-area{padding-bottom:calc(var(--space-md) + var(--safe-area-bottom))}.sticky-action-bar{position:fixed;bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom));border-radius:var(--radius-lg);margin:0 var(--space-3);left:0;right:0}body.nav-hidden .sticky-action-bar{bottom:var(--safe-area-bottom)}.dim-name{width:56px;font-size:var(--text-body-sm-mobile)}.range-layer{flex-wrap:wrap;gap:var(--space-2)}.range-notes{margin-left:0;width:100%;text-align:right}}@media (max-width: 390px){:root{--space-page-x-mobile: 12px;--space-card-mobile: 16px}.page-container{padding:var(--space-page-y-mobile) var(--space-page-x-mobile)}.card{padding:var(--space-card-mobile)}.btn{padding:10px 22px;font-size:var(--text-body-sm)}.grid-3.stat-row .stat-value{font-size:1.25rem}.step-dot{width:28px;height:28px;font-size:12px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.bottom-sheet,.bottom-sheet-overlay{animation-duration:.01ms!important}}@media (max-width: 1023px) and (orientation: landscape) and (max-height: 500px){.page-container{padding-top:var(--space-3);padding-bottom:var(--space-3)}:root{--mobile-bottom-nav-height: 52px}}@media (hover: none){input[type=checkbox]{width:24px;height:24px}}