:root{--flotilla-coral: #ff9770;--flotilla-purple: #7f7eff;--flotilla-teal: #03cea4;--bg-deep: #0a0e18;--bg-panel: #111827;--bg-elevated: #161f33;--border: rgba(127, 126, 255, .22);--text: #e8ecff;--text-muted: #9aa3c7;--font-display: "Mulish", "Proxima Nova", "Avenir", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}:root{font-family:var(--font-display);background:var(--bg-deep);background-image:radial-gradient(ellipse 120% 80% at 10% -20%,rgba(127,126,255,.12),transparent),radial-gradient(ellipse 90% 60% at 100% 0%,rgba(255,151,112,.08),transparent),radial-gradient(ellipse 70% 50% at 50% 100%,rgba(3,206,164,.06),transparent);color:var(--text);line-height:1.45}body{margin:0;min-height:100vh}.page{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 4rem}.header-brand{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin-bottom:.35rem}.wordmark{font-weight:700;font-size:1.65rem;letter-spacing:-.02em;background:linear-gradient(105deg,var(--flotilla-teal) 0%,var(--flotilla-purple) 45%,var(--flotilla-coral) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.header-tag{font-size:.95rem;font-weight:600;color:var(--text-muted);text-transform:lowercase}.header h1{margin:0 0 .5rem}.sub{margin:0 0 1rem;color:var(--text-muted);font-size:.95rem;max-width:62ch}.controls-bar{position:sticky;top:0;z-index:20;margin:0 -.35rem 1.15rem;padding:.65rem .35rem .75rem;background:linear-gradient(180deg,#0a0e18f7,#0a0e18eb 85%,#0a0e18bf);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.main-tabs{display:flex;gap:.35rem;margin-bottom:.65rem}.main-tabs button{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:700;font-family:inherit;font-size:.9rem}.main-tabs button:hover{color:var(--text);border-color:var(--flotilla-purple)}.main-tabs button.active{color:var(--bg-deep);background:linear-gradient(120deg,var(--flotilla-teal),var(--flotilla-purple));border-color:transparent}.main-tabs button:focus-visible,.view-toggle button:focus-visible,.flag-chip:focus-visible,.btn-tool:focus-visible,.th-sort:focus-visible,.flag-select:focus-visible{outline:2px solid var(--flotilla-coral);outline-offset:2px}.banner.catalog-msg{background:#03cea414;border-color:#03cea459}.site-catalog{margin-top:.5rem}.catalog-meta{margin:0 0 1rem;font-size:.88rem}.site-project{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;margin-bottom:.75rem;overflow:hidden}.site-project-summary{cursor:pointer;padding:.85rem 1rem;font-weight:600;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.site-project-summary::-webkit-details-marker{display:none}.site-project-path{font-size:1.05rem;color:var(--flotilla-teal)}.project-link{font-size:.85rem}.branch-count{margin-left:auto;font-size:.8rem;color:var(--text-muted);font-weight:500}.pill.default-branch{background:#7f7eff26;color:var(--flotilla-purple);text-transform:none;letter-spacing:0}.project-error{margin:0 1rem 1rem;color:var(--flotilla-coral);font-size:.9rem}.nested-empty{margin:0 1rem 1rem}.table-wrap.nested{border:none;border-radius:0;border-top:1px solid var(--border)}.data-table.compact th,.data-table.compact td{padding:.45rem .65rem;font-size:.82rem}.data-table.dense th .th-sort{padding:.45rem .7rem}.data-table.dense td{padding:.4rem .7rem;font-size:.84rem;vertical-align:middle}.row-preview-capable td:first-child{border-left:3px solid var(--flotilla-teal)}.slug-val{color:var(--flotilla-purple)}.slug-cell{font-weight:600;color:var(--flotilla-teal);max-width:180px;overflow:hidden;text-overflow:ellipsis}.project-cell{max-width:160px}.project-short{display:block;font-weight:600;color:var(--text)}.project-path{display:block;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-cell{max-width:160px;overflow:hidden;text-overflow:ellipsis}.pill.not-deployed{background:#9aa3c726;color:var(--text-muted);text-transform:none;letter-spacing:0}.pill.flag-unset-pill{background:transparent;color:var(--text-muted);border:1px dashed rgba(154,163,199,.4);text-transform:none;letter-spacing:0;font-weight:500}code{background:var(--bg-elevated);padding:.1rem .35rem;border-radius:4px;font-size:.88em;border:1px solid var(--border)}.toolbar{display:flex;align-items:center;gap:.75rem 1rem;flex-wrap:wrap}.view-toggle{display:inline-flex;border-radius:8px;border:1px solid var(--border);overflow:hidden}.view-toggle button{background:transparent;color:var(--text-muted);border:none;padding:.4rem .85rem;cursor:pointer;font-weight:600;font-family:inherit;font-size:.85rem}.view-toggle button:hover{color:var(--text);background:#7f7eff14}.view-toggle button.active{color:var(--bg-deep);background:linear-gradient(120deg,var(--flotilla-teal),var(--flotilla-purple))}.flag-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.55rem}.filters-shell{margin-top:.7rem;padding-top:.65rem;border-top:1px solid rgba(127,126,255,.12)}.filters-toggle-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.filters-toggle{display:inline-flex;align-items:center;gap:.45rem;max-width:100%;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.35rem .75rem .35rem .85rem;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600}.filters-toggle:hover,.filters-toggle.open{color:var(--text);border-color:#7f7eff73}.filters-toggle.has-active{border-color:#03cea473;color:var(--text)}.filters-toggle-label{text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700;color:var(--flotilla-coral)}.filters-toggle-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(52vw,28rem);color:inherit;font-weight:600}.filters-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;background:#03cea438;color:var(--flotilla-teal);font-size:.7rem;font-weight:700}.filters-chevron{color:var(--text-muted);font-size:.75rem}.filters-clear{padding:.3rem .7rem;font-size:.78rem}.filters-panel{margin-top:.75rem;padding:.75rem .85rem .85rem;border-radius:12px;border:1px solid var(--border);background:#161f33a6}.filter-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end}.filter-field{display:flex;flex-direction:column;gap:.3rem;min-width:9rem}.filter-select,.filter-date{background:var(--bg-deep);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .55rem;font:inherit;font-size:.85rem;min-height:2.1rem}.filter-select{min-width:12rem;max-width:100%}.filters-hint{margin:.65rem 0 0;font-size:.78rem}.filters-toggle:focus-visible,.filter-select:focus-visible,.filter-date:focus-visible{outline:2px solid var(--flotilla-coral);outline-offset:2px}.flag-filters-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-right:.25rem}.flag-chip{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);padding:.28rem .7rem;border-radius:999px;cursor:pointer;font-weight:600;font-family:inherit;font-size:.78rem;line-height:1.2}.flag-chip:hover{color:var(--text);border-color:#7f7eff73}.flag-chip.active{color:var(--bg-deep);background:linear-gradient(120deg,var(--flotilla-teal),var(--flotilla-purple));border-color:transparent}.flag-chip.chip-latest.active{background:#03cea447;color:var(--flotilla-teal);border-color:#03cea480}.flag-chip.chip-production.active{background:#7f7eff47;color:#c7c6ff;border-color:#7f7eff8c}.flag-chip.chip-prototype.active{background:#ff977038;color:var(--flotilla-coral);border-color:#ff977080}.flag-chip.chip-deprecated.active{background:#9aa3c733;color:var(--text-muted);border-color:#9aa3c773}.flag-chip.chip-broken.active{background:#ff646433;color:#fecaca;border-color:#ff646473}.toggle{display:flex;align-items:center;gap:.4rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem;color:var(--text-muted)}.btn-tool{background:linear-gradient(135deg,var(--flotilla-purple) 0%,#5c5bd4 100%);color:#fff;border:none;padding:.45rem .95rem;border-radius:8px;cursor:pointer;font-weight:600;font-family:inherit;font-size:.875rem}.btn-tool:hover{filter:brightness(1.08)}.btn-tool.retry{margin-top:.75rem}.btn-primary{margin-top:.75rem;background:linear-gradient(135deg,var(--flotilla-purple) 0%,#5c5bd4 100%);color:#fff;border:none;padding:.5rem 1.1rem;border-radius:8px;cursor:pointer;font-weight:600;font-family:inherit}.btn-primary:hover{filter:brightness(1.08)}.user-chip{font-size:.8rem;padding:.25rem .55rem;border-radius:999px;background:#03cea41f;color:var(--flotilla-teal);border:1px solid rgba(3,206,164,.35);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--text-muted)}.subtle{color:var(--text-muted);font-size:.88rem}.link{color:var(--flotilla-purple);text-decoration:none;font-size:.9rem;font-weight:600}.link.secondary{color:var(--text-muted);font-weight:500}.link:hover{color:var(--flotilla-coral);text-decoration:underline}.banner{padding:1rem 1.15rem;border-radius:10px;margin-bottom:1.25rem;border:1px solid var(--border)}.banner.signin{background:#7f7eff14;border-color:#7f7eff59}.banner.signin p{margin:0}.banner.error{background:#ff977014;border-color:#ff977059}.hint{margin-top:.5rem;font-size:.9rem;color:var(--text-muted)}.empty-state{padding:2rem 1.25rem;text-align:center;border:1px dashed var(--border);border-radius:12px;background:#11182780;margin-bottom:1rem}.empty-title{margin:0 0 .4rem;font-size:1.05rem;font-weight:700;color:var(--text)}.empty-body{margin:0 auto .85rem;max-width:42ch;color:var(--text-muted);font-size:.92rem}.loading-block{display:flex;align-items:center;gap:.65rem;padding:1.25rem .25rem}.loading-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--flotilla-teal);animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.tiles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.15rem}.tile{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000040}.tile-shot{display:block;aspect-ratio:16 / 9;background:var(--bg-elevated);border-bottom:1px solid var(--border);overflow:hidden}.tile-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.tile-shot:hover img{transform:scale(1.03)}.tile-body{padding:.9rem 1.05rem 1.05rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.tile-head{display:flex;flex-direction:column;gap:.4rem}.tile-title{font-weight:700;font-size:1.05rem;color:var(--flotilla-teal);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-flag-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.tile-desc{margin:0;font-size:.88rem;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-meta-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;font-size:.82rem}.tile-project{font-weight:600;color:var(--text)}.tile-meta{font-size:.85rem;color:var(--text-muted)}.tile-meta.branch{font-family:ui-monospace,Cascadia Code,monospace;color:var(--flotilla-purple);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tile-meta.commit{font-size:.8rem;color:var(--text)}.tile-actions{margin-top:auto;padding-top:.45rem;display:flex;flex-direction:column;gap:.35rem}.pill{display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;margin-right:.35rem;text-transform:uppercase;letter-spacing:.04em}.status-ready{background:#03cea42e;color:var(--flotilla-teal)}.status-building,.status-pending{background:#ff977026;color:var(--flotilla-coral)}.status-failed{background:#ff64641f;color:#fecaca}.archived{background:#9aa3c71f;color:var(--text-muted)}.status-row{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem}.flag-wrap{display:inline-flex;align-items:center;gap:.25rem}.flag-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--border);border-radius:999px;padding:.22rem 1.55rem .22rem .65rem;font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background-color:var(--bg-elevated);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 12px) 55%,calc(100% - 7px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;color:var(--text-muted)}.flag-select:disabled{opacity:.6;cursor:wait}.flag-select.flag-unset{color:var(--text-muted);border-style:dashed}.flag-select.flag-latest,.pill.flag-latest{background:#03cea433;color:var(--flotilla-teal);border-color:#03cea473}.flag-select.flag-auto{box-shadow:inset 0 0 0 1px #03cea459}.flag-select.flag-production,.pill.flag-production{background:#7f7eff38;color:#c7c6ff;border-color:#7f7eff80}.flag-select.flag-prototype,.pill.flag-prototype{background:#ff97702e;color:var(--flotilla-coral);border-color:#ff977066}.flag-select.flag-deprecated,.pill.flag-deprecated{background:#9aa3c724;color:var(--text-muted);border-color:#9aa3c759}.flag-select.flag-broken,.pill.flag-broken{background:#ff646429;color:#fecaca;border-color:#ff646466}.flag-err{color:#fecaca;font-weight:700;font-size:.85rem}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border);background:var(--bg-panel)}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th,.data-table td{padding:.65rem .85rem;text-align:left;border-bottom:1px solid var(--border)}.data-table th{font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--flotilla-coral);background:var(--bg-elevated);padding:0}.th-sort{display:inline-flex;align-items:center;gap:.15rem;width:100%;margin:0;padding:.65rem .85rem;border:none;background:transparent;color:inherit;font:inherit;font-weight:700;font-size:inherit;text-transform:uppercase;letter-spacing:inherit;cursor:pointer;text-align:left}.th-sort:hover{color:var(--text)}.th-sort.active{color:var(--flotilla-teal)}.th-sort-ind{font-size:.85em;opacity:.9}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#7f7eff0d}.mono{font-family:ui-monospace,Cascadia Code,monospace;font-size:.82rem}.commit-cell{max-width:220px}.commit-title{display:block;margin-top:.15rem;color:var(--text-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.links-cell{white-space:nowrap}.links-cell .link{margin-right:.65rem}.nowrap{white-space:nowrap}@media(max-width:640px){.page{padding:1.25rem 1rem 3rem}.controls-bar{margin-left:-.15rem;margin-right:-.15rem}.flag-filters-label{width:100%;margin-bottom:.15rem}.filters-toggle-summary{max-width:42vw}.filter-select{min-width:100%}.filter-field{flex:1 1 100%}}