:root{--bg-page:#f6f1e7;--bg-elevated:#fffbf5d6;--bg-panel:#fffdf8e0;--bg-panel-soft:#f4ece0cc;--bg-panel-accent:#fff5e9e6;--ink:#171410;--ink-soft:#171410b8;--ink-muted:#17141080;--ink-inverse:#fbf7f0;--border-subtle:#55442c17;--border-strong:#7056362e;--brand-primary:#c86a3d;--brand-primary-strong:#ab562c;--brand-secondary:#6a745d;--danger:#b74a34;--focus:#2f6df6;--shadow-soft:0 12px 32px #523f2614;--shadow-strong:0 26px 72px #513a1c24;--radius-2xl:32px;--radius-xl:26px;--radius-lg:20px;--radius-md:16px;--radius-sm:999px;--font-display:"Iowan Old Style","Noto Serif SC","Source Han Serif SC",Georgia,serif;--font-body:"Avenir Next","Noto Sans SC","Source Han Sans SC","PingFang SC","Segoe UI Variable","Helvetica Neue",sans-serif}*{box-sizing:border-box}html{color:var(--ink);scroll-behavior:smooth;background:radial-gradient(circle at 0 0,#c86a3d1c,#0000 28%),radial-gradient(circle at 100%,#6a745d24,#0000 24%),linear-gradient(#fbf7ef 0%,#f3ebdf 52%,#ebe0cf 100%)}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at top,#fff6,#0000 35%),linear-gradient(135deg,#ffffff38,#0000 52%),linear-gradient(#17141004,#17141004);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@keyframes surface-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-shell{grid-template-columns:330px minmax(0,1fr);min-height:100vh;display:grid}.side-rail{border-right:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffdf8e6,#f4ebdfdb),radial-gradient(circle at top,#6a745d14,#0000 40%);align-content:start;gap:24px;height:100vh;padding:30px 24px;display:grid;position:sticky;top:0}.brand-block{gap:14px;display:grid}.brand-mark{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:fit-content;color:var(--brand-primary-strong);letter-spacing:.16em;text-transform:uppercase;background:#ffffffb8;align-items:center;gap:10px;padding:8px 14px;font-size:.76rem;font-weight:700;display:inline-flex}.brand-mark:before{background:linear-gradient(135deg,var(--brand-primary),#cfa15d);content:"";border-radius:999px;width:10px;height:10px}.brand-block h1{font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-size:clamp(2.25rem,3vw,3rem);line-height:.94}.brand-block p,.lead,.muted,.panel-description,.route-summary,.nav-caption,.topbar-caption,.topbar-summary,.signal-detail{color:var(--ink-soft)}.rail-glance,.rail-section{gap:12px;display:grid}.section-title{color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;font-weight:800;display:block}.rail-glance-grid{gap:10px;display:grid}.glance-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffffb3;gap:6px;padding:14px 16px;display:grid}.glance-label{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.glance-value{font-family:var(--font-display);font-size:1.7rem;line-height:1}.nav-list{gap:10px;display:grid}.nav-link{border-radius:var(--radius-lg);background:#ffffff8f;border:1px solid #0000;gap:6px;padding:14px 16px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid}.nav-link:hover,.nav-link:focus-visible{box-shadow:var(--shadow-soft);background:#ffffffd6;border-color:#6a745d38;outline:none;transform:translate(4px)}.nav-link.active{box-shadow:inset 0 0 0 1px #fff6,var(--shadow-soft);background:linear-gradient(135deg,#c86a3d1a,#6a745d14),#ffffffeb;border-color:#c86a3d38}.nav-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.nav-label{font-weight:700}.nav-tags,.hero-meta,.chip-list,.hero-actions,.topbar-tags{flex-wrap:wrap;gap:10px;display:flex}.surface-pill,.phase-pill{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);letter-spacing:.06em;text-transform:uppercase;background:#ffffffc7;justify-content:center;align-items:center;min-height:32px;padding:7px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.surface-pill.surface-live,.glance-card.surface-live{color:#335f52;background:#6a745d1a;border-color:#6a745d3d}.surface-pill.surface-shell,.glance-card.surface-shell{color:#8c5a25;background:#e3c48224;border-color:#c898483d}.surface-pill.surface-restricted,.glance-card.surface-restricted{color:#8f4735;background:#b74a341a;border-color:#b74a342e}.phase-pill{color:var(--ink-soft)}.phase-pill.phase-p0{color:var(--brand-primary-strong)}.phase-pill.phase-p1{color:#8b6128}.phase-pill.phase-p2{color:#6a5c44}.rail-note{border-radius:var(--radius-xl);color:var(--ink-inverse);box-shadow:var(--shadow-strong);background:linear-gradient(#1a1815f5,#2f2a23f2),linear-gradient(135deg,#c86a3d2e,#0000);gap:12px;padding:20px;display:grid}.rail-note strong,.page-title,.panel-title,.metric-value,.stage-title,.topbar-title{font-family:var(--font-display)}.rail-note p{color:#fbf7f0c7;margin:0}.app-main{min-width:0;padding:28px 28px 38px}.topbar{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffbf5c2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:22px;padding:20px 22px;display:grid}.topbar-copy{gap:4px;display:grid}.topbar-caption{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.topbar-title{letter-spacing:-.04em;margin:0;font-size:clamp(1.6rem,3vw,2.3rem);line-height:.98}.topbar-summary{max-width:62ch;margin:0;font-size:.95rem;line-height:1.6}.page-stack{gap:22px;display:grid}.page-stack>*{animation:.42s both surface-rise}.page-stack>:nth-child(2){animation-delay:40ms}.page-stack>:nth-child(3){animation-delay:80ms}.page-stack>:nth-child(4){animation-delay:.12s}.hero-panel,.panel{border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:var(--bg-elevated);box-shadow:var(--shadow-strong);position:relative;overflow:hidden}.hero-panel:after,.panel:after{opacity:.26;content:"";pointer-events:none;background-image:linear-gradient(#17141008 1px,#0000 1px),linear-gradient(90deg,#17141008 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.hero-panel>*,.panel>*{z-index:1;position:relative}.hero-panel{background:radial-gradient(circle at 0 0,#c86a3d24,#0000 34%),radial-gradient(circle at 100%,#6a745d29,#0000 26%),#fff9f1e6;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:26px;padding:30px;display:grid}.hero-copy,.hero-side,.panel-header{gap:10px;display:grid}.hero-side{align-content:space-between}.hero-note{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffffad;gap:8px;padding:18px;display:grid}.hero-note strong{font-size:1.12rem}.hero-note-label,.signal-label,.quick-link-kicker,.row-note{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:700}.eyebrow{color:var(--brand-primary-strong);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}.page-title{letter-spacing:-.05em;margin:0;font-size:clamp(2.7rem,5vw,4.6rem);line-height:.92}.route-summary,.lead,.panel-description,.nav-caption,.muted{margin:0;line-height:1.7}.panel{background:var(--bg-panel);gap:18px;padding:24px;display:grid}.panel-soft{background:var(--bg-panel-soft)}.panel-accent{background:radial-gradient(circle at top left,#c86a3d1f,transparent 34%),radial-gradient(circle at right,#6a745d1f,transparent 28%),var(--bg-panel-accent)}.panel-title{margin:0;font-size:1.85rem;line-height:.98}.panel-title.smaller{font-size:1.48rem}.overview-stage,.metric-grid,.content-grid,.route-grid,.detail-list,.overview-signal-grid,.quick-link-grid{gap:18px;display:grid}.overview-stage{grid-template-columns:1.18fr .82fr}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid-wide{grid-template-columns:1.16fr .84fr}.route-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-value{letter-spacing:-.05em;margin:0;font-size:clamp(2.1rem,4.2vw,3.1rem);line-height:.9}.stage-title{letter-spacing:-.04em;max-width:14ch;margin:0;font-size:clamp(2rem,3vw,2.8rem);line-height:1}.chip-list{margin-top:4px}.chip{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffffad;align-items:center;min-height:34px;padding:8px 12px;font-size:.85rem;display:inline-flex}.overview-signal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.signal-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffffb8;gap:8px;padding:16px;display:grid}.signal-card strong{font-size:1.05rem;line-height:1.3}.quick-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-link-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffffdb,#f7f0e5d6);gap:8px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.quick-link-card:hover,.quick-link-card:focus-visible{box-shadow:var(--shadow-soft);border-color:#c86a3d38;outline:none;transform:translateY(-3px)}.quick-link-label{font-size:1.08rem;line-height:1.45}.recommendation-stack,.stack-list,.ordered-list,.bullet-list,.usage-lane-list,.table-shell{gap:12px;display:grid}.ordered-list,.bullet-list{margin:0;padding-left:18px;line-height:1.7}.recommendation-card,.mini-card,.edge-card,.detail-card,.usage-lane{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffffb8;padding:16px}.recommendation-card{gap:10px;display:grid}.recommendation-meta,.mini-card-head,.usage-lane-head,.usage-lane-meta,.route-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.recommendation-price{color:var(--brand-primary-strong);font-weight:700}.recommendation-contract{color:var(--ink-muted);flex-wrap:wrap;gap:10px;font-size:.82rem;display:flex}.recommendation-empty{align-content:center;min-height:100%}.mini-card p,.edge-card p,.detail-card p,.recommendation-card p{margin:0;line-height:1.65}.field-stack{gap:12px;display:grid}.field-label{color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:800}.input-field,.select-field{border:1px solid var(--border-strong);width:100%;min-height:48px;color:var(--ink);background:#ffffffd6;border-radius:14px;padding:12px 14px}.input-field::placeholder{color:var(--ink-muted)}.action-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.action-form{margin:0}.button-primary,.button-secondary{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;transition:transform .18s,border-color .18s,background .18s,opacity .18s;display:inline-flex}.button-primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-strong));color:var(--ink-inverse)}.button-secondary{border-color:var(--border-strong);color:var(--ink);background:#ffffffc2}.button-primary:hover,.button-secondary:hover{transform:translateY(-1px)}.button-primary:disabled,.button-secondary:disabled{cursor:not-allowed;opacity:.55;transform:none}.form-note{color:var(--ink-soft);margin:0;line-height:1.6}.usage-track{background:#6a745d1f;border-radius:999px;height:10px;overflow:hidden}.usage-fill{background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));border-radius:999px;height:100%;display:block}.usage-lane-meta{color:var(--ink-soft);font-size:.88rem}.table-row{border:1px solid var(--border-subtle);background:#ffffffc7;border-radius:18px;grid-template-columns:1.25fr .82fr .82fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.table-row.table-row-wide{grid-template-columns:1.45fr .82fr .82fr .88fr}.table-row span strong{display:block}.row-stack,.status-cell{align-content:start;gap:6px;display:grid}.row-note{margin-top:4px;display:block}.row-subnote{color:var(--ink-soft);font-size:.88rem;line-height:1.55;display:block}.status-cell{justify-items:start}.status-badge{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);letter-spacing:.08em;text-transform:uppercase;background:#ffffffd1;justify-content:center;align-items:center;min-height:30px;padding:6px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.status-good{color:#335f52;background:#6a745d1a;border-color:#6a745d3d}.status-warn{color:#8c5a25;background:#e3c48224;border-color:#c898483d}.status-danger{color:#8f4735;background:#b74a341a;border-color:#b74a342e}.status-neutral{color:var(--ink-soft);background:#1714100d;border-color:#17141017}.table-link-row{transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.table-link-row:hover,.table-link-row:focus-visible{box-shadow:var(--shadow-soft);background:#fffffff0;border-color:#c86a3d2e;outline:none;transform:translate(4px)}.table-row-head{color:var(--ink-inverse);letter-spacing:.14em;text-transform:uppercase;background:#171410e6;border-color:#171410e0;font-size:.78rem;font-weight:700}.inline-link{border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--brand-primary-strong),var(--brand-primary));width:fit-content;min-height:40px;color:var(--ink-inverse);justify-content:center;align-items:center;padding:11px 16px;font-size:.9rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex}.inline-link:hover,.inline-link:focus-visible{box-shadow:var(--shadow-soft);filter:brightness(1.04);outline:none;transform:translateY(-2px)}@media (max-width:1320px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-stage,.content-grid-wide{grid-template-columns:1fr}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1180px){.app-shell{grid-template-columns:1fr}.side-rail{border-right:0;border-bottom:1px solid var(--border-subtle);height:auto;position:static}.hero-panel{grid-template-columns:1fr}}@media (max-width:860px){.overview-signal-grid,.quick-link-grid,.content-grid,.detail-list,.route-grid{grid-template-columns:1fr}.topbar{grid-template-columns:1fr;align-items:start}}@media (max-width:720px){.app-main,.side-rail{padding:18px}.hero-panel,.panel,.topbar{padding:20px}.page-title{font-size:clamp(2.3rem,12vw,3.5rem)}.stage-title{max-width:none;font-size:clamp(1.7rem,8vw,2.2rem)}.metric-grid,.table-row,.table-row.table-row-wide{grid-template-columns:1fr}.nav-row,.usage-lane-head,.usage-lane-meta,.mini-card-head,.recommendation-meta{flex-direction:column;align-items:flex-start}}