.topbar{min-height:126px;grid-template-columns:minmax(245px,1fr) auto;grid-template-rows:auto auto;position:relative;gap:8px 20px;background:linear-gradient(115deg,#071428 0%,var(--mode-header) 48%,#123b69 100%);box-shadow:0 10px 34px #06132630}
.topbar>*{position:relative;z-index:2}
.topbar:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 18%,#ffffff12 38%,transparent 58%);background-size:220% 100%;animation:headerSheen 9s ease-in-out infinite}
.linux-mode .topbar{background:linear-gradient(115deg,#08180f 0%,var(--mode-header) 52%,#1a5730 100%)}
.macos-mode .topbar{background:linear-gradient(115deg,#15191f 0%,#2d3540 48%,#788493 100%)}
.toolsbar{background:linear-gradient(105deg,var(--mode-toolbar),color-mix(in srgb,var(--mode-toolbar),var(--mode-accent) 18%));box-shadow:inset 0 1px #ffffff12}
.brand{min-width:245px}.brand>span:last-child{gap:1px}.brand b{font-size:18px}.brand small{font-size:10px;line-height:1.35}
.logo{position:relative;width:58px;height:58px;flex:0 0 58px;border-radius:15px;border-color:color-mix(in srgb,var(--mode-accent),#fff 25%);background:linear-gradient(145deg,#ffffff18,#07142770);box-shadow:inset 0 1px #ffffff55,0 9px 24px #0005;overflow:hidden}
.logo:after{content:"";position:absolute;inset:-30% auto -30% -65%;width:40%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,#fff8,transparent);animation:logoSheen 5.5s ease-in-out infinite}
.platform-image-logo{width:46px;height:46px;display:block;object-fit:contain;border-radius:10px}
.macos-mode .platform-image-logo{background:#fff;padding:2px}
.win-grid{width:29px;height:29px;gap:3px}.menu-os-icon .win-grid{width:22px;height:22px}
.platform-menu{top:68px;width:365px;padding:9px;border-radius:15px}.platform-menu button{grid-template-columns:52px 1fr;padding:11px;transition:transform .18s ease,background .25s ease}.platform-menu button:hover{transform:translateX(4px)}
.menu-os-icon{width:46px;height:46px;border-radius:12px;overflow:hidden}.menu-os-icon img{width:40px;height:40px;object-fit:contain;border-radius:8px}.linux-icon{background:#eaf7ed}.macos-icon{background:linear-gradient(145deg,#fff,#cbd2da)}
.platform-wrap{grid-column:1;grid-row:1}.launchers{grid-column:2;grid-row:1;justify-self:end;flex-wrap:wrap;justify-content:flex-end}.view-tabs{grid-column:1/-1;grid-row:2;width:100%;gap:5px 7px;perspective:900px;justify-content:center;flex-wrap:wrap;overflow:visible;scrollbar-width:none}.view-tab{position:relative;isolation:isolate;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .28s ease,color .28s ease,box-shadow .28s ease}.view-tab:before{content:"";position:absolute;left:16%;right:16%;bottom:3px;height:2px;border-radius:2px;background:var(--mode-accent);transform:scaleX(0);transition:transform .26s ease;box-shadow:0 0 12px var(--mode-accent)}
.view-tab:hover{transform:translateY(-3px);background:#ffffff13;box-shadow:0 9px 22px #0003}.view-tab:hover:before,.view-tab.active:before{transform:scaleX(1)}
.view-tab:after{content:attr(data-tip);position:absolute;z-index:90;left:50%;top:calc(100% + 14px);width:max-content;max-width:250px;padding:9px 11px;border-radius:9px;background:#071426;color:#f2f7ff;font-size:12px;line-height:1.35;font-weight:500;box-shadow:0 12px 30px #0006;opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;pointer-events:none}
.view-tab:hover:after,.view-tab:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.view.view-enter{animation:viewEnter .38s cubic-bezier(.2,.78,.25,1) both}
.command-filterbar{display:flex;align-items:flex-end;gap:10px 12px;flex-wrap:wrap;padding:12px 3vw 14px;background:color-mix(in srgb,var(--card),var(--mode-soft) 34%);border-bottom:1px solid var(--line);box-shadow:0 8px 22px #07162b0a}
.command-filter-heading{display:flex;flex-direction:column;justify-content:center;align-self:stretch;min-width:210px;margin-right:auto}.command-filter-heading b{font-size:14px;color:var(--ink)}.command-filter-heading small{font-size:12px;color:var(--muted);max-width:255px}
.command-filter-group,.command-filter-field{display:flex;flex-direction:column;gap:5px}.filter-title,.command-filter-field>span{font-size:14px;font-weight:750;color:var(--ink)}
.filter-segments{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--card);min-height:40px}.filter-segments button{display:flex;align-items:center;gap:5px;min-height:32px;padding:5px 9px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.filter-segments button:hover{color:var(--ink);transform:translateY(-1px)}.filter-segments button.active{background:var(--mode-soft);color:var(--mode-accent-strong);box-shadow:0 3px 10px color-mix(in srgb,var(--mode-accent),transparent 82%)}
.command-filter-field select{min-width:128px;height:40px;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font-size:14px;cursor:pointer}.command-filter-field select:focus-visible,.filter-segments button:focus-visible,.command-filter-reset:focus-visible{outline:3px solid color-mix(in srgb,var(--mode-accent),transparent 58%);outline-offset:2px}.command-sort-field select{min-width:174px}
.command-filter-reset{height:40px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.command-filter-reset:hover,.command-filter-reset.has-filters{border-color:var(--mode-border);background:var(--mode-soft);color:var(--mode-accent-strong)}
.command-browser{display:grid;grid-template-columns:230px minmax(0,1fr);max-width:1700px;margin:auto;background:var(--card)}
.categories{height:calc(100vh - 321px);min-height:410px;display:block;padding:17px 12px;background:#f8fafc;border-right:1px solid var(--line);border-bottom:0;overflow:auto;position:sticky;top:0}
.tree-heading{display:flex;align-items:center;gap:10px;padding:7px 9px 14px;color:#24354d}.tree-heading>span:last-child{display:flex;flex-direction:column}.tree-heading small{font-size:11px;color:#8290a3}.tree-folder{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:var(--mode-soft);color:var(--mode-accent-strong);font-weight:800}
.tree-branches{position:relative}.tree-branches:before{content:"";position:absolute;left:16px;top:0;bottom:18px;width:1px;background:#cbd7e4}.categories .tree-branches button{position:relative;width:100%;display:grid;grid-template-columns:24px 1fr auto;gap:6px;align-items:center;text-align:left;padding:8px 8px 8px 2px;margin:2px 0;border:1px solid transparent}.categories .tree-branches button:hover{background:#eef3f8}.categories .tree-branches button.active{border-color:var(--mode-border);box-shadow:0 5px 16px #19334e10}.categories button small{font-size:10px;min-width:24px;text-align:center;padding:2px 5px;border-radius:99px;background:#e8edf3;color:#607086}.tree-joint{position:relative;z-index:1;color:#a0afc1;background:#f8fafc;font:13px/1 Consolas}
.command-workspace{height:calc(100vh - 321px);min-height:410px;max-width:none;width:100%;margin:0;grid-template-columns:minmax(285px,350px) 1fr}
.command-detail-empty{min-height:360px;display:grid;place-content:center;justify-items:center;text-align:center;color:var(--muted)}.command-detail-empty>span{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:var(--mode-soft);color:var(--mode-accent-strong);font-size:28px}.command-detail-empty h2{margin:17px 0 5px;color:var(--ink)}.command-detail-empty p{max-width:430px;margin:0}
.command-item.list-reveal{opacity:0;animation:commandCascade .38s cubic-bezier(.2,.8,.25,1) forwards;animation-delay:calc(var(--item-order,0) * 42ms)}
.command-item.command-chosen{animation:commandChosen .55s cubic-bezier(.2,.85,.25,1)}
.command-detail.detail-reveal{animation:detailReveal .5s cubic-bezier(.18,.82,.25,1) both;transform-origin:right center}
.command-detail.detail-reveal>*{animation:detailChild .38s ease-out backwards}.command-detail.detail-reveal>*:nth-child(2){animation-delay:.06s}.command-detail.detail-reveal>*:nth-child(3){animation-delay:.1s}.command-detail.detail-reveal>*:nth-child(4){animation-delay:.14s}.command-detail.detail-reveal>*:nth-child(n+5){animation-delay:.18s}
.theme-toggle{min-width:91px;cursor:pointer}.theme-toggle:hover{border-color:var(--mode-accent);box-shadow:0 0 18px color-mix(in srgb,var(--mode-accent),transparent 60%)}
.macos-mode{--mode-accent:#aeb8c5;--mode-accent-strong:#52606f;--mode-soft:#edf1f5;--mode-border:#cbd2da;--mode-header:#262d36;--mode-toolbar:#343e49}
.platform-rule.macos{background:linear-gradient(90deg,#edf1f5,#d9e0e7,#f7f9fb);color:#465463;border-color:#c4cdd7;box-shadow:inset 0 1px #fff}
.macos-mode .logo{border-color:#e4e9ef;color:#fff;box-shadow:inset 0 1px #fff,0 0 24px #dce5ef4f,0 10px 26px #0005}.linux-mode .logo{box-shadow:inset 0 1px #bcffd0aa,0 0 23px #52e27b38,0 10px 26px #0005}.linux-mode .view-tab.active{background:#ffffff14}.macos-mode .view-tab.active{background:#ffffff18}.macos-mode .view-tab.active .nav-icon{stroke:#edf3f8}
@keyframes headerSheen{0%,68%,100%{background-position:140% 0}84%{background-position:-80% 0}}
@keyframes logoSheen{0%,62%,100%{left:-65%}78%{left:125%}}
@keyframes viewEnter{from{opacity:0;transform:translateY(10px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@keyframes commandCascade{from{opacity:0;transform:translateY(-12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes commandChosen{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--mode-accent),transparent 30%)}55%{box-shadow:0 0 0 6px color-mix(in srgb,var(--mode-accent),transparent 78%)}100%{box-shadow:0 0 0 0 transparent}}
@keyframes detailReveal{from{opacity:.15;transform:translateX(30px) scale(.985);clip-path:inset(0 0 0 22%)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes detailChild{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:1200px){.topbar{grid-template-columns:minmax(220px,1fr) auto}.brand{min-width:215px}.logo{width:52px;height:52px;flex-basis:52px}.platform-image-logo{width:41px;height:41px}}
@media(max-width:1100px){.command-filter-heading{width:100%;min-width:100%;margin-right:0}.command-filter-heading small{max-width:none}}
@media(max-width:900px){.command-filterbar{align-items:stretch}.command-system-filter{width:100%}.filter-segments{display:grid;grid-template-columns:repeat(3,1fr)}.filter-segments button{justify-content:center}.command-filter-field{flex:1 1 145px}.command-filter-field select{width:100%}.command-filter-reset{align-self:flex-end}.command-browser{grid-template-columns:1fr}.categories{height:auto;min-height:0;position:static;display:flex;gap:5px;border-right:0;border-bottom:1px solid var(--line);padding:10px;white-space:nowrap}.tree-heading{min-width:max-content;padding:6px 10px}.tree-branches{display:flex;gap:5px;overflow:auto}.tree-branches:before,.tree-joint{display:none}.categories .tree-branches button{grid-template-columns:1fr auto;width:auto;padding:8px 10px}.command-workspace{height:auto;min-height:0}}
@media(max-width:800px){.topbar{grid-template-columns:1fr;grid-template-rows:auto auto auto}.platform-wrap{grid-column:1;grid-row:1}.launchers{grid-column:1;grid-row:2;justify-self:start;justify-content:flex-start}.view-tabs{grid-column:1;grid-row:3;justify-content:flex-start}.view-tab:after{display:none}}
@media(max-width:620px){.brand{min-width:0}.theme-toggle{min-width:auto}.command-filterbar{padding:12px 14px}.command-filter-field{flex-basis:calc(50% - 8px)}.command-filter-reset{width:100%}}
@media(prefers-reduced-motion:reduce){.topbar:after,.logo:after{animation:none}.view-tab,.platform-menu button{transition:none}.view-tab:hover,.platform-menu button:hover{transform:none}.view.view-enter,.command-item.list-reveal,.command-item.command-chosen,.command-detail.detail-reveal,.command-detail.detail-reveal>*{animation:none;opacity:1}}