:root{--phx-color-white-rgb: 255, 255, 255;--phx-color-accent-warm-rgb: 214, 160, 103;--phx-color-accent-cyan-rgb: 48, 189, 248;--phx-color-success-rgb: 117, 192, 138;--phx-color-warning-rgb: 216, 170, 85;--phx-color-danger-rgb: 241, 141, 124;--phx-color-bg-canvas-hsl: 220 10% 7%;--phx-color-bg-elevated-hsl: 220 10% 10%;--phx-color-bg-strong-hsl: 220 8% 12%;--phx-color-bg-muted-surface-hsl: 220 8% 16%;--phx-color-fg-primary-hsl: 40 30% 93%;--phx-color-fg-muted-hsl: 33 12% 65%;--phx-color-border-soft-hsl: 34 10% 24%;--phx-color-border-strong-hsl: 34 34% 52%;--phx-color-accent-warm-hsl: 32 58% 63%;--phx-color-accent-warm-strong-hsl: 35 80% 75%;--phx-color-accent-cyan-hsl: 196 84% 57%;--phx-color-accent-cyan-strong-hsl: 188 88% 63%;--phx-color-success-hsl: 134 38% 60%;--phx-color-warning-hsl: 39 62% 59%;--phx-color-danger-hsl: 11 79% 72%;--phx-color-bg-canvas: hsl(var(--phx-color-bg-canvas-hsl));--phx-color-bg-elevated: hsl(var(--phx-color-bg-elevated-hsl));--phx-color-bg-strong: hsl(var(--phx-color-bg-strong-hsl));--phx-color-fg-primary: hsl(var(--phx-color-fg-primary-hsl));--phx-color-fg-muted: hsl(var(--phx-color-fg-muted-hsl));--phx-color-border-soft: hsl(var(--phx-color-border-soft-hsl));--phx-color-border-strong: hsl(var(--phx-color-border-strong-hsl));--phx-color-accent-warm: hsl(var(--phx-color-accent-warm-hsl));--phx-color-accent-warm-strong: hsl(var(--phx-color-accent-warm-strong-hsl));--phx-color-accent-cyan: hsl(var(--phx-color-accent-cyan-hsl));--phx-color-accent-cyan-strong: hsl(var(--phx-color-accent-cyan-strong-hsl));--phx-color-success: hsl(var(--phx-color-success-hsl));--phx-color-warning: hsl(var(--phx-color-warning-hsl));--phx-color-danger: hsl(var(--phx-color-danger-hsl));--phx-surface-soft: rgba(255, 255, 255, .035);--phx-surface-strong: rgba(255, 255, 255, .065);--phx-shadow-lg: 0 28px 90px rgba(0, 0, 0, .34);--phx-gradient-graphite: radial-gradient(circle at 86% 0%, rgba(214, 160, 103, .14), transparent 24%), radial-gradient(circle at 10% 20%, rgba(214, 160, 103, .06), transparent 18%), linear-gradient(180deg, #09090a 0%, #0d0d0f 24%, #111112 100%);--phx-noise-opacity: .035;--phx-font-sans: "Manrope", system-ui, sans-serif;--phx-font-sans-alt: "IBM Plex Sans", system-ui, sans-serif;--phx-font-display: "Fraunces", Georgia, serif;--phx-font-mono: "IBM Plex Mono", monospace;--phx-space-2: .125rem;--phx-space-4: .25rem;--phx-space-8: .5rem;--phx-space-12: .75rem;--phx-space-16: 1rem;--phx-space-24: 1.5rem;--phx-space-32: 2rem;--phx-space-40: 2.5rem;--phx-radius-sm: .625rem;--phx-radius-md: .75rem;--phx-radius-lg: 1.125rem;--phx-radius-xl: 1.75rem;--phx-radius-pill: 999px;--phx-duration-fast: .18s;--phx-duration-base: .24s;--phx-easing-default: ease;--phx-layout-header-height: 84px;--phx-layout-max-width: 1180px}:root{--background: var(--phx-color-bg-canvas);--background-elevated: var(--phx-color-bg-elevated);--background-strong: var(--phx-color-bg-strong);--foreground: var(--phx-color-fg-primary);--surface: var(--phx-surface-soft);--surface-strong: var(--phx-surface-strong);--muted: rgba(var(--phx-color-accent-warm-rgb), .08);--muted-foreground: var(--phx-color-fg-muted);--border: rgba(var(--phx-color-white-rgb), .09);--border-strong: rgba(var(--phx-color-accent-warm-rgb), .22);--primary: var(--phx-color-accent-warm);--primary-strong: var(--phx-color-accent-warm-strong);--primary-foreground: #131214;--secondary: hsl(34 12% 82%);--success: var(--phx-color-success);--warning: var(--phx-color-warning);--danger: var(--phx-color-danger);--shadow: var(--phx-shadow-lg);--radius-sm: var(--phx-radius-sm);--radius-md: var(--phx-radius-md);--radius-lg: var(--phx-radius-lg);--radius-xl: var(--phx-radius-xl);--font-sans: var(--phx-font-sans);--font-display: var(--phx-font-display);--font-mono: var(--phx-font-mono);--transition: var(--phx-duration-fast) var(--phx-easing-default)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--phx-gradient-graphite);color:var(--foreground);font-family:var(--font-sans);line-height:1.6}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh}.page-noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:160px 160px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.8),transparent 85%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.8),transparent 85%)}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:.75rem;min-height:4.25rem;padding:0 1rem;background:#0a0908d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.7rem;min-width:0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.2rem;padding:.3rem .58rem;border-radius:999px;background:linear-gradient(180deg,#ffffff08,#d6a0670d),#ffffff04;border:1px solid rgba(214,160,103,.14);color:var(--primary-strong);font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.12em}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{font-size:.9rem;letter-spacing:-.02em}.brand-copy span{color:var(--muted-foreground);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.nav{display:flex;gap:.25rem;margin-left:auto;margin-right:.5rem;flex-wrap:wrap}.nav-link{display:inline-flex;align-items:center;gap:.42rem;padding:.5rem .78rem;border-radius:999px;color:var(--muted-foreground);border:1px solid transparent;font-size:.8rem;font-weight:600;transition:color var(--transition),background var(--transition),border-color var(--transition)}.nav-link:hover,.nav-link.active{color:var(--foreground);background:var(--surface);border-color:var(--border)}.header-tools{display:flex;align-items:center;gap:.55rem}.header-status{display:inline-flex;align-items:center;gap:.4rem;padding:.34rem .58rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted-foreground);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.35rem;padding:.56rem .9rem;border-radius:999px;border:1px solid transparent;font-size:.81rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition)}.header-cta,.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);color:var(--primary-foreground);box-shadow:0 12px 30px #d6a06724}.btn:hover,.header-cta:hover{transform:translateY(-1px)}.btn-ghost{background:var(--surface);color:var(--foreground);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-strong);border-color:var(--border-strong)}.main-shell{width:100%;max-width:var(--phx-layout-max-width);margin:0 auto;padding:1.25rem 1rem 2rem}.page-shell{display:flex;flex-direction:column;gap:1.2rem}.page-hero{display:grid;gap:.7rem;padding-top:.45rem}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;padding:.32rem .66rem;border-radius:999px;background:#ffffff0a;border:1px solid var(--border);color:var(--muted-foreground);font-size:.64rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.page-title{margin:0;max-width:18ch;font-family:var(--font-display);font-size:clamp(2rem,3.6vw,3.1rem);line-height:.98;font-weight:500;letter-spacing:-.04em}.page-subtitle{max-width:38rem;margin:0;color:var(--muted-foreground);font-size:.92rem}.hero-actions,.meta-row,.stack-list,.project-meta{display:flex;flex-wrap:wrap;gap:.78rem}.card{background:linear-gradient(180deg,#d6a06708,#ffffff04);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 24px #0000002e}.info-card,.chart-card,.table-shell,.loading-state,.error-state{padding:.95rem 1rem}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.surface-split{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{display:flex;flex-direction:column;gap:.18rem;padding:.8rem .9rem}.metric-label,.metric-detail,.section-copy,.card-desc,.table-subcopy,.breakdown-share,.field span,.summary-cell span{color:var(--muted-foreground)}.metric-label,.section-heading{font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.metric-value{font-size:1.45rem;letter-spacing:-.03em}.metric-detail{font-size:.76rem}.card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.compact-card-top{margin-bottom:.65rem}.card-title{margin:0;font-size:.98rem;font-weight:800;letter-spacing:-.02em}.section-block{display:grid;gap:.2rem;margin-bottom:.8rem}.section-heading{margin:0}.badge,.meta-pill{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;padding:.28rem .56rem;border-radius:999px;background:var(--muted);border:1px solid transparent;color:var(--muted-foreground);font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.badge-accent{background:#d6a06729;color:var(--primary-strong);border-color:#d6a06738}.badge-success{background:#75c08a24;color:var(--success);border-color:#75c08a3d}.badge-warning{background:#d8aa5524;color:var(--warning);border-color:#d8aa553d}.badge-danger{background:#f18d7c24;color:var(--danger);border-color:#f18d7c3d}.project-meta,.meta-row{font-size:.82rem}.table-shell{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.7rem .65rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;font-size:.86rem}.table th{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap}.table tbody tr:hover{background:#ffffff06}.table-link{color:var(--primary-strong);font-weight:700}.table-empty{color:var(--muted-foreground)}.mono-cell{font-family:var(--font-mono);font-size:.78rem}.form-shell{display:flex;flex-direction:column;gap:.9rem}.form-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:.32rem}.field-span-2{grid-column:span 2}.field input,.field select,.field textarea{width:100%;padding:.68rem .78rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff09;color:var(--foreground)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(214,160,103,.34);outline-offset:0;border-color:var(--border-strong)}.field-toggle input{width:1.2rem;height:1.2rem;padding:0}.chart-shell{min-height:220px;margin-top:.7rem;padding:.45rem 0}.chart-svg{width:100%;height:220px}.chart-footer{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}.chart-meta{display:flex;flex-direction:column;gap:.15rem;font-size:.79rem}.chart-meta strong{font-family:var(--font-mono);font-size:.78rem}.breakdown-list{display:flex;flex-direction:column;gap:1rem;margin-top:.8rem}.breakdown-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:.8rem;align-items:center}.breakdown-meta{display:flex;flex-direction:column;gap:.1rem}.breakdown-bar{height:10px;border-radius:999px;overflow:hidden;background:#ffffff0f}.breakdown-fill{height:100%;border-radius:999px}.breakdown-fill-primary{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-strong) 100%)}.breakdown-fill-secondary{background:linear-gradient(90deg,#75c08ae6,#a4e0b0f2)}.breakdown-fill-muted{background:linear-gradient(90deg,#d4d0cae6,#f5efe7f2)}.summary-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-cell{display:flex;flex-direction:column;gap:.3rem;padding:.75rem .85rem;border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.summary-cell strong{letter-spacing:-.02em}.summary-emphasis{color:var(--primary-strong)}.timeline,.diagnostic-list{display:flex;flex-direction:column;gap:.65rem}.timeline-item,.diagnostic-item{display:flex;gap:.75rem;align-items:flex-start;padding:.7rem .8rem;border-radius:var(--radius-md);background:#ffffff06;border:1px solid rgba(255,255,255,.05)}.diagnostic-item{flex-direction:column}.timeline-dot{width:.7rem;height:.7rem;margin-top:.35rem;border-radius:999px;flex:0 0 auto}.timeline-dot-neutral{background:var(--secondary)}.timeline-dot-accent{background:var(--primary-strong)}.timeline-dot-success{background:var(--success)}.timeline-dot-warning{background:var(--warning)}.timeline-dot-danger{background:var(--danger)}.diagnostic-danger strong{color:var(--danger)}.diagnostic-warning strong{color:var(--warning)}.diagnostic-success strong{color:var(--success)}.loading-state,.error-state{font-size:.88rem}.error-state{color:var(--danger)}@media (max-width: 1080px){.metric-strip,.surface-split{grid-template-columns:1fr 1fr}.chart-footer{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 780px){.site-header{flex-wrap:wrap;padding-top:1rem;padding-bottom:1rem}.nav,.header-tools{width:100%;justify-content:flex-start;margin:0}.page-title{max-width:none;font-size:clamp(2.2rem,12vw,3.4rem)}.metric-strip,.surface-split,.summary-grid,.form-grid,.chart-footer{grid-template-columns:1fr}.field-span-2{grid-column:span 1}.breakdown-row{grid-template-columns:1fr}.main-shell{padding-left:1rem;padding-right:1rem}}