:root{--phx-bg: #0a0a0c;--phx-bg-1: #0f0f13;--phx-bg-2: #15151b;--phx-bg-3: #1b1b22;--phx-line: rgba(255, 255, 255, .07);--phx-line-strong: rgba(255, 255, 255, .13);--phx-line-faint: rgba(255, 255, 255, .04);--phx-fg: #ededea;--phx-fg-mute: #82827e;--phx-fg-faint: #4a4a45;--phx-fg-ghost: #2a2a26;--phx-sage-hot: #d8f2e4;--phx-sage: #b9e2cf;--phx-sage-shade: #7fa191;--phx-sage-glow: rgba(185, 226, 207, .18);--phx-warn: #d9a875;--phx-danger: #e88b85;--phx-success: #b9e2cf;--phx-bg-rgb: 10, 10, 12;--phx-fg-rgb: 237, 237, 234;--phx-sage-rgb: 185, 226, 207;--phx-white-rgb: 255, 255, 255;--phx-sans: "Geist", system-ui, -apple-system, sans-serif;--phx-mono: "Geist Mono", ui-monospace, "SFMono-Regular", monospace;--phx-ease: cubic-bezier(.2, .7, .3, 1);--phx-t-fast: .15s;--phx-t-base: .24s;--phx-t-slide: .35s;--phx-r-sm: 3px;--phx-r-md: 6px;--phx-r-lg: 10px;--phx-shadow-lg: 0 28px 80px rgba(0, 0, 0, .55);--phx-color-bg-canvas: var(--phx-bg);--phx-color-bg-elevated: var(--phx-bg-1);--phx-color-bg-strong: var(--phx-bg-2);--phx-color-fg-primary: var(--phx-fg);--phx-color-fg-muted: var(--phx-fg-mute);--phx-color-border-soft: var(--phx-line);--phx-color-border-strong: var(--phx-line-strong);--phx-color-accent-warm: var(--phx-sage);--phx-color-accent-warm-strong: var(--phx-sage-hot);--phx-color-accent-cyan: var(--phx-sage);--phx-color-accent-cyan-strong: var(--phx-sage-hot);--phx-color-success: var(--phx-success);--phx-color-warning: var(--phx-warn);--phx-color-danger: var(--phx-danger);--phx-color-bg-canvas-hsl: 240 9% 4%;--phx-color-bg-elevated-hsl: 240 12% 7%;--phx-color-bg-strong-hsl: 240 13% 10%;--phx-color-bg-muted-surface-hsl: 240 13% 12%;--phx-color-fg-primary-hsl: 60 7% 92%;--phx-color-fg-muted-hsl: 60 2% 50%;--phx-color-border-soft-hsl: 0 0% 100% / .07;--phx-color-accent-warm-hsl: 150 47% 80%;--phx-color-accent-cyan-hsl: 150 47% 80%;--phx-color-accent-warm-rgb: var(--phx-sage-rgb);--phx-color-accent-cyan-rgb: var(--phx-sage-rgb);--phx-color-white-rgb: var(--phx-white-rgb);--phx-color-success-rgb: var(--phx-sage-rgb);--phx-color-warning-rgb: 217, 168, 117;--phx-color-danger-rgb: 232, 139, 133;--phx-font-sans: var(--phx-sans);--phx-font-sans-alt: var(--phx-sans);--phx-font-display: var(--phx-sans);--phx-font-mono: var(--phx-mono);--phx-radius-sm: var(--phx-r-sm);--phx-radius-md: var(--phx-r-md);--phx-radius-lg: var(--phx-r-md);--phx-radius-xl: var(--phx-r-lg);--phx-radius-pill: 999px;--phx-duration-fast: var(--phx-t-fast);--phx-duration-base: var(--phx-t-base);--phx-easing-default: var(--phx-ease);--phx-surface-soft: rgba(255, 255, 255, .03);--phx-surface-strong: rgba(255, 255, 255, .07);--phx-shadow-lg-legacy: var(--phx-shadow-lg);--phx-gradient-graphite: linear-gradient(180deg, #09090a 0%, var(--phx-bg) 60%, var(--phx-bg-1) 100%);--phx-noise-opacity: 0;--phx-layout-max-width: 1180px;--phx-layout-header-height: 36px}: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:var(--phx-noise-opacity);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:1rem;min-height:var(--phx-layout-header-height);padding:0 1.5rem;background:#0a0908c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.95rem;min-width:0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;min-width:3.35rem;min-height:2.5rem;padding:.35rem .7rem;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:.86rem;font-weight:600;letter-spacing:.12em}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{font-size:.95rem;letter-spacing:-.02em}.brand-copy span{color:var(--muted-foreground);font-size:.72rem;letter-spacing:.14em;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:.62rem .92rem;border-radius:999px;color:var(--muted-foreground);border:1px solid transparent;font-size:.84rem;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:.8rem}.header-status{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .74rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted-foreground);font-size:.74rem;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.75rem;padding:.72rem 1.08rem;border-radius:999px;border:1px solid transparent;font-size:.875rem;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:2rem 1.5rem 3rem}.page-shell{display:flex;flex-direction:column;gap:2rem}.page-hero{display:grid;gap:1.2rem;padding-top:1.4rem}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;padding:.42rem .8rem;border-radius:999px;background:#ffffff0a;border:1px solid var(--border);color:var(--muted-foreground);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.page-title{margin:0;max-width:14ch;font-family:var(--font-display);font-size:clamp(2.7rem,5vw,4.6rem);line-height:.94;font-weight:500;letter-spacing:-.04em}.page-subtitle{max-width:52rem;margin:0;color:var(--muted-foreground);font-size:1.02rem}.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:var(--shadow)}.info-card,.chart-card,.table-shell,.loading-state,.error-state{padding:1.25rem}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.surface-split{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{display:flex;flex-direction:column;gap:.28rem}.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:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.metric-value{font-size:1.95rem;letter-spacing:-.03em}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.card-title{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.section-block{display:grid;gap:.4rem}.section-heading{margin:0}.badge,.meta-pill{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;padding:.35rem .64rem;border-radius:999px;background:var(--muted);border:1px solid transparent;color:var(--muted-foreground);font-size:.68rem;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:.86rem}.table-shell{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.95rem .75rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;font-size:.93rem}.table th{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground)}.table-link{color:var(--primary-strong)}.mono-cell{font-family:var(--font-mono);font-size:.82rem}.form-shell{display:flex;flex-direction:column;gap:1rem}.form-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:.42rem}.field-span-2{grid-column:span 2}.field input,.field select,.field textarea{width:100%;padding:.78rem .92rem;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:1rem;padding:.75rem 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:.95rem;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:.85rem}.timeline-item,.diagnostic-item{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem .95rem;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:.96rem}.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}}