:root{--flow-ease:cubic-bezier(.22,.78,.2,1);--flow-glass:rgba(238,247,245,.72);--flow-line:rgba(255,255,255,.64)}
.glass-sheet{background:radial-gradient(circle at 14% 0%,rgba(255,255,255,.72),transparent 34%),radial-gradient(circle at 92% 16%,rgba(171,223,218,.22),transparent 31%),linear-gradient(145deg,rgba(229,242,239,.84),rgba(216,234,232,.72))!important;backdrop-filter:blur(52px) saturate(185%)!important;-webkit-backdrop-filter:blur(52px) saturate(185%)!important;box-shadow:0 32px 90px rgba(2,22,29,.34),inset 0 1px rgba(255,255,255,.9),inset 0 -1px rgba(255,255,255,.28)!important}
.glass-sheet:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);pointer-events:none;z-index:2}.glass-sheet.open{animation:flowSheetIn .38s var(--flow-ease)}@keyframes flowSheetIn{from{opacity:0;transform:translateY(22px) scale(.98);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.glass-sheet-header{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.27))!important;box-shadow:0 1px rgba(255,255,255,.7)}.glass-sheet-header:after{content:"";position:absolute;inset:0 18% auto;height:1px;background:rgba(255,255,255,.9)}
.glass-sheet-body{scroll-behavior:smooth;overscroll-behavior:contain;padding-top:0!important;scrollbar-gutter:stable}.glass-panel-grid{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))!important;align-items:start;padding-top:14px}.glass-panel-grid.has-expanded{grid-template-columns:1fr!important}.glass-panel-grid.has-expanded>.glass-card:not(.flow-expanded){display:none!important}
.glass-card{position:relative;overflow:hidden;transition:transform .28s var(--flow-ease),box-shadow .28s var(--flow-ease),border-color .28s}.glass-card:before{content:"";position:absolute;z-index:0;pointer-events:none;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 28%,transparent 72%,rgba(120,194,188,.06))}.glass-card>*{position:relative;z-index:1}.glass-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.95)!important;box-shadow:0 18px 42px rgba(24,57,62,.14),inset 0 1px rgba(255,255,255,.98)!important}.glass-card.flow-active-card{border-color:rgba(49,133,155,.42)!important;box-shadow:0 16px 42px rgba(21,105,126,.16),inset 0 1px white!important}.glass-card.flow-expanded{grid-column:1/-1;min-height:min(68vh,760px);animation:flowCardExpand .28s var(--flow-ease)}@keyframes flowCardExpand{from{opacity:.6;transform:scale(.985)}to{opacity:1;transform:none}}
.flow-card-expand{position:absolute!important;z-index:5!important;right:16px;top:16px;min-height:48px!important;padding:7px 10px!important;border-radius:999px!important;font-size:11px!important;background:rgba(238,247,245,.74)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.glass-section-rail{position:sticky;z-index:12;top:0;display:grid;grid-template-columns:auto minmax(180px,1fr);gap:10px;align-items:center;margin:0 -18px;padding:10px 18px;border-bottom:1px solid rgba(68,96,100,.12);background:linear-gradient(180deg,rgba(232,242,240,.94),rgba(232,242,240,.78));backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 12px 28px rgba(20,50,56,.07)}.flow-rail-buttons{display:flex;gap:6px;overflow:auto;padding:2px;scrollbar-width:none}.flow-rail-buttons::-webkit-scrollbar{display:none}.flow-rail-buttons button{flex:none;min-height:48px!important;padding:10px 14px!important;border:1px solid rgba(55,84,89,.1)!important;border-radius:999px!important;background:rgba(255,255,255,.54)!important;box-shadow:inset 0 1px white!important;font-size:11px!important;white-space:nowrap}.flow-rail-buttons button.active{background:#173f48!important;color:white!important;border-color:#173f48!important}.flow-filter{min-height:48px!important;width:min(260px,28vw);padding:10px 14px!important;border-radius:999px!important;background:rgba(255,255,255,.64)!important}.flow-empty{grid-column:1/-1;padding:60px;text-align:center;color:#456168}.flow-hidden{display:none!important}
.glass-dock{background:linear-gradient(180deg,rgba(250,253,252,.86),rgba(222,237,235,.7))!important;border-color:rgba(255,255,255,.84)!important;box-shadow:0 24px 72px rgba(1,20,26,.4),inset 0 1px white,inset 0 -1px rgba(255,255,255,.4)!important;transition:transform .26s var(--flow-ease),opacity .26s}.glass-dock button{transition:transform .22s var(--flow-ease),background .22s,color .22s!important}.glass-dock button:hover{transform:translateY(-3px) scale(1.04)}.glass-dock button:active{transform:translateY(0) scale(.97)}
.flow-nav-button{position:fixed;z-index:91;right:18px;bottom:24px;width:52px;height:52px;border:1px solid rgba(255,255,255,.72);border-radius:19px;background:linear-gradient(160deg,rgba(250,253,252,.86),rgba(211,231,228,.68));box-shadow:0 18px 48px rgba(1,20,26,.3),inset 0 1px white;color:#173b43;font-size:20px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);cursor:pointer}.flow-nav-button:hover{transform:translateY(-2px)}
.flow-navigator{width:min(720px,calc(100% - 28px));padding:0!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(241,248,246,.92),rgba(215,233,230,.86))!important;box-shadow:0 42px 120px rgba(1,17,23,.54),inset 0 1px white!important;backdrop-filter:blur(42px) saturate(180%);-webkit-backdrop-filter:blur(42px) saturate(180%)}.flow-navigator::backdrop{background:rgba(4,21,26,.52);backdrop-filter:blur(9px)}.flow-nav-wrap{padding:20px}.flow-nav-head{display:flex;align-items:center;gap:12px}.flow-nav-head input{flex:1;min-height:52px;border:1px solid rgba(34,71,78,.15);border-radius:16px;background:rgba(255,255,255,.72);padding:12px 15px;font-size:16px}.flow-nav-head button{width:42px;height:42px;border:0;border-radius:50%;background:rgba(31,63,70,.1)}.flow-nav-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;max-height:58vh;overflow:auto}.flow-nav-results button{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;min-height:62px;border:1px solid rgba(44,76,81,.1);border-radius:17px;background:rgba(255,255,255,.54);padding:10px 14px;text-align:left;color:#18383f}.flow-nav-results button:hover,.flow-nav-results button.active{background:white;box-shadow:0 9px 25px rgba(23,62,68,.12)}.flow-nav-results button b{font-size:14px}.flow-nav-results button small{grid-column:2;color:#587176}.flow-key{font:600 10px DM Mono,monospace;color:#62787c;border:1px solid rgba(50,76,81,.18);border-radius:6px;padding:3px 5px}
body.flow-focus-mode .topbar,body.flow-focus-mode .glass-dock,body.flow-focus-mode .flow-nav-button{opacity:.1;transition-delay:.5s}body.flow-focus-mode .topbar:hover,body.flow-focus-mode .glass-dock:hover,body.flow-focus-mode .flow-nav-button:hover{opacity:1;transition-delay:0s}
@media(max-width:800px){.glass-section-rail{grid-template-columns:1fr;margin:0 -10px;padding:8px 10px}.flow-filter{width:100%}.flow-nav-button{right:10px;bottom:86px}.flow-nav-results{grid-template-columns:1fr}.glass-card:hover{transform:none}.glass-card.flow-expanded{min-height:0}}
@media(prefers-reduced-motion:reduce){.glass-sheet.open,.glass-card.flow-expanded{animation:none}.glass-card,.glass-dock,.glass-dock button{transition:none!important}.glass-sheet-body{scroll-behavior:auto}}