.app-shell{--eclips-sidebar-width:244px;--eclips-sidebar-compact-width:76px;min-height:100dvh}.app-shell .sidebar{width:var(--eclips-sidebar-width);min-width:var(--eclips-sidebar-width);z-index:40;flex-shrink:0;height:100dvh;transition:width .22s,min-width .22s,padding .22s;position:sticky;top:0;overflow:hidden}.app-shell.eclips-shell-collapsed .sidebar{width:var(--eclips-sidebar-compact-width);min-width:var(--eclips-sidebar-compact-width);padding-left:10px;padding-right:10px}.eclips-sidebar-header{justify-content:space-between;align-items:flex-start;min-height:92px;display:flex}.app-shell .brand{min-width:0;margin:0;padding:0 10px 25px;overflow:hidden}.eclips-sidebar-logo{width:115px;max-width:none;height:auto;transition:width .22s;display:block}.eclips-shell-collapsed .eclips-sidebar-header{justify-content:center;min-height:85px}.eclips-shell-collapsed .brand{justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:flex}.eclips-shell-collapsed .eclips-sidebar-logo{object-fit:contain;width:52px;height:52px}.eclips-shell-collapsed .nav-caption,.eclips-shell-collapsed .eclips-nav-label,.eclips-shell-collapsed .soon,.eclips-shell-collapsed .side-divider,.eclips-shell-collapsed .eclips-sidebar-status-text,.eclips-shell-collapsed .side-bottom small{display:none}.eclips-sidebar-navigation{flex-direction:column;display:flex}.app-shell .sidebar .nav-item{white-space:nowrap;min-height:48px;transition:background .15s,color .15s}.app-shell .sidebar .nav-item svg{flex-shrink:0}.eclips-shell-collapsed .sidebar .nav-item{border-radius:13px;justify-content:center;gap:0;width:54px;height:52px;margin-left:auto;margin-right:auto;padding:0}.eclips-shell-collapsed .sidebar .nav-item.active{border-left:0;box-shadow:inset 0 0 0 1px #7045a3}.eclips-shell-collapsed .sidebar .side-bottom{border-radius:12px;justify-content:center;align-items:center;padding:12px 0;display:flex}.eclips-shell-collapsed .sidebar .status-dot{width:10px;height:10px;margin:0}.app-shell .main-area{flex:1;width:0;min-width:0}.app-shell .topbar{z-index:35;-webkit-backdrop-filter:blur(18px);background:#0b0912f7;position:sticky;top:0}.eclips-topbar-left{flex-shrink:0;align-items:center;gap:13px;display:flex}.eclips-sidebar-toggle,.eclips-sidebar-mobile-close{color:#c9a7ff;cursor:pointer;background:#1a1426;border:1px solid #342a45;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;padding:0;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.eclips-sidebar-toggle:hover,.eclips-sidebar-mobile-close:hover{color:#fff;background:#2b1c42;border-color:#8754c4}.eclips-sidebar-toggle:active{transform:scale(.95)}.eclips-sidebar-toggle:focus-visible,.eclips-sidebar-mobile-close:focus-visible{outline-offset:3px;outline:2px solid #c59cff}.eclips-sidebar-mobile-close,.eclips-sidebar-backdrop{display:none}.app-shell .topbar .search{min-width:0}.app-shell .topbar .top-actions{flex-shrink:0}@media (min-width:851px){.app-shell.eclips-shell-discover{height:100dvh;min-height:0;overflow:hidden}.eclips-shell-discover .main-area{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.eclips-shell-discover .topbar{flex-shrink:0}.eclips-shell-discover .content.eclips-discover-content{flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:15px 24px 12px;display:flex;overflow:hidden}.eclips-shell-discover .eclips-vertical-feed{flex-direction:column;flex:1;width:100%;max-width:1500px;height:100%;min-height:0;margin:0 auto;display:flex}.eclips-shell-discover .eclips-feed-heading{flex-shrink:0;margin-bottom:0;padding-top:0;padding-bottom:12px}.eclips-shell-discover .eclips-feed-heading h1{margin-top:4px;margin-bottom:3px;font-size:clamp(24px,2.4vw,35px)}.eclips-shell-discover .eclips-feed-heading p{margin:0}.eclips-shell-discover .eclips-feed-stage{flex:1;height:auto;min-height:0;overflow:hidden}.eclips-shell-discover .eclips-feed-scroll{overscroll-behavior-y:contain;scroll-snap-type:y mandatory;height:100%;min-height:0;max-height:none;overflow-y:auto}.eclips-shell-discover .eclips-feed-item{scroll-snap-align:start;scroll-snap-stop:always;height:100%;min-height:100%;max-height:100%}.eclips-shell-discover .eclips-feed-player{min-height:0;max-height:100%}.eclips-shell-discover .eclips-feed-footer{flex-shrink:0;margin:0;padding:8px 4px 0}}@media (max-width:1150px) and (min-width:851px){.app-shell:not(.eclips-shell-collapsed) .sidebar{width:205px;min-width:205px}.eclips-shell-discover .content.eclips-discover-content{padding-left:14px;padding-right:14px}}@media (max-width:850px){.app-shell .sidebar{z-index:100;width:270px;min-width:270px;height:100dvh;box-shadow:none;padding:25px 15px;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.app-shell .sidebar.eclips-sidebar-mobile-open{transform:translate(0);box-shadow:15px 0 65px #0000008c}.app-shell.eclips-shell-collapsed .sidebar{width:270px;min-width:270px;padding:25px 15px}.eclips-shell-collapsed .sidebar .nav-caption,.eclips-shell-collapsed .sidebar .eclips-nav-label,.eclips-shell-collapsed .sidebar .soon,.eclips-shell-collapsed .sidebar .side-divider,.eclips-shell-collapsed .sidebar .eclips-sidebar-status-text,.eclips-shell-collapsed .sidebar .side-bottom small{display:revert}.eclips-shell-collapsed .sidebar .nav-item{justify-content:flex-start;gap:14px;width:auto;height:auto;margin-left:0;margin-right:0;padding:14px 16px}.eclips-shell-collapsed .sidebar .nav-item.active{border-left:3px solid var(--purple);box-shadow:none}.eclips-shell-collapsed .sidebar .brand{width:auto;height:auto;padding:0 10px 25px}.eclips-shell-collapsed .sidebar .eclips-sidebar-logo{width:115px;height:auto}.eclips-shell-collapsed .sidebar .side-bottom{padding:15px 12px;display:block}.eclips-shell-collapsed .sidebar .status-dot{width:7px;height:7px;margin-right:6px}.eclips-sidebar-header{min-height:92px}.eclips-sidebar-mobile-close{display:inline-flex}.eclips-sidebar-backdrop{z-index:95;cursor:pointer;background:#000000a6;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.app-shell .main-area{width:100%}.app-shell .topbar{z-index:35}.eclips-shell-discover .content.eclips-discover-content{padding:15px 12px 25px}}@media (max-width:540px){.app-shell .topbar{gap:10px}.eclips-sidebar-toggle{border-radius:10px;width:39px;height:39px}.eclips-topbar-left{gap:9px}.eclips-shell-discover .content.eclips-discover-content{padding:12px 8px 25px}}@media (prefers-reduced-motion:reduce){.app-shell .sidebar,.eclips-sidebar-logo,.eclips-sidebar-toggle{transition:none}}.eclips-sidebar-desktop-toggle{z-index:2;width:40px;height:40px;margin:4px 0 0 auto;display:inline-flex;position:relative}.eclips-sidebar-topbar-toggle{display:none}.eclips-shell-collapsed .eclips-sidebar-header{flex-direction:column;justify-content:flex-start;align-items:center;gap:8px}.eclips-shell-collapsed .eclips-sidebar-desktop-toggle{width:40px;height:40px;margin:0;display:inline-flex}@media (max-width:900px){.eclips-sidebar-desktop-toggle,.eclips-shell-collapsed .eclips-sidebar-desktop-toggle{display:none}.eclips-sidebar-topbar-toggle{display:inline-flex}}@media (min-width:901px){.eclips-sidebar-header{position:relative}.eclips-sidebar-desktop-toggle{margin:0;position:absolute;top:0;right:0}.eclips-shell-collapsed .eclips-sidebar-desktop-toggle{margin:0;position:relative;top:auto;right:auto}.app-shell:not(.eclips-shell-collapsed) .eclips-sidebar-header{justify-content:center;position:relative}.app-shell:not(.eclips-shell-collapsed) .eclips-sidebar-header .brand{flex-shrink:0;width:115px;margin:0 auto;padding:0 0 25px}.app-shell:not(.eclips-shell-collapsed) .eclips-sidebar-logo{width:115px}}