.project-directory-slot{position:relative;display:flow-root;margin-bottom:30px;scroll-margin-top:100px}
.project-directory{position:relative;top:auto;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:10px 16px;border:1px solid var(--glass-border);border-radius:22px;background:var(--glass-bg);backdrop-filter:blur(40px) saturate(160%);-webkit-backdrop-filter:blur(40px) saturate(160%);box-shadow:var(--glass-shadow);scroll-margin-top:90px}
.project-directory.is-floating{position:fixed;z-index:110;will-change:left,top,width,height}
.directory-measure{position:absolute!important;top:0!important;left:0!important;visibility:hidden!important;pointer-events:none!important}
.directory-dock-toggle{display:none;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;padding:0 14px;border:0;border-radius:inherit;background:none;color:var(--text);font:600 12px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;white-space:nowrap}
.directory-dock-arrow,.project-menu-chevron{display:block;flex:0 0 12px;width:12px;height:12px;transform-origin:center;transition:transform .2s}.is-directory-open .directory-dock-arrow{transform:rotate(180deg)}
.is-compact>.directory-dock-toggle{display:flex}.is-compact>.project-directory-label{display:none}.is-compact>.project-menu-groups{display:none}
.is-compact.is-directory-open>.project-menu-groups{position:absolute;top:calc(100% + 10px);left:var(--dock-panel-left,0);width:var(--dock-panel-width,600px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid var(--glass-border);border-radius:20px;background:var(--bg);box-shadow:var(--glass-shadow-hover)}
.is-compact .project-menu-group summary{justify-content:center}.is-compact .project-menu-panel{max-height:min(52vh,420px)}
.project-directory-label{font-size:14px;font-weight:650;color:var(--text);text-decoration:none;white-space:nowrap}
.project-menu-groups{display:flex;align-items:center;gap:8px}.project-menu-group{position:static}
.project-menu-group summary{list-style:none;display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:16px;font-size:12px;font-weight:600;cursor:pointer;color:var(--text-secondary);white-space:nowrap;transition:background .2s,color .2s}
.project-menu-group summary::-webkit-details-marker{display:none}.project-menu-group[open] summary,.project-menu-group summary:hover{background:rgba(0,113,227,.08);color:var(--accent)}
.project-menu-count{font-size:10px;opacity:.75;font-variant-numeric:tabular-nums}.project-menu-group[open] .project-menu-chevron{transform:rotate(180deg)}
.project-menu-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:52vh;overflow:auto;padding:16px;border:1px solid var(--glass-border);border-radius:22px;background:var(--bg);box-shadow:var(--glass-shadow-hover)}
.project-menu-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.project-menu-links a{padding:11px 12px;font-size:12px;line-height:1.6;color:var(--text-secondary);text-decoration:none;border-radius:12px;overflow-wrap:anywhere}
.project-menu-links a:hover,.project-menu-links a[aria-current=location]{color:var(--accent);background:rgba(0,113,227,.07)}
.project-directory a:focus-visible,.project-menu-group summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.proj-card[id]{scroll-margin-top:108px}.proj-card[tabindex]:focus{outline:none}.proj-card:target{border-color:rgba(0,113,227,.28)}
.project-flow-title{text-anchor:middle;fill:var(--text);font-size:12px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,sans-serif}
.project-flow-caption{text-anchor:middle;fill:var(--text-secondary);font-size:9px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}
.unified-project{display:block}.unified-project .proj-desc{margin-top:18px}.unified-project .proj-links{row-gap:8px}.unified-project .proj-top>.proj-links{max-width:100%}
@media(max-width:768px){.project-directory-slot{margin-bottom:24px}.project-directory{flex-wrap:wrap;gap:8px;padding:12px;border-radius:18px}.project-directory-label{font-size:13px}.project-menu-groups{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.project-menu-group summary{justify-content:center;gap:6px;padding:8px 4px;font-size:11px}.project-menu-panel{padding:10px;max-height:55vh;border-radius:18px}.project-menu-links{grid-template-columns:repeat(2,minmax(0,1fr))}.project-menu-links a{padding:10px 8px;font-size:12px}.proj-card[id]{scroll-margin-top:88px}.project-flow svg{min-width:620px}.unified-project .proj-title-area{min-width:0;width:100%}.project-directory.is-compact{gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}.orb{animation:none!important}}