*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-hover:#334155;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-accent:#38bdf8;--radius:1rem}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (orientation:portrait),(width<=1099px){body{justify-content:center;min-height:100vh;padding-top:4rem;display:flex;overflow:auto}main{width:100%;max-width:56rem;padding:2rem;display:block}main:has(#chord-section){max-width:58rem}header{text-align:center;margin-bottom:3rem;display:block}header h1{letter-spacing:-.02em;font-size:2.5rem;font-weight:700}header .subtitle{color:var(--color-text-muted);margin-top:.5rem;font-size:1.1rem}#tiles{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.5rem;display:grid}.tile{gap:.75rem;padding:2rem 1.5rem}.tile-icon{font-size:3rem}.tile-name{font-size:1.25rem}.tile-desc{color:var(--color-text-muted);text-align:center;font-size:.875rem;line-height:1.4;display:block}#chord-section{margin-top:3rem;display:block}#chord-section h2{margin-bottom:.5rem;font-size:1.5rem;font-weight:600;display:block}#chord-section .section-hint{display:block}.chord-viz-slot{position:relative}.chord-svg-host{width:auto;height:auto}.chord-svg-host svg{width:100%;max-width:900px;height:auto;max-height:none;margin:0 auto}.chord-svg-host--docked{z-index:200;pointer-events:auto;border:1px solid var(--color-surface-hover);border-radius:var(--radius);background:#0f172af0;width:25vh;height:25vh;display:block;position:fixed;top:1rem;right:1rem;box-shadow:0 8px 32px #00000073}.chord-svg-host--docked:hover{border-color:var(--color-accent);box-shadow:0 8px 40px #38bdf833}.chord-svg-host--docked svg{width:100%;max-width:none;height:100%}.chord-viz-slot--docked{pointer-events:none}#status-section{border-left:none;margin-top:4rem;padding:0;display:block;overflow:visible}#status-section h2{margin-bottom:1.5rem;position:static}.status-table{white-space:normal;width:100%}#notes-section{margin-top:3rem;padding-bottom:4rem;display:block}#notes-section h2{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.notes-list{flex-direction:column;gap:.625rem;list-style:none;display:flex}.notes-list li{color:var(--color-text-muted);border-left:2px solid var(--color-surface-hover);padding-left:1rem;font-size:.875rem;line-height:1.5}.notes-list li strong{color:var(--color-text);font-weight:500}}@media (orientation:landscape) and (width>=1100px){body{height:100vh;overflow:hidden}main{grid-template-rows:max-content 1fr;grid-template-columns:1fr max-content;width:100vw;height:100vh;display:grid;overflow:hidden}header,#notes-section{display:none}#tiles{grid-area:1/1}#chord-section{grid-area:2/1}#status-section{grid-area:1/2/-1}}#tiles{border-bottom:1px solid var(--color-surface-hover);flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.tile{background:var(--color-surface);border-radius:var(--radius);color:var(--color-text);flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;text-decoration:none;transition:background .15s;display:flex}.tile:hover{background:var(--color-surface-hover)}.tile-icon{font-size:2rem;line-height:1}.tile-name{white-space:nowrap;font-size:.65rem;font-weight:600}.tile-desc{display:none}#chord-section{justify-content:center;align-items:center;min-width:0;padding:1rem;display:flex;overflow:hidden}#chord-section h2,#chord-section .section-hint{display:none}.chord-viz-slot{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.chord-svg-host{background:0 0;justify-content:center;align-items:center;width:100%;height:100%;line-height:0;display:flex;overflow:hidden}.chord-svg-host--docked{display:none}.chord-svg-host svg{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 2rem);display:block}.chord-viz-missing{color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius);padding:1.5rem;font-size:.875rem}.chord-viz-missing code{font-size:.8rem}#status-section{border-left:1px solid var(--color-surface-hover);padding:1rem;overflow-y:auto}#status-section h2{background:var(--color-bg);z-index:10;margin-bottom:.75rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:600;position:sticky;top:0}.status-table{border-collapse:collapse;white-space:nowrap;font-size:.8rem}.status-table th,.status-table td{text-align:left;border-bottom:1px solid var(--color-surface-hover);padding:.5rem .625rem}.status-table thead th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:500}.status-table tbody tr:hover{background:var(--color-surface)}.status-table tbody tr.chord-viz-row{cursor:pointer}.status-table tbody tr.chord-viz-row:hover,.status-table tbody tr.chord-viz-row.chord-viz-row-active{background:#38bdf81f}.status-table tbody tr.chord-viz-row.chord-viz-row-related{background:#f0a80024}.status-table tbody tr.chord-viz-row-disabled{opacity:.85}.col-submodule code{background:var(--color-surface);color:var(--color-text-muted);border-radius:.25rem;padding:.15rem .4rem;font-size:.75rem}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:9999px;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.badge-live{color:#78be20;background:#78be2026;border:1px solid #78be2066}.badge-modified{color:#5ba8e0;background:#0072ce26;border:1px solid #0072ce66}.badge-mocked{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b66}.badge-scaffold{color:#5ba8e0;background:#0072ce26;border:1px solid #0072ce66}.badge-unused{color:#9ca3af;background:#6b728026;border:1px solid #6b728066}.badge-tests{text-transform:none}.badge-tests-complete{color:#78be20;background:#78be2026;border:1px solid #78be2066}.badge-tests-partial{color:#dcb400;background:#dcb40026;border:1px solid #dcb40066}.badge-tests-zero{color:#e67e22;background:#e67e2226;border:1px solid #e67e2266}.badge-tests-unknown{color:#dc3545;background:#dc354526;border:1px solid #dc354566}