:root{color:#18222c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--paper:#f7f2ea;--panel:#fffdf9;--panel-muted:#f1ebe2;--line:#d8cec0;--ink:#18222c;--ink-soft:#536170;--ink-faint:#7c8a99;--accent:#0f766e;--accent-soft:#d5f0ec;--positive:#166534;--positive-soft:#dcfce7;--warning:#9a6700;--warning-soft:#fff1c7;--negative:#b42318;--negative-soft:#fee4e2;--pending:#1d4ed8;--pending-soft:#dbeafe;--shadow:0 16px 40px #18222c14;background:#f3efe8;font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 0 0,#0f766e14,#0000 28%),linear-gradient(#f8f4ee 0%,#f3efe8 100%);margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{max-width:1480px;margin:0 auto;padding:28px 20px 40px}.topbar,.panel,.detail-panel,.metric-card,.notice,.learn-card,.empty-state,.pipeline-row,.list-row{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.topbar,.panel,.detail-panel,.notice,.empty-state{border-radius:22px;padding:20px}.topbar{gap:18px;margin-bottom:18px;display:grid}.topbar__identity{gap:8px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);align-items:center;gap:8px;font-size:.72rem;display:inline-flex}.topbar h1{margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(2rem,3vw,3rem);line-height:.95}.topbar p{max-width:70ch;color:var(--ink-soft);margin:0;line-height:1.6}.topbar__controls,.tabs,.summary-strip,.button-row,.panel__header,.list-row__top,.list-row__meta,.detail-panel__header,.detail-section__title,.pipeline-row,.pipeline-row__meta{align-items:center;display:flex}.topbar__controls,.tabs,.summary-strip,.button-row{flex-wrap:wrap;gap:12px}.field{flex-direction:column;gap:8px;min-width:180px;display:flex}.field--search{flex:1;min-width:260px}.field span{color:var(--ink-soft);font-size:.8rem}.field input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:14px;outline:none;padding:12px 14px}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1f}.tabs{margin-bottom:16px}.tab,.button{border:1px solid var(--line);color:var(--ink);background:#ffffffd1;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;transition:transform .14s,background .14s,border-color .14s;display:inline-flex}.tab:hover,.button:hover{transform:translateY(-1px)}.tab--active{background:var(--ink);border-color:var(--ink);color:#fff}.button--ghost{background:0 0}.notice{align-items:center;gap:10px;margin-bottom:14px;display:flex}.notice--warning{background:#fff7e6}.notice--muted{background:var(--panel-muted)}.summary-strip{margin-bottom:16px}.metric-card{border-radius:18px;flex:180px;min-width:160px;padding:16px}.metric-card span,.metric-card small{color:var(--ink-soft);display:block}.metric-card strong{margin-top:8px;font-size:1.45rem;line-height:1.1;display:block}.page-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;display:grid}.page-grid__list,.page-grid__detail,.pipeline-layout{gap:16px;display:grid}.panel__header,.detail-panel__header,.detail-section__title,.pipeline-row{justify-content:space-between}.panel__header h2,.detail-panel__header h2,.detail-section h3{margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}.list-stack,.detail-list{gap:12px;display:grid}.list-row{text-align:left;border-radius:18px;width:100%;padding:16px}.list-row--active{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1a}.list-row__top{justify-content:space-between;gap:12px}.list-row__meta{color:var(--ink-soft);flex-wrap:wrap;gap:12px;margin-top:8px}.list-row p,.learn-card p,.empty-state p,.pipeline-row p,.detail-section p{color:var(--ink-soft);margin:10px 0 0;line-height:1.55}.list-row small,.pipeline-row small,.learn-card small{color:var(--ink-faint);margin-top:10px;display:block}.detail-panel{align-self:start;gap:16px;display:grid;position:sticky;top:20px}.detail-panel__header p{color:var(--ink-soft);margin:6px 0 0}.detail-call{color:var(--ink);margin:8px 0 0;font-size:1.1rem;font-weight:700}.detail-section{gap:12px;display:grid}.detail-grid,.learn-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.learn-grid--compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.learn-card{border-radius:18px;padding:16px}.learn-card strong{display:block}.mirofish-box{background:var(--panel-muted);border:1px solid var(--line);border-radius:16px;gap:10px;padding:14px;display:grid}.pipeline-row{border-radius:18px;gap:16px;padding:16px}.pipeline-row__meta{flex-direction:column;align-items:flex-end;gap:8px}.empty-state{gap:8px;display:grid}.empty-state strong{font-size:1.05rem}.badge{border-radius:999px;align-items:center;padding:6px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.badge--positive{background:var(--positive-soft);color:var(--positive)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--negative{background:var(--negative-soft);color:var(--negative)}.badge--pending{background:var(--pending-soft);color:var(--pending)}.badge--muted{background:var(--panel-muted);color:var(--ink-soft)}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1080px){.page-grid{grid-template-columns:1fr}.detail-panel{position:static}}@media (width<=720px){.app-shell{padding:18px 14px 32px}.topbar,.panel,.detail-panel,.notice,.empty-state{border-radius:18px;padding:16px}.metric-card,.learn-card,.list-row,.pipeline-row{border-radius:16px}.list-row__top,.pipeline-row,.panel__header,.detail-panel__header,.detail-section__title{flex-direction:column;align-items:flex-start}.pipeline-row__meta{align-items:flex-start}}